.home-settings>summary{width:44px;justify-content:center;padding:0}.home-settings-menu{width:min(290px,calc(100vw - 44px));max-height:calc(var(--app-height) - 105px);overflow-y:auto;overscroll-behavior:contain}.home-settings-menu .crona-menu-entry{margin:6px 0;padding:15px 12px;background:#e5e9df;border:1px solid #c7d0bf;border-radius:4px;color:#405641;gap:12px}.crona-menu-entry strong{display:block;font:500 18px Georgia,serif;letter-spacing:-.4px}.crona-menu-entry small{display:block;font-size:11px;color:#637260;margin-top:5px}.home-settings-menu .setting-row{padding:12px 8px;border-top:0}
#crona-orders{background:#f6f3ed;color:#383a33;overflow-y:auto;height:var(--app-height);overscroll-behavior:contain;touch-action:pan-y}#crona-orders::backdrop{background:#302b2755}.crona-shell{max-width:650px;margin:auto;padding:calc(16px + env(safe-area-inset-top)) 24px calc(30px + env(safe-area-inset-bottom))}.crona-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #7b806126;padding-bottom:12px}.crona-header>span{font-size:10px;color:#848578;letter-spacing:.08em}.crona-header button{background:none;border:0;min-height:44px;font-size:12px;padding:0 0 0 12px;color:#5d6155}.crona-header button span{font-size:22px;margin-left:12px;vertical-align:middle}.crona-heading{padding:28px 0 23px}.crona-eyebrow{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#7e826e;margin:0 0 11px}.crona-heading h2{font:400 38px/1.1 Georgia,serif;letter-spacing:-1.2px;margin:0;color:#354a37}.crona-heading>p:not(.crona-eyebrow){font-size:13px;color:#848577;margin:12px 0}.crona-demo{font-size:10px;line-height:1.6;color:#8a8a7f}.crona-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;background:#e6ecdf;border-radius:3px;color:#4c6548;font-size:11px}.crona-summary strong{display:block;font:33px/1.15 Georgia,serif;margin-top:7px;letter-spacing:-.8px}.crona-summary>span:last-child{text-align:right;line-height:1.7}.crona-summary small{font-size:10px;color:#728269}.crona-filters{display:flex;gap:22px;margin:17px 0 23px;border-bottom:1px solid #7b806126}.crona-filters button{border:0;background:none;padding:14px 0;border-bottom:2px solid transparent;font-size:12px;min-height:44px;color:#848578}.crona-filters button[aria-pressed=true]{border-bottom-color:#52704c;color:#405c3c}.crona-filters span{font-size:10px;margin-left:3px;color:#858c7b}.crona-list{display:flex;flex-direction:column;gap:18px}.crona-order{padding:20px;background:#fffdfa;border:1px solid #d9d7ce;border-radius:3px}.crona-order header{margin-bottom:15px}.crona-order h3.crona-order-project{font:400 26px/1.2 Georgia,serif;letter-spacing:-.45px;margin:0 0 10px;color:#44483c;overflow-wrap:anywhere}.crona-order-details{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;line-height:1.5;font-weight:400;color:#7c7d70}.crona-order-details>span:first-child{min-width:0;overflow-wrap:anywhere}.crona-part{flex:none;white-space:nowrap}.crona-status{display:flex;gap:7px;align-items:center;font-size:12px;line-height:1.5;color:#81735e;margin:0}.crona-status i{display:block;flex:none;width:5px;height:5px;border-radius:50%;background:#ac926d}.crona-status.early{color:#8b8376}.crona-status.early i{background:#b7ac9b}.crona-status.ready{color:#4a7144}.crona-status.ready i{background:#6a905c;box-shadow:0 0 0 3px #6a905c12}.crona-numbers{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #d9d7ce88;padding-top:17px;margin:19px 0 0}.crona-numbers dt{font-size:10px;color:#8b8c7f;line-height:1.5}.crona-numbers dd{font-size:12px;line-height:1.5;margin:6px 0 0;color:#626554}.crona-numbers .crona-amount{font:25px/1.2 Georgia,serif;color:#485b40}.crona-numbers>div:last-child{text-align:right}.crona-ready{background:#f1f5ec;border-color:#ccd9c0}.crona-collect{font-size:12px;color:#4c7341;margin:18px 0 0}.crona-collect span{margin-right:7px}.crona-project-link{border:0;background:none;display:flex;width:100%;justify-content:space-between;font-size:11px;color:#818773;min-height:44px;padding:13px 0 0;margin-top:8px}.crona-empty{font-size:14px;color:#848578;padding:20px 0}@media(max-width:360px){.crona-shell{padding-left:18px;padding-right:18px}.crona-order{padding:16px}.crona-heading h2{font-size:34px}.crona-filters{gap:16px}.crona-filters button{font-size:11px}}

#crona-orders .crona-header button{border:0;border-radius:0;background:transparent;box-shadow:none;outline-offset:4px;font-size:13px}
