.connection-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;padding:14px 16px;border:1px solid #ead6ac;border-radius:14px;background:#fff8e9;color:#654b1b}.connection-notice>div{min-width:0}.connection-notice strong{font-size:14px}.connection-notice p{margin:4px 0 0;font-size:13px;line-height:1.45}.connection-notice .button-row{flex-wrap:wrap;gap:8px;margin:0}.connection-notice .button{min-height:44px;font-size:13px;padding:9px 12px}.connection-notice.compact{padding:12px;margin-bottom:18px}.unit-field.field{display:flex;flex-direction:column;gap:8px;min-width:0}.unit-field>.unit-label.field{display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}.unit-label>input{width:100%;font-size:16px}.unit-field .unit-suggestions{border:1px solid #d8e2f5;border-radius:14px;background:#f6f8fe;padding:10px;min-width:0}.unit-suggestions>p{margin:0 2px 8px;font-size:12px;line-height:1.45;color:#536480}.unit-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:7px;max-height:220px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:2px;scroll-padding:4px;touch-action:pan-y pinch-zoom}.unit-options>button{min-height:44px;min-width:0;margin:0;padding:9px 8px;border:1px solid #dbe3f2;border-radius:10px;background:#fff;color:#243650;font:inherit;font-size:14px;line-height:1.3;text-align:center;overflow-wrap:anywhere;cursor:pointer}.unit-options>button[aria-selected=true]{border-color:#3e6dff;background:#eaf0ff;color:#244ac2;font-weight:650}.unit-options>button.keyboard-active,.unit-options>button:focus-visible{outline:2px solid #285bfa;outline-offset:-2px;background:#eaf0ff}@media(hover:hover){.unit-options>button:hover{background:#eaf0ff;border-color:#3e6dff}}@media(max-width:640px){.unit-options{max-height:min(220px,34dvh)}.unit-label>input{min-height:50px}}.form-grid>.unit-field.field{display:flex;flex-direction:column;gap:8px}.registration-choices{display:grid;gap:12px;margin:24px 0}.registration .button{margin-top:12px}.registration .field{margin-top:16px}.household-code{font-size:1.6rem;letter-spacing:.16em;font-variant-numeric:tabular-nums}.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.member-card{background:#fff;border:1px solid #e2e7f0;border-radius:18px;padding:20px;margin-bottom:14px;min-width:0}.member-card details>summary,.platform-household details>summary{padding:14px 0;cursor:pointer;font-weight:600}.member-card .button-row{display:flex;flex-wrap:wrap;gap:10px}.member-card .button{min-height:44px}.member-card .section-head{align-items:start}.member-card h3{margin:0;overflow-wrap:anywhere}.member-card small{overflow-wrap:anywhere}.member-card .notice{margin-top:16px}.member-card .notice>div{width:100%;min-width:0}.inbox-message.unread{border-left:4px solid #326cf5}.message-body{white-space:pre-wrap;overflow-wrap:anywhere}.ticket-post{border-bottom:1px solid #e2e7f0;padding:20px 0}.ticket-post small{display:block;color:#62718c;margin-top:6px}.ticket-row{display:flex;justify-content:space-between;gap:14px;text-align:left;border:0;border-bottom:1px solid #e2e7f0;padding:18px 0;background:none;color:inherit;width:100%;font:inherit}.ticket-row>span{min-width:0;overflow-wrap:anywhere}.ticket-row small{display:block;font-size:13px;color:#62718c;margin-top:6px}.nav-group{border-bottom:1px solid #edf0f5;padding:4px 0}.nav-group>summary{cursor:pointer;padding:12px 10px;color:#62718c;font-size:13px;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:44px}.nav-group>summary:after{content:"⌄";font-size:18px}.nav-group[open]>summary:after{transform:rotate(180deg)}.sidebar nav .nav-group button{padding-left:20px;font-size:14px}.more-nav-group{margin-bottom:14px}.more-nav-group>summary{cursor:pointer;font-size:17px;font-weight:700;padding:16px 0}.more-nav-group .menu-grid{margin-top:8px}.sidebar nav{overflow:auto;min-height:0}.workspace-label{overflow-wrap:anywhere}.platform-household>.button{margin:12px 0}.platform-household .button-row{flex-wrap:wrap}@media(max-width:600px){.community-grid{grid-template-columns:1fr}.member-card{padding:16px}.member-card .button-row .button{flex:1 1 145px}.ticket-row{flex-direction:column;gap:8px}.platform-household .section-head{align-items:flex-start}.platform-household h2{font-size:21px;overflow-wrap:anywhere}.registration .button{width:100%}}.trip-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#eef1f8;display:flex;justify-content:center;overscroll-behavior:none;color:#17233b}.trip-shell{height:100%;height:100dvh;width:min(100%,840px);display:flex;flex-direction:column;background:#fff;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.trip-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;flex:none}.trip-header strong{display:flex;align-items:center;gap:8px}.trip-header small{display:block;color:#66758d;font-size:12px;margin-top:3px}.trip-mode .button{min-height:44px}.trip-camera{height:clamp(116px,23dvh,200px);flex:none;position:relative;overflow:hidden;background:#142139;color:#fff}.trip-camera video{width:100%;height:100%;object-fit:cover}.trip-scan-guide{position:absolute;left:18%;right:18%;top:15%;bottom:24%;border:2px solid #ffffff9c;border-radius:16px;display:grid;place-items:center;pointer-events:none}.trip-camera-caption{position:absolute;bottom:0;left:0;right:0;padding:7px 12px;font-size:12px;text-align:center;background:#0b142ad9}.trip-camera-control{position:absolute;top:8px;right:8px}.trip-camera-control .button{padding:8px;background:#fff;color:#17233b}.trip-camera-error{padding:7px 16px;background:#fff5de;color:#66490f;font-size:12px;flex:none}.trip-toolbar{padding:8px 12px;display:flex;gap:8px;align-items:center;border-bottom:1px solid #e3e8f0;flex:none}.trip-toolbar [role=tablist]{display:flex;flex:1;gap:4px;min-width:0}.trip-toolbar [role=tab]{min-height:44px;flex:1;background:#f1f4fa;border:0;border-radius:12px;padding:8px 6px;font-weight:700;font-size:13px;color:#52617a}.trip-toolbar [aria-selected=true]{background:#e4ecff;color:#245bd8}.trip-toolbar b{font-size:11px;margin-left:4px}.trip-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 16px 24px;scroll-padding-top:12px}.trip-category h2{font-size:12px;text-transform:uppercase;letter-spacing:.055em;color:#677891;margin:18px 0 6px}.trip-row{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #e9edf4}.trip-row>div{flex:1;min-width:0}.trip-row strong{font-size:15px;overflow-wrap:anywhere;display:block}.trip-row small{display:block;margin-top:4px;color:#6c7a90;font-size:12px;overflow-wrap:anywhere}.trip-row .button{flex-shrink:0;padding:10px}.trip-highlight{border:1px solid #91b2ff;border-radius:16px;padding:14px;background:#eaf1ff;display:flex;flex-direction:column;gap:6px}.trip-highlight>span{color:#255ecd;display:flex;gap:6px;font-size:12px}.trip-highlight strong{font-size:17px;overflow-wrap:anywhere}.trip-highlight b{font-size:22px}.trip-highlight>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.trip-highlight small{font-size:11px;color:#4f6388}.trip-editor{padding:4px 0}.trip-editor h2{font-size:19px;overflow-wrap:anywhere;margin:8px 0 16px}.trip-editor h3{font-size:15px}.trip-editor .field{margin:16px 0;display:flex;flex-direction:column;gap:8px;min-width:0}.trip-editor .field>span{font-size:13px}.trip-editor input,.trip-editor select,.trip-editor textarea{font-size:16px;min-height:46px;width:100%;box-sizing:border-box}.trip-editor-head{display:flex;gap:8px;align-items:start;justify-content:space-between}.trip-editor-head .button{flex-shrink:0}.trip-package{display:flex;gap:8px}.trip-package .button{flex:1;overflow-wrap:anywhere}.trip-package [aria-pressed=true]{border-color:#3067e6;background:#eaf1ff;color:#214fb4}.trip-list-coverage{background:#f4f6fb;padding:12px;border-radius:12px;font-size:13px}.trip-list-coverage small{color:#4c6288}.trip-alternative{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;padding:14px;background:#f4f7fc;border:1px solid #e0e6f0;border-radius:12px;margin:10px 0;color:#17233b}.trip-alternative span{font-size:12px;color:#63748f}.trip-alternative b{font-size:12px;color:#255bd4}.trip-editor-actions{display:flex;flex-wrap:wrap;gap:8px}.trip-editor-actions .button[type=submit]{width:100%;background:#2860df;color:#fff}.trip-line-total{font-size:14px;font-weight:600;padding:10px 0}.trip-empty{padding:24px 0;color:#64738c;text-align:center}.trip-footer{border-top:1px solid #e1e7f0;background:#f8faff;padding:10px 16px;display:flex;align-items:center;gap:12px;flex:none}.trip-footer>div{flex:1;min-width:0}.trip-footer span{font-size:11px;color:#627590;display:block}.trip-footer strong{font-size:24px;display:block;line-height:1.3}.trip-footer small{display:block;color:#63738d;font-size:11px}.trip-footer .button{font-size:12px;max-width:135px;flex-shrink:0}.shopping-mode>.button{margin-top:10px}@media(min-width:700px){.trip-shell{border-left:1px solid #dce4f1;border-right:1px solid #dce4f1}.trip-scroll{padding:16px 28px}.trip-editor{max-width:600px;margin:auto}}@media(max-width:360px){.trip-toolbar{padding:6px;gap:4px}.trip-toolbar>.button{padding:8px;font-size:12px}.trip-toolbar [role=tab]{font-size:12px}.trip-scroll{padding:10px 12px}.trip-camera{height:116px}}@media(max-height:550px){.trip-camera{height:96px}.trip-header,.trip-footer{padding:5px 12px}}.shopping-mode.panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.shopping-mode.panel>p{grid-column:1/-1;max-width:none}.shopping-mode.panel>.button{margin-top:0}.trip-package .button{min-width:0}.trip-package .button span{overflow-wrap:anywhere}@media(max-width:400px){.shopping-mode.panel .check{font-size:12px;gap:7px}.shopping-mode.panel>.button{font-size:12px;padding:10px 8px;gap:5px}}.trip-assignment-list{max-height:36dvh;min-height:80px;overflow-y:auto;overscroll-behavior:contain;padding:0 3px}.trip-assignment-list .trip-alternative{margin:6px 0;min-height:64px}.trip-assignment-list .trip-alternative strong{overflow-wrap:anywhere}.trip-assignment .button-row{position:sticky;bottom:-1px;background:#fff;padding:10px 0}.purchase-price-entry{border-color:#b8cdfc;background:#f3f7ff}.purchase-price-entry h3{margin:0 0 10px}.trip-mode .check input[type=checkbox]{width:20px;min-height:20px;flex:none}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17233d;background:#f4f6fb;font-synthesis:none;font-size:16px;--blue:#2764f5;--navy:#14213d;--muted:#64718a;--line:#e4e9f2;--panel:#fff;--radius:20px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8baefd;outline-offset:3px}a{color:var(--blue);text-underline-offset:3px}input,select,textarea{color:var(--navy);border:1px solid #d8dfeb;border-radius:12px;background:#fff;min-height:48px;padding:12px 14px;max-width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2764f51a}input::placeholder,textarea::placeholder{color:#8590a3}input:disabled,select:disabled{background:#f4f6fb;color:#79859a}textarea{resize:vertical;line-height:1.5}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;line-height:1.18;letter-spacing:-.055em;font-weight:750;margin-bottom:10px}h2{font-size:1.13rem;letter-spacing:-.025em;line-height:1.35;margin-bottom:12px}h3{font-size:1rem;line-height:1.4;margin-bottom:12px}p{line-height:1.6;color:var(--muted)}small{font-size:.8125rem;line-height:1.4;color:var(--muted)}svg{flex-shrink:0}button svg{pointer-events:none}.brand{display:flex;align-items:center;gap:11px;font-size:1.62rem;font-weight:780;letter-spacing:-.075em;color:var(--navy)}.brand>img{width:48px;height:48px;object-fit:contain}.brand>span>span{color:var(--blue)}.brand.large{font-size:2.3rem}.brand.large>img{width:64px;height:64px}.eyebrow{color:var(--muted);font-size:.75rem;letter-spacing:.13em;font-weight:750;text-transform:uppercase;margin-bottom:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 16px;border:1px solid #dce3f0;border-radius:12px;background:#fff;color:#233451;font-size:.875rem;font-weight:650;line-height:1.35;text-decoration:none;transition:background .15s,transform .15s;white-space:normal}.button:hover{background:#f6f8fc}.button:active{transform:translateY(1px)}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 10px #2764f51c}.button.primary:hover{background:#1855e5}.button.full{width:100%}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.icon-button{border:0;background:transparent;color:var(--muted);min-width:42px;min-height:42px;display:inline-flex;justify-content:center;align-items:center;border-radius:11px;flex-shrink:0}.icon-button:hover{background:#edf2fd;color:var(--blue)}.text-button{border:0;background:transparent;color:var(--blue);display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:650;padding:10px 0;min-height:40px}.danger{color:#bd3c45}.muted{color:var(--muted);font-size:.875rem}.error{display:flex;align-items:flex-start;gap:9px;padding:14px;border:1px solid #f3c7c9;background:#fff1f2;color:#a32937;border-radius:12px;font-size:.875rem;margin:14px 0;line-height:1.5}.error svg{margin-top:2px}.notice{display:flex;gap:10px;padding:13px 15px;background:#edf3ff;color:#31558f;border-radius:12px;font-size:.875rem;line-height:1.5;margin-bottom:20px}.notice svg{flex-shrink:0}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);padding:16px 22px;background:#172b46;color:#fff;border-radius:14px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 35px #13224333;font-size:.875rem;z-index:1000;max-width:90vw;width:max-content}.toast svg{color:#7cddbd}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#fff;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;z-index:20}.sidebar>.brand{margin:0 8px 44px}.workspace-label{font-size:.6875rem;color:#8d97aa;font-weight:700;letter-spacing:.13em;padding:0 17px;margin-bottom:16px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{width:100%;display:flex;gap:13px;align-items:center;background:none;border:none;border-radius:12px;text-align:left;padding:13px 15px;color:#66758d;font-size:.875rem;font-weight:550;min-height:48px}.sidebar nav button.active{color:var(--blue);background:#edf3ff;font-weight:700}.sidebar nav button:hover{background:#f4f7fd}.sidebar nav button b{margin-left:auto;background:#dde8ff;border-radius:7px;padding:3px 6px;font-size:.75rem}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;padding:20px 3px 0;gap:9px;border-top:1px solid var(--line)}.sidebar-bottom>div:nth-child(2){flex:1;min-width:0}.sidebar-bottom strong,.sidebar-bottom small{display:block;overflow:hidden;text-overflow:ellipsis;font-size:.8125rem}.sidebar-bottom strong{margin-bottom:4px}.sidebar-bottom small{font-size:.75rem}.sidebar-bottom .icon-button{min-width:30px}.avatar{width:38px;height:38px;min-width:38px;border-radius:50%;background:#eaf0ff;border:0;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:750}.main-wrap{margin-left:244px}.topbar{height:84px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:.8125rem;color:#778299}.breadcrumb strong{font-weight:550;color:var(--navy)}.top-actions{display:flex;align-items:center;gap:20px}.notification{position:relative}.notification>span{position:absolute;top:1px;right:0;background:var(--blue);color:#fff;font-size:.625rem;min-width:17px;height:17px;display:grid;place-items:center;border:2px solid white;border-radius:6px}.mobile-brand,.mobile-nav{display:none}main{padding:38px 40px 50px;max-width:1550px;margin:auto;animation:enter .18s ease-out}@keyframes enter{0%{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head p{font-size:.9375rem;margin-bottom:0}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.quick-card{display:flex;align-items:center;gap:18px;min-height:124px;padding:26px;border-radius:18px;border:0;text-align:left;color:#fff;box-shadow:0 6px 14px #1c3f7812;transition:transform .2s}.quick-card:hover{transform:translateY(-2px)}.quick-card.blue{background:#2764f5}.quick-card.navy{background:#14213d}.quick-card>svg{margin-left:auto;opacity:.75}.quick-card h2{font-size:1.35rem;letter-spacing:-.035em;margin:0 0 7px}.quick-card p{color:#dbe6ff;font-size:.875rem;margin:0}.quick-icon{width:52px;height:52px;border-radius:15px;background:#ffffff1b;display:grid;place-items:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px 25px;text-align:left}.stat>span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.8125rem;margin-bottom:18px}.stat svg{width:17px;height:17px}.stat>strong{display:block;font-size:2rem;line-height:1;font-weight:720;letter-spacing:-.05em}.stat>strong small{font-size:.8125rem;letter-spacing:0;font-weight:450}.panel{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:24px;margin-bottom:24px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head h2,.section-head h3{margin:0;display:flex;gap:10px;align-items:center}.section-head>.text-button{padding:0;white-space:nowrap}.section-head>svg{color:var(--blue)}.count{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;background:#f0f3f9;border-radius:7px;min-width:24px;height:24px;padding:0 5px;font-weight:650;color:#6b7891}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:24px}.dashboard-grid>.panel{height:calc(100% - 24px)}.blue-tint{background:#edf3ff;border-color:#dce7ff}.blue-tint p{font-size:.875rem;color:#647998}.recipe-callout{font-size:1.65rem;letter-spacing:-.05em;line-height:1.2;margin:28px 0 14px}.recipe-numbers{display:flex;gap:35px;border-top:1px solid #d4e1fa;padding-top:20px;margin-top:26px}.recipe-numbers strong{font-size:1.5rem;font-weight:700;color:#3863a9}.recipe-numbers span{font-size:.75rem;font-weight:500;display:block;margin-top:3px}.product-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #edf0f6;min-width:0}.product-row:last-child{border-bottom:0}.product-main{display:flex;align-items:center;gap:14px;flex:1;min-width:0;padding:0;border:none;background:none;text-align:left;color:var(--navy)}.product-main>div:not(.thumb){min-width:0;flex:1}.product-main strong{display:block;font-size:.875rem;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.product-main small{display:block;margin-top:5px;font-size:.75rem;line-height:1.4}.thumb{width:50px;height:54px;min-width:50px;border-radius:12px;background:#f1f4f9;display:flex;align-items:center;justify-content:center;color:#9ba9bf;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:contain;padding:5px;background:#fff}.thumb.big{height:100px;width:100px;min-width:100px;border-radius:18px}.product-qty{text-align:right}.product-qty>strong{display:block;font-size:.9375rem;white-space:nowrap}.product-qty>strong small{font-weight:450;font-size:.75rem}.status{display:inline-flex;align-items:center;background:#f1f4f9;color:#64718a;font-size:.6875rem;font-weight:600;padding:4px 7px;border-radius:6px;margin-top:6px;white-space:nowrap}.status.amber{background:#fff3db;color:#9c691a}.status.red{background:#fff0f0;color:#b1404a}.listed{color:#3d9275;background:#edf7f1}.empty{padding:42px 15px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-icon{display:grid;place-items:center;color:#809ac4;width:65px;height:65px;background:#f1f5fc;border-radius:20px;margin-bottom:20px}.empty h3{font-size:1.0625rem;margin-bottom:9px}.empty p{font-size:.875rem;max-width:400px;margin-bottom:20px}.empty .button{margin-top:2px}.panel-note{font-size:.875rem;margin:20px 0}.movement-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #edf0f6}.movement-row:last-child{border-bottom:0}.movement-icon{width:38px;height:38px;min-width:38px;border-radius:11px;display:grid;place-items:center}.movement-icon.positive{background:#eef6f3;color:#3d8e77}.movement-icon.negative{background:#f2f3fa;color:#7184ae}.movement-row>div:nth-child(2){flex:1;min-width:0}.movement-row strong{display:block;font-size:.875rem;line-height:1.4}.movement-row small{display:block;font-size:.75rem;margin-top:4px;line-height:1.4}.movement-number{text-align:right}.movement-number b{font-size:.9375rem}.filterbar{display:flex;gap:12px;margin:20px 0}.filterbar select{font-size:.875rem;min-width:170px;max-width:240px}.search{display:flex;align-items:center;gap:10px;padding-left:14px;flex:1;background:#fff;border:1px solid #d8dfeb;border-radius:12px;min-width:0;color:#8793a7}.search:focus-within{border-color:var(--blue)}.search input{border:none;box-shadow:none;min-width:0;flex:1;background:transparent;padding-left:0;font-size:.875rem}.list-meta{display:flex;align-items:center;justify-content:space-between;margin:18px 0;color:var(--muted);font-size:.8125rem}.check{display:flex;align-items:center;gap:10px;font-size:.875rem;line-height:1.4;cursor:pointer}.check input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:19px;min-width:19px;height:19px;min-height:19px;border:1.5px solid #cbd5e5;border-radius:5px;padding:0;display:grid;place-items:center;accent-color:var(--blue);background:#fff;cursor:pointer}.check input:checked{background:var(--blue);border-color:var(--blue)}.check input:checked:after{content:"✓";color:#fff;font-size:.8rem;font-weight:700}.inventory-list{padding-top:8px;padding-bottom:8px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;text-align:left}.field>span{font-size:.8125rem;font-weight:650;color:#3b4a63}.field>input,.field>select,.field>textarea{width:100%}.field>small{font-size:.75rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.input-action{display:flex;gap:7px;align-items:center}.input-action input{flex:1;min-width:0}.form-section{padding:20px;background:#f6f8fc;border:1px solid var(--line);border-radius:14px;margin:20px 0}.form-section h3{font-size:.875rem}.form-section .field:last-child{margin-bottom:0}.form-section summary{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:.875rem;font-weight:650;min-height:24px}.form-section summary span{font-size:.75rem;font-weight:400;margin-left:auto;color:var(--muted)}.form-section[open] summary{margin-bottom:22px}.form-footer{padding-top:12px;border-top:1px solid var(--line);margin-top:22px}.modal{padding:0;border:0;border-radius:23px;width:min(94vw,550px);max-height:92dvh;background:#fff;color:var(--navy);box-shadow:0 28px 100px #07172b44;overflow:auto;overscroll-behavior:contain}.modal::backdrop{background:#111f3d6b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal.wide{width:min(94vw,760px)}.modal-inner{padding:26px}.modal header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;position:sticky;top:-26px;background:#fff;z-index:3;padding:8px 0}.modal header h2{margin:0;font-size:1.25rem}.modal header .icon-button{background:#f3f5fa}.product-form-top{display:flex;gap:14px;align-items:center;margin-bottom:22px}.file-button{position:relative;cursor:pointer}.file-button input{display:none}.selected-product{display:flex;align-items:center;gap:15px;background:#f5f7fc;padding:16px;border-radius:15px;margin-bottom:24px}.selected-product h3{margin:0 0 5px}.selected-product p{font-size:.8125rem;margin:0}.quantity-control{margin:26px 0;text-align:center}.quantity-control>label{display:block;font-size:.8125rem;font-weight:650;margin-bottom:14px}.quantity-control label span{font-weight:400;color:var(--muted)}.quantity-control>div{display:flex;align-items:center;justify-content:center;gap:17px}.quantity-control input{font-size:2rem;width:145px;text-align:center;height:76px;font-weight:700;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.quantity-control button{width:48px;height:48px;background:#edf3ff;color:var(--blue);border:none;border-radius:13px;display:grid;place-items:center}.scanner .scan-preview{height:230px;background:#14213d;border-radius:16px;overflow:hidden;position:relative;margin-bottom:20px}.scan-preview video{width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;top:45px;right:30px;bottom:65px;left:30px;border:2px solid #ffffffba;border-radius:16px;box-shadow:0 0 0 150px #06112333;display:grid;place-items:center;color:#fffa}.scan-frame svg{width:60px;height:60px;opacity:.4}.scan-preview>span{position:absolute;bottom:15px;width:100%;text-align:center;font-size:.8125rem;color:#fff;padding:0 12px}.search-result{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:var(--navy);font-size:.875rem}.search-result span{flex:1}.search-result:hover{background:#f4f7fd}.source{font-size:.75rem;line-height:1.5;margin:20px 0 10px}.detail-hero{display:flex;align-items:center;gap:20px;margin-bottom:25px}.detail-hero>div:nth-child(2){flex:1}.detail-hero h2{font-size:1.4rem;margin-bottom:5px}.detail-hero p{margin-bottom:7px;font-size:.875rem}.detail-hero .eyebrow{font-size:.6875rem;letter-spacing:.07em}.detail-total{display:flex;flex-direction:column;text-align:right}.detail-total strong{font-size:2.2rem;line-height:1.1;letter-spacing:-.05em}.detail-total span{color:var(--muted);font-size:.875rem;margin-top:5px}.barcode-text{font-family:ui-monospace,monospace}.detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f6f8fc;border-radius:14px;padding:18px;margin:25px 0}.detail-summary small{display:block;font-size:.75rem;margin-bottom:7px}.detail-summary strong{font-size:.8125rem}.detail section{margin:26px 0;padding-top:20px;border-top:1px solid var(--line)}.stock-line,.history-line{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf0f6;font-size:.875rem}.stock-line>div,.history-line>div{flex:1}.stock-line strong,.stock-line small,.history-line strong,.history-line small{display:block}.stock-line strong{font-size:.875rem}.stock-line small,.history-line small{font-size:.75rem;margin-top:4px}.stock-line svg{color:var(--blue)}.stock-line b{font-size:.875rem}.price-chart{background:#f7f9fd;border-radius:12px;padding:16px}.price-chart>div{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}.price-chart svg{width:100%;height:115px}.shopping-total{background:#14213d;color:#fff;border-radius:20px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px}.shopping-total>div:first-child>span{font-size:.875rem;color:#c2cee7;display:block;margin-bottom:12px}.shopping-total strong{font-size:2.8rem;letter-spacing:-.045em;line-height:1;display:block;margin-bottom:12px}.shopping-total small{color:#b5c2de;font-size:.8125rem}.estimate-note{display:flex;gap:16px;align-items:center}.estimate-note>svg{width:44px;height:44px;stroke-width:1;background:#ffffff0c;border-radius:50%;padding:9px}.estimate-note p{color:#b6c4df;font-size:.8125rem;margin:0;max-width:285px}.shopping-row{display:flex;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid #edf0f6}.shopping-row:last-child{border:0}.shopping-check{display:grid;place-items:center;width:28px;height:28px;min-width:28px;background:#fff;color:transparent;border:2px solid #d5deec;border-radius:9px}@media(hover:hover)and (pointer:fine){.shopping-category .shopping-check:hover{background:#f6f8fc;border-color:var(--blue)}}.shopping-name{flex:1;min-width:0}.shopping-name strong{font-size:.9375rem;display:block}.shopping-name small{display:block;margin-top:6px}.shopping-price{text-align:right}.shopping-price strong{display:block;font-size:1rem}.shopping-price small{display:block;font-size:.75rem;margin-top:5px}.completed summary{cursor:pointer;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:10px}.completed[open] summary{margin-bottom:14px}.completed .history-line>span{display:flex;align-items:center;gap:8px;color:var(--muted)}.locations-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.locations-grid>.panel,.settings-grid>.panel{margin:0}.location-title{display:flex;align-items:center;gap:12px}.location-title h2{margin:0}.room-icon{width:43px;height:43px;border-radius:12px;background:#edf3ff;color:var(--blue);display:grid;place-items:center}.location-line{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #edf0f6;font-size:.875rem}.location-line>span{flex:1}.location-line>svg{color:#8191ac}.location-line small{white-space:nowrap;font-size:.75rem}.location-card>.text-button{margin-top:12px}.tabs{display:flex;border-bottom:1px solid #dce3ee;gap:26px;margin-bottom:25px;overflow:auto}.tabs button{border:0;border-bottom:3px solid transparent;display:flex;align-items:center;gap:9px;background:none;color:var(--muted);font-size:.875rem;font-weight:600;padding:16px 0;white-space:nowrap}.tabs button.active{border-bottom-color:var(--blue);color:var(--blue)}.tabs span{font-size:.6875rem;min-width:22px;padding:3px 5px;background:#e9eef7;border-radius:6px}.stale-filter{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px 24px;background:#edf3ff;border:1px solid #dbe6ff;border-radius:16px;margin-bottom:24px}.stale-filter>svg{color:var(--blue)}.stale-filter label{font-size:.875rem}.stale-filter input{width:94px;margin:0 7px}.stale-filter p{flex-basis:100%;font-size:.8125rem;margin:0}.age-badge{background:#f2f4f9;border-radius:8px;padding:8px 10px;font-size:.75rem;font-weight:650;white-space:nowrap;color:#697893}.expiry-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #edf0f6}.recipes-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.recipes-layout>.panel{height:fit-content}.recipe-options{display:flex;align-items:center;justify-content:space-around;gap:15px;background:#f1f5fd;border-radius:15px;padding:22px 17px;margin:25px 0}.recipe-options>div{display:flex;gap:12px;align-items:center}.recipe-options b{font-size:2.1rem;color:var(--blue)}.recipe-options span{font-size:.75rem;color:#5c708e;line-height:1.5}.recipe-options>svg{color:#9daeca;width:18px}.category-checks{display:flex;flex-direction:column;gap:14px;margin-top:18px}.recipe-export{background:#edf3ff;border-color:#dce7fc}.export-count{font-size:4.5rem;font-weight:750;letter-spacing:-.09em;display:block;line-height:1;margin:28px 0 5px;color:var(--blue)}.recipe-export h2{font-size:1.25rem;margin-bottom:24px}.recipe-export p,.recipe-export li{font-size:.875rem;line-height:1.6;color:#647795}.recipe-export ol{padding-left:20px;margin:22px 0}.recipe-export li{padding-left:3px;margin-bottom:8px}.recipe-export .button{margin:0 0 12px}.recipe-export>small{display:block;border-top:1px solid #d6e2f9;padding-top:17px;margin-top:8px;font-size:.75rem}.prompt-preview{height:400px;min-height:200px;font-size:.8125rem;font-family:ui-monospace,monospace}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 25px}.chips>span{background:#f1f4fa;border-radius:8px;padding:7px 10px;color:#65748c;font-size:.75rem}.inline-form{display:flex;gap:10px}.inline-form input{flex:1;min-width:0}.user-row{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #edf0f6;width:100%;text-align:left;color:var(--navy);background:#fff;padding:17px 0}.user-row>div:not(.avatar){flex:1}.user-row strong,.user-row small{display:block}.user-row strong{font-size:.875rem;margin-bottom:5px}.user-row small{font-size:.75rem}.user-row>svg{color:#7290be}.user-row:disabled{opacity:1}.permission-list{display:flex;flex-direction:column;gap:17px;margin:25px 0}.app-footer{font-size:.75rem;color:var(--muted);margin-top:34px;text-align:center;line-height:1.6}.menu-grid{display:flex;flex-direction:column;gap:12px}.menu-item{border:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:16px;padding:20px;border-radius:15px;color:var(--navy);font-weight:600;text-align:left}.menu-item>span{flex:1}.menu-item>svg:first-child{color:var(--blue)}.menu-item>svg:last-child{color:#92a2bc;width:18px}.label-canvas{display:block;margin:20px auto;background:#fff;border:1px solid #dbe2ec;height:auto;object-fit:contain}.auth-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-art{background:#edf3ff;padding:70px 65px;display:flex;flex-direction:column;justify-content:center;position:relative;border-right:1px solid #dce7fa}.auth-art>.brand{position:absolute;top:40px;left:55px}.auth-title{font-size:clamp(3rem,5.5vw,5.2rem);font-weight:780;line-height:1.04;letter-spacing:-.08em;margin-top:35px;margin-bottom:28px;color:#14213d}.auth-art>p{font-size:1.1rem;color:#607493;line-height:1.6}.auth-chips{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.auth-chips>span{display:flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;color:#426393;padding:12px 15px;background:#fffa;border:1px solid #d5e1f8;border-radius:11px}.auth-chips svg{width:18px}.auth-card{width:100%;max-width:510px;justify-self:center;align-self:center;padding:55px}.auth-card h1{font-size:1.75rem;letter-spacing:-.05em;margin-bottom:13px}.auth-card>p{font-size:.875rem;margin-bottom:30px}.auth-card form .check{margin:22px 0}.auth-foot{display:block;text-align:center;font-size:.75rem;margin-top:26px;color:#92a0b5}.mobile-auth-brand{display:none}.auth{max-width:500px;margin:15vh auto;padding:30px}@media(min-width:1600px){main{padding-top:45px}.quick-card{min-height:140px}.dashboard-grid{grid-template-columns:1.7fr 1fr}}@media(max-width:1150px){.sidebar{width:215px;padding:27px 14px}.main-wrap{margin-left:215px}.topbar{padding:0 26px}main{padding:30px 26px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.panel{height:auto}.dashboard-grid .blue-tint{display:none}.quick-card{padding:23px;gap:13px}.quick-card>svg{display:none}.quick-card h2{font-size:1.2rem}.stat{padding:20px}.page-head{align-items:flex-start}.page-actions{justify-content:flex-end}.filterbar{flex-wrap:wrap}.filterbar .search{flex-basis:100%}.filterbar select{max-width:none;flex:1}.recipes-layout{grid-template-columns:1fr 1fr}.recipe-options{flex-wrap:wrap}.recipe-options>div{flex:1}.recipe-options span br{display:none}.auth-card{padding:40px}.auth-art{padding:45px}.detail-summary{gap:15px}}@media(max-width:800px){.sidebar{display:none}.main-wrap{margin-left:0}.topbar{height:75px;position:sticky;top:0;z-index:10;padding:0 22px;padding-top:env(safe-area-inset-top)}.breadcrumb{display:none}.mobile-brand{display:block}.topbar .brand{font-size:1.5rem;gap:6px}.topbar .brand img{width:43px;height:43px}.top-actions{gap:12px}.top-actions>.avatar{width:33px;height:33px;min-width:33px;font-size:.75rem}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;background:#fffffff5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid #e4e9f2;padding:8px 8px calc(9px + env(safe-area-inset-bottom));z-index:25;height:calc(76px + env(safe-area-inset-bottom))}.mobile-nav>button{display:flex;flex-direction:column;align-items:center;gap:6px;width:18%;border:0;background:none;color:#7c8ba4;font-size:.625rem;font-weight:650;padding:7px 1px;min-height:48px}.mobile-nav svg{width:22px;height:22px;stroke-width:1.8}.mobile-nav>button.active{color:var(--blue)}.mobile-nav>button.scan-nav{position:relative;padding-top:0;color:var(--blue)}.mobile-nav>button.scan-nav svg{width:49px;height:44px;padding:10px;background:var(--blue);color:#fff;border-radius:14px;stroke-width:2;box-shadow:0 5px 10px #2764f526}.mobile-nav>button.scan-nav span{margin-top:0}main{padding:28px 22px 110px}.page-head{margin-bottom:25px;gap:15px}.page-head h1{font-size:1.75rem}.page-head p{font-size:.875rem}.eyebrow{font-size:.6875rem}.quick-actions{gap:13px;margin-bottom:20px}.quick-card{padding:21px 17px;border-radius:17px;gap:13px;min-height:125px;flex-direction:column;align-items:flex-start}.quick-card .quick-icon{width:35px;height:35px;border-radius:10px}.quick-icon svg{width:20px}.quick-card h2{font-size:1.12rem;margin-bottom:5px}.quick-card p{font-size:.75rem}.stats{gap:12px;margin-bottom:22px}.stat{padding:17px 13px;border-radius:14px}.stat>span{font-size:.6875rem;gap:5px;margin-bottom:15px;min-height:28px;align-items:flex-start;line-height:1.4}.stat svg{width:15px;height:15px;margin-top:1px}.stat>strong{font-size:1.8rem}.stat>strong small{font-size:.6875rem;display:block;margin-top:8px}.panel{padding:20px;border-radius:17px;margin-bottom:20px}.dashboard-grid{gap:0}.section-head h2{font-size:1rem;gap:7px}.section-head .text-button{font-size:.75rem}.section-head .text-button svg{width:14px}.product-row{gap:10px;padding:16px 0}.product-main{gap:11px}.product-qty>strong{font-size:.875rem}.product-qty>strong small{font-size:.6875rem}.product-row>.icon-button{min-width:32px}.product-main strong{font-size:.8125rem}.product-main small{font-size:.6875rem}.thumb{width:43px;min-width:43px;height:48px;border-radius:10px}.status{font-size:.625rem}.movement-row{gap:10px}.movement-row strong{font-size:.8125rem}.movement-row small{font-size:.6875rem}.movement-number small{font-size:.625rem}.movement-icon{width:33px;height:33px;min-width:33px;border-radius:9px}.page-actions .button{font-size:.8125rem;padding:11px}.page-head:has(.page-actions){flex-direction:column}.page-actions{width:100%;justify-content:flex-start}.filterbar select{min-width:0;width:45%;font-size:.8125rem}.list-meta,.list-meta .check{font-size:.75rem}.inventory-list{padding-top:5px;padding-bottom:5px}.shopping-total{padding:26px;border-radius:17px;flex-direction:column;align-items:flex-start;gap:23px}.shopping-total strong{font-size:2.6rem}.estimate-note{gap:10px;border-top:1px solid #ffffff1b;padding-top:15px;width:100%}.estimate-note>svg{width:32px;height:32px;padding:7px}.estimate-note p{max-width:none;font-size:.75rem}.shopping-row{gap:11px;padding:19px 0}.shopping-name strong{font-size:.8125rem}.shopping-name small{font-size:.75rem}.shopping-price strong{font-size:.875rem}.shopping-price small{font-size:.6875rem}.shopping-row>.icon-button{min-width:29px}.shopping-check{width:25px;height:25px;min-width:25px}.locations-grid,.settings-grid{grid-template-columns:1fr;gap:18px}.recipes-layout{grid-template-columns:1fr;gap:0}.recipe-options{flex-wrap:nowrap}.recipe-options span br{display:block}.tabs{gap:20px}.tabs button{font-size:.8125rem;gap:6px}.stale-filter{padding:17px}.stale-filter>svg{display:none}.stale-filter input{width:74px}.stale-filter label{font-size:.8125rem}.stale-filter p{font-size:.75rem}.age-badge{font-size:.6875rem;padding:7px}.toast{bottom:calc(88px + env(safe-area-inset-bottom));padding:14px 18px;max-width:calc(100vw - 24px);font-size:.8125rem}.modal{max-height:94dvh;max-width:100%;width:100%;border-radius:23px 23px 0 0;margin:auto 0 0;box-shadow:0 -5px 60px #13244133}.modal.wide{width:100%}.modal-inner{padding:21px 22px calc(26px + env(safe-area-inset-bottom))}.modal header{top:-21px;padding:8px 0 12px;margin-bottom:16px}.modal header h2{font-size:1.15rem}.form-grid{gap:12px}.field>span{font-size:.8125rem}.detail-hero{gap:15px;flex-wrap:wrap}.detail-hero .thumb.big{width:73px;height:85px;min-width:73px}.detail-hero h2{font-size:1.2rem}.detail-total strong{font-size:1.8rem}.detail-summary{grid-template-columns:1fr 1fr;gap:20px;padding:17px}.detail-summary>div:last-child{grid-column:1 / -1}.detail .button-row{gap:8px}.detail .button{padding:11px 12px;font-size:.8125rem}.detail-total{margin-left:auto}.auth-page{display:flex;min-height:100dvh;align-items:center;justify-content:center;background:#f4f7fd;padding:30px 22px}.auth-art{display:none}.auth-card{padding:30px 25px;border-radius:23px;background:#fff;border:1px solid var(--line);max-width:450px}.mobile-auth-brand{display:block;margin-bottom:37px}.auth-card .brand.large{font-size:2rem;gap:9px}.auth-card .brand.large img{width:52px;height:52px}.auth-card h1{font-size:1.55rem}.auth-card .eyebrow{font-size:.625rem}.auth-card>p{font-size:.8125rem}.app-footer{font-size:.6875rem}.empty{padding:34px 6px}.empty h3{font-size:1rem}.empty p{font-size:.8125rem}}@media(max-width:380px){main{padding-left:15px;padding-right:15px}.topbar{padding-left:15px;padding-right:15px}.panel{padding:16px}.quick-card{padding:18px 15px}.stat{padding:15px 10px}.stat>span{font-size:.625rem}.stat>span svg{display:none}.product-row{gap:7px}.product-main{gap:9px}.thumb{width:38px;min-width:38px;height:43px}.tabs{gap:14px}.tabs button{font-size:.75rem}.section-head>.text-button{font-size:.6875rem}.form-grid{grid-template-columns:1fr;gap:0}.modal-inner{padding-left:18px;padding-right:18px}.detail-hero>div:nth-child(2){min-width:130px}.recipe-options span{font-size:.6875rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body{background:#fff}.sidebar,.main-wrap,.mobile-nav,.toast,dialog header,.label-maker>.no-print,.label-maker>.error{display:none!important}dialog.modal{display:block;position:static;margin:0;padding:0;width:auto!important;max-height:none;border:0;box-shadow:none;border-radius:0;overflow:visible}.modal-inner{padding:0}.modal::backdrop{display:none}.label-canvas{border:0;margin:0;max-width:none!important}.label-maker{padding:0}@page{margin:0}}.ocr-controls{padding:15px;background:#f4f7fc;border:1px solid var(--line);border-radius:13px;margin-bottom:22px}.ocr-controls>.button{margin:12px 0}.ocr-controls>small{display:block;margin-top:10px;font-size:.75rem}.ocr-controls>.notice{margin-top:14px}.expiry-banner{display:flex;align-items:center;gap:12px;width:100%;padding:15px 18px;background:#fff3dc;border:1px solid #f3dfb6;color:#966019;border-radius:13px;margin-bottom:20px;text-align:left;font-size:.875rem}.expiry-banner span{flex:1}.notifications-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.notifications-grid>.panel{height:fit-content}.alert-row{width:100%;display:flex;align-items:center;gap:14px;padding:20px 0;border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;color:var(--navy)}.alert-row>div:nth-child(2){flex:1}.alert-row strong,.alert-row span,.alert-row small{display:block}.alert-row strong{font-size:.875rem;margin-bottom:6px}.alert-row span{font-size:.8125rem;color:#9a6724;margin-bottom:5px}.alert-icon{width:42px;height:42px;min-width:42px;border-radius:12px;display:grid;place-items:center}.alert-icon.amber{background:#fff3da;color:#b37825}.alert-icon.red{background:#fff0f1;color:#bb394b}.alert-row>svg{color:#91a1bb}.notification-subhead{margin-top:30px}.push-panel>.button{margin-bottom:12px}.push-panel>small{display:block;margin-top:17px;font-size:.75rem;line-height:1.6}.push-panel>p{font-size:.875rem}.detail-summary .estimate-label{margin-top:6px;margin-bottom:0}@media(max-width:900px){.notifications-grid{grid-template-columns:1fr;gap:0}}.price-breakdown{min-width:260px;display:grid;gap:12px;font-size:14px}.price-breakdown>div{display:flex;justify-content:space-between;gap:28px}.price-breakdown small{font-size:12px;opacity:.8}.price-breakdown span small{display:block}.credit-line{color:#cbf5dd}.deposit-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 22px}.deposit-stats>div{background:#f5f7fb;border:1px solid #e9edf3;border-radius:16px;padding:18px}.deposit-stats small{display:block;color:#66758b;margin-bottom:9px}.deposit-stats strong{font-size:25px;letter-spacing:-.8px;color:#163653}.deposit-toggle{padding:16px;background:#edf5ff;border-radius:12px;margin:20px 0}.deposit-group{border-top:1px solid #e9edf3;margin-top:22px;padding-top:8px}.deposit-group h3{font-size:16px}.deposit-group .check{font-size:13px}.deposit-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid #f0f2f5}.deposit-row>div{flex:1;min-width:0}.deposit-row strong,.deposit-row small{display:block}.deposit-row small{font-size:12px;color:#748196;margin-top:5px}.deposit-row label{display:flex;align-items:center;gap:8px;font-size:12px;color:#66758b}.deposit-row input{width:78px;padding:9px;border:1px solid #dfe5ed;border-radius:10px;background:#fff}.deposit-row>b{font-size:15px;white-space:nowrap}.voucher{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:22px;padding:18px;border-radius:14px;background:#eef8f2}.voucher p{font-size:13px;margin:0}.transit-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;border-left:4px solid #2283ef}.transit-banner h2{font-size:19px;margin:0 0 7px}.transit-banner p{margin:0;color:#748196}.transit-row{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid #edf0f5}.transit-row:last-child{border-bottom:0}.transit-name{flex:1;min-width:0}.transit-name strong,.transit-name small{display:block}.transit-name strong{font-size:16px}.transit-name small{margin-top:6px;color:#748196;font-size:13px}@media(max-width:640px){.shopping-total{gap:22px;align-items:stretch;flex-direction:column}.price-breakdown{min-width:0;border-top:1px solid #ffffff30;padding-top:18px}.deposit-stats{gap:8px}.deposit-stats>div{padding:12px 9px;border-radius:12px}.deposit-stats strong{font-size:20px}.deposit-stats small{font-size:11px;min-height:30px}.deposit-group .section-head{align-items:flex-start;gap:12px}.deposit-row{gap:9px;flex-wrap:wrap}.deposit-row>div{flex-basis:50%}.deposit-row label{flex-direction:column;gap:3px}.deposit-row>b{font-size:13px}.voucher,.transit-banner{align-items:stretch;flex-direction:column;gap:14px}.transit-row{gap:12px;flex-wrap:wrap}.transit-row .button{width:100%;justify-content:center;margin-left:66px}.transit-name strong{font-size:14px}.transit-name small{font-size:12px}.deposit-panel>.section-head .button{padding:9px;font-size:12px}}@media(pointer:coarse){input:not([type=checkbox]):not([type=radio]),select,textarea,.search input,.filterbar select{font-size:16px!important}}@supports (-webkit-touch-callout:none){input:not([type=checkbox]):not([type=radio]),select,textarea,.search input,.filterbar select{font-size:16px!important}}.shopping-mode{display:flex;align-items:center;gap:20px;justify-content:space-between}.shopping-mode p{margin:0;font-size:.875rem;max-width:440px}.shopping-mode .check{flex-shrink:0}.shopping-category>.section-head{padding-bottom:10px;border-bottom:1px solid var(--line)}.shopping-completed{background:#f0f3f7;border-color:#dbe2ec}.shopping-completed .shopping-name strong{color:#506078}.shopping-completed .shopping-name small{color:#66758b}.shopping-completed .shopping-check.checked{background:#637b72;border-color:#637b72;color:#fff;opacity:1}.shopping-completed .shopping-row{border-bottom-color:#dbe2ec}.shopping-completed .shopping-row:last-child{border-bottom:0}.shopping-completed>p{font-size:.8125rem}.shopping-name{min-width:0}.shopping-name strong,.shopping-name small{overflow-wrap:anywhere}.stock-groups-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stock-group-card{margin-bottom:0}.group-balance{display:flex;align-items:center;gap:18px;justify-content:space-between}.group-balance>strong{font-size:2rem}.group-balance>strong small{font-size:1rem}.group-members{margin:16px 0}.group-members>button{display:flex;align-items:center;gap:15px;justify-content:space-between;width:100%;border:0;border-top:1px solid var(--line);background:transparent;padding:15px 0;text-align:left;color:var(--navy)}.group-members small{display:block;margin-top:5px;font-size:.75rem}.group-members b{font-size:.875rem;white-space:nowrap}.group-choices{max-height:350px;overflow:auto;margin-bottom:20px}.group-choice{padding:14px 0;border-top:1px solid var(--line)}.group-choice>.field{margin:12px 0 0 29px}.group-choice small{display:block;margin-top:5px}.stock-group-card>.button{margin-top:10px}.pack-mode{padding:14px;background:#eef4ff;border-radius:12px;margin:16px 0}.pack-mode>.field{margin-top:12px;margin-bottom:0}.pack-total{font-weight:650;color:var(--blue);padding:10px 0}.price-voided{color:#78869b}.price-voided strong{text-decoration:line-through}@media(max-width:800px){.stock-groups-grid{grid-template-columns:1fr;gap:18px}.shopping-mode{flex-direction:column;align-items:flex-start;gap:10px}.shopping-mode p{font-size:.8125rem}.shopping-completed .shopping-check,.shopping-category .shopping-check{width:34px;height:34px;min-width:34px}.group-members>button{font-size:.875rem}}.cooking-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cooking-choices button{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:16px;border:1px solid #d7e0ec;border-radius:13px;background:#fff;text-align:left;color:var(--navy)}.cooking-choices button.active{background:#eaf2ff;border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.cooking-choices strong{font-size:.875rem}.cooking-choices small{font-size:.75rem;line-height:1.45}.recipe-summary{padding:12px;background:#eef4ff;border-radius:10px;color:#2b5686!important;font-weight:600}@media(max-width:380px){.cooking-choices{grid-template-columns:1fr}}.import-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.import-item{margin-bottom:0}.import-item>.check{margin-bottom:8px}.import-source{display:block;margin:0 0 18px 29px;font-size:.7rem;overflow-wrap:anywhere}.import-item fieldset{border:0;padding:0;margin:0;min-width:0}.import-item fieldset[disabled]{opacity:.6}.import-item .field:last-child{margin-bottom:0}.import-submit{margin-top:24px}@media(max-width:800px){.import-preview{grid-template-columns:1fr}}.review-notice{display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid var(--line)}.review-notice>svg{color:var(--blue);flex-shrink:0}.review-notice>div{flex:1}.review-notice p{margin:6px 0;font-size:.875rem}.review-notice small{font-size:.75rem}.review-notice.read{color:#617187}.review-notice.read>svg{color:#78869b}@media(max-width:640px){.review-notice{flex-wrap:wrap}.review-notice>.button{margin-left:40px;width:calc(100% - 40px)}}.scanner .camera-actions{margin:12px 0}.scanner .camera-help{font-size:.8125rem}.location-picker{padding:0;margin:0 0 18px;border:0;min-width:0}.location-picker legend{font-size:.875rem;font-weight:700;margin-bottom:12px;color:#3b4a63}.location-picker .form-grid,.location-picker .field{margin-bottom:0}.location-picker>small{display:block;margin-top:8px}.package-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 18px}.package-choices button{padding:15px 10px;border:1.5px solid #d7e0ed;border-radius:12px;background:#fff;color:var(--navy);min-height:76px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.package-choices button.selected{border-color:var(--blue);background:#edf3ff;box-shadow:0 0 0 1px var(--blue)}.package-choices strong{font-size:.9375rem}.package-choices small{font-size:.8125rem}.purchase-package h3{margin-bottom:8px;font-size:1rem}.deposit-picker{margin:16px 0}.deposit-breakdown{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 14px;background:#eef4ff;border-radius:12px;font-size:.875rem;color:#41577c}.deposit-breakdown strong{flex-basis:100%;color:var(--navy)}.crate-holdings{padding:14px 0;border-top:1px solid var(--line)}.crate-holdings summary{cursor:pointer;font-weight:650;margin-bottom:12px}.crate-holdings p{font-size:.875rem;margin:8px 0}.notice.deposit-booking{display:block}.ocr-review dt{font-size:13px;font-weight:700;margin-top:12px}.ocr-review dd{margin:4px 0;overflow-wrap:anywhere}.ocr-review-text{white-space:pre-wrap;max-height:180px;overflow-y:auto}.ocr-review .button-row{flex-wrap:wrap}.field,.form-grid>*,.location-picker,.selected-product>div,.detail-hero>div,.page-head>div{min-width:0}.field{gap:8px;margin-bottom:22px}.field>span{line-height:1.45}.field>small{line-height:1.55}.field>span,.field>small,.location-picker>small{overflow-wrap:break-word}.field input,.field select,.field textarea{min-width:0}input:disabled,select:disabled{opacity:1;-webkit-text-fill-color:#66758d}.form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-bottom:22px}.form-grid>.field{margin:0}.form-section{padding:20px;margin:24px 0}.form-section>h3{line-height:1.45;margin-bottom:18px}.form-section>.form-grid:last-child{margin-bottom:0}.form-section summary{align-items:flex-start;flex-wrap:wrap;line-height:1.5}.location-picker{margin-bottom:24px}.location-picker legend{line-height:1.45;margin-bottom:14px}.location-picker>small{margin-top:12px;line-height:1.55}@supports (grid-template-rows: subgrid){@media(min-width:641px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.form-grid>.field{display:grid;grid-row:span 3;grid-template-rows:subgrid;align-items:start;row-gap:8px}.form-grid>.field>span{grid-row:1;align-self:end}.form-grid>.field>:nth-child(2){grid-row:2;width:100%}.form-grid>.field>small{grid-row:3}.form-grid>.field:only-child{grid-column:1 / -1}}}.modal-inner{--dialog-gutter: 26px;padding:0 var(--dialog-gutter) 26px}.modal header{top:0;margin:0 calc(-1 * var(--dialog-gutter)) 24px;padding:16px var(--dialog-gutter);gap:16px;border-bottom:1px solid var(--line);box-shadow:0 4px 12px #17233d05;align-items:center}.modal header h2{min-width:0;line-height:1.3;overflow-wrap:break-word}.modal header .icon-button{width:44px;height:44px;flex:0 0 44px}.modal{scroll-padding-top:90px}.check{align-items:flex-start}.check input[type=checkbox]{margin-top:1px;flex-shrink:0}.selected-product h3,.selected-product p,.notice,.error{overflow-wrap:break-word}.notice>span,.error>span{min-width:0}p.notice{display:block}.deposit-breakdown{display:grid;gap:7px;line-height:1.5}.deposit-breakdown strong{padding-top:4px}.deposit-picker .field{margin-bottom:12px}.package-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.package-choices button{text-align:center;overflow-wrap:break-word}.section-head{flex-wrap:wrap}.section-head h2,.section-head h3{min-width:0}.section-head .count{flex-shrink:0}@media(max-width:640px){.modal-inner{--dialog-gutter: 20px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.modal header{padding-top:12px;padding-bottom:12px;margin-bottom:22px}.modal header h2{font-size:1.125rem}.form-section{padding:18px 16px;border-radius:16px}.field>span{font-size:.875rem}.field>small,.location-picker>small{font-size:.8125rem}.location-picker .form-grid{gap:20px}.field input,.field select,.field textarea{font-size:16px;min-height:50px}.product-form-top{flex-wrap:wrap;gap:14px}.product-form-top .file-button{flex:1 1 160px}.quantity-control>div{gap:12px}.quantity-control input{width:min(145px,45%)}.cooking-choices{grid-template-columns:1fr}.page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-actions .button{min-width:0;min-height:48px}.page-actions .button.primary:last-child:nth-child(odd){grid-column:1 / -1}.page-actions .button:only-child{grid-column:1 / -1}.filterbar{gap:10px}.filterbar select{width:100%;flex-basis:100%}.list-meta{align-items:flex-start;gap:12px;flex-wrap:wrap}.shopping-row{display:grid;grid-template-columns:36px minmax(0,1fr) 40px;gap:8px 10px;align-items:start}.shopping-check{grid-column:1;grid-row:1 / span 2}.shopping-name{grid-column:2;grid-row:1}.shopping-name strong{font-size:.875rem;line-height:1.45}.shopping-price{grid-column:2;grid-row:2;text-align:left;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.shopping-price small{margin-top:0}.shopping-row>.icon-button{grid-column:3;grid-row:1 / span 2;width:40px}.shopping-total{padding:24px 20px}.price-breakdown>div{gap:14px;align-items:baseline}.price-breakdown b{white-space:nowrap}.deposit-stats{grid-template-columns:1fr;gap:10px}.deposit-stats>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px}.deposit-stats small{font-size:.8125rem;min-height:0;margin-bottom:0;max-width:65%}.deposit-stats strong{font-size:1.25rem;white-space:nowrap}.deposit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.deposit-row>div{grid-column:1 / -1}.deposit-row>div strong{font-size:.875rem;line-height:1.45;overflow-wrap:break-word}.deposit-row label{grid-column:1;align-items:center;flex-direction:row;justify-content:space-between;gap:12px}.deposit-row>b{grid-column:2;text-align:right;font-size:.875rem}.deposit-row>.icon-button{grid-column:2;justify-self:end}.deposit-panel>.section-head .button{font-size:.8125rem;min-height:44px;padding:10px 12px}.deposit-group .section-head{gap:12px}.transit-row .button{width:100%;margin-left:0}.stock-line>div,.history-line>div,.review-notice>div{min-width:0}.stock-line small,.history-line small{overflow-wrap:break-word}.group-members>button{gap:12px;align-items:flex-start}.group-members>button>div{min-width:0}.inline-form{flex-wrap:wrap}.inline-form input{flex-basis:180px}.detail .button-row .button{flex:1 1 130px}}@media print{.modal-inner{padding:0}}.shopping-duplicate h3{font-size:1.15rem;line-height:1.4}.duplicate-amounts{display:grid;gap:10px;margin:20px 0}.duplicate-amounts>div{display:flex;justify-content:space-between;gap:12px;padding:12px;background:#f5f7fc;border-radius:10px}.duplicate-amounts dt{color:#64718a;font-size:.875rem}.duplicate-amounts dd{margin:0;font-weight:650;text-align:right;overflow-wrap:anywhere}.duplicate-choices{display:grid;gap:14px;margin-bottom:20px}.duplicate-choices>div{border:1px solid #e2e8f2;border-radius:14px;padding:12px}.duplicate-choices p{margin:9px 0 0;font-size:.875rem;text-align:center}.duplicate-choices small{display:block;margin-top:8px;line-height:1.5}.duplicate-choices .button{min-height:48px}@media(max-width:400px){.duplicate-amounts>div{flex-direction:column;gap:5px}.duplicate-amounts dd{text-align:left}}.category-field{display:flex;flex-direction:column;gap:4px;min-width:0}.category-field select{width:100%}.category-field .text-button{font-size:.8rem;align-self:flex-start}.product-picker{border:0;padding:0;margin:0 0 20px;min-width:0}.product-picker legend{font-weight:700;margin-bottom:10px}.product-picker input{font-size:16px}.product-picker-results{max-height:340px;overflow-y:auto;overscroll-behavior:contain}.product-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 10px;background:#fff;border:0;border-bottom:1px solid #e4e8ef;text-align:left;min-height:56px;font:inherit;color:inherit}.product-choice:hover,.product-choice:focus-visible{background:#edf3ff}.product-choice span:first-child{flex:1;min-width:0}.product-choice span:last-child{white-space:nowrap;font-size:13px}.product-choice strong,.product-choice small,.picked-product small,.inventory-group-head small,.group-take-item small{display:block;overflow-wrap:anywhere}.product-choice small,.picked-product small,.group-take-item small{color:#63718a;font-size:13px;margin-top:4px}.picked-product{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#f1f5fc;border-radius:14px;margin-bottom:12px}.picked-product>div{min-width:0}.picked-product button{flex-shrink:0}.inventory-group{padding:16px 0;border-bottom:1px solid #e4e8ef}.inventory-group-head{display:flex;align-items:center;gap:14px}.inventory-group-head>div{flex:1;min-width:0}.inventory-group-head>strong{white-space:nowrap}.inventory-group-head>div>small{font-size:12px;color:#63718a;margin-top:4px}.inventory-group summary{cursor:pointer;padding:12px 0;color:#486aaf;font-size:14px}.inventory-group .button-row{padding:12px 0}.group-take-item{padding:12px 0;border-bottom:1px solid #e4e8ef}.group-take .primary{margin-top:16px}@media(max-width:540px){.inventory-group-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.inventory-group-head>.button{grid-column:1/-1;width:100%}.inventory-group .product-row{flex-wrap:wrap}.inventory-group .product-main{min-width:0}.product-choice{gap:8px}.product-choice strong{font-size:15px}.inventory-group .button-row{display:flex;flex-wrap:wrap;gap:12px}}.more-details{border:1px solid var(--line);border-radius:16px;margin:22px 0;background:#f7f9fe}.more-details>summary{cursor:pointer;padding:17px 20px;font-weight:700;color:#294778;list-style-position:inside}.more-details>div{padding:4px 20px 18px}.more-details .form-section{background:#fff}.use-first h2,.favorite-panel h2{display:flex;align-items:center;gap:9px}.use-first-row,.favorite-edit-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.use-first-row:last-of-type,.favorite-edit-row:last-of-type{border-bottom:0}.use-first-row>div,.favorite-edit-row>div{min-width:0}.use-first-row strong,.favorite-edit-row strong{display:block;overflow-wrap:anywhere}.use-first-row small,.favorite-edit-row small,.putaway-row small{display:block;color:#62718a;margin:5px 0;line-height:1.5}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.favorite-button{min-width:0;min-height:105px;background:#f0f5ff;border:1px solid #dce6fb;border-radius:15px;padding:16px;text-align:left;color:#244787;display:grid;gap:6px}.favorite-button strong{overflow-wrap:anywhere}.favorite-button small{color:#62718a}.favorite-panel{margin-bottom:22px}.opened-batch{padding:16px 0;border-bottom:1px solid var(--line)}.opened-batch>strong{display:block;margin-bottom:12px}.putaway-row{padding:18px 0;border-bottom:1px solid var(--line)}.putaway-row input{margin-top:4px}.putaway-wizard{max-width:700px}.count-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,210px);gap:12px 24px;border-bottom:1px solid var(--line);padding:22px 0}.count-row>div{min-width:0}.count-row small{display:block;color:#62718a;line-height:1.5;margin-top:5px}.count-row>.field{margin-bottom:0}.count-row>.check{grid-column:1/-1}.unit-price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 20px;padding:20px 0;border-bottom:1px solid var(--line)}.unit-price-row>.text-button{text-align:left;justify-content:flex-start;overflow-wrap:anywhere}.unit-price-row>small{grid-column:1/-1;color:#62718a}.unit-price-row>.saving{color:#167446}.unit-price{padding:12px 16px;background:#edf7f2;color:#185839;border-radius:12px}.offline-status{display:flex;align-items:center;gap:16px;justify-content:space-between;border:1px solid #d4e4fb;background:#edf5ff;border-radius:16px;padding:16px 20px;margin:20px 0}.offline-status>div{min-width:0}.offline-status small{display:block;color:#596b85;line-height:1.5;margin-top:6px}.offline-page{max-width:920px;margin:auto;padding:calc(22px + env(safe-area-inset-top)) 24px calc(40px + env(safe-area-inset-bottom))}.offline-page .panel{margin:22px 0}.offline-page h2{font-size:1.1rem;margin-bottom:12px}.offline-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.offline-estimate{font-size:1.1rem;margin-top:24px}.pending-label{color:#956000!important}.conflict-panel{border:2px solid #e3b35b}.store-filter .button-row{flex-wrap:wrap}.store-filter .field{margin-bottom:14px}.toast{max-width:min(680px,calc(100vw - 24px))}.toast>span{min-width:0;overflow-wrap:anywhere}.toast>button{flex-shrink:0;background:#fff;color:#244787;border:0;border-radius:9px;padding:12px 14px;min-height:44px;font-weight:700}@media(max-width:640px){.more-details>summary{padding:16px}.more-details>div{padding:0 14px 16px}.more-details .form-section{padding:16px 12px}.use-first-row,.favorite-edit-row{flex-wrap:wrap;gap:12px}.use-first-row>div,.favorite-edit-row>div:first-child{flex-basis:100%}.favorite-edit-row .button-row{display:flex;flex-wrap:wrap;gap:8px}.favorite-edit-row .button{min-height:44px;padding:10px 12px}.count-row{grid-template-columns:1fr}.unit-price-row{grid-template-columns:1fr;gap:8px}.offline-status,.offline-head{flex-wrap:wrap;align-items:flex-start}.offline-status{padding:16px}.offline-status .button-row{flex-wrap:wrap}.offline-page{padding-left:18px;padding-right:18px}.offline-page input,.offline-page select{font-size:16px;min-height:48px}.offline-page input[type=checkbox]{min-height:0}.offline-page .button-row{flex-wrap:wrap}.toast{align-items:flex-start;gap:10px}.toast>svg{display:none}.toast>button{padding:10px}.offline-page .shopping-row>.icon-button{grid-column:3}}.sidebar nav{min-height:0;overflow-y:auto;flex:1;padding-bottom:14px}.sidebar nav button{flex-shrink:0}.sidebar>.brand{margin-bottom:26px;flex-shrink:0}.sidebar-bottom{margin-top:14px;flex-shrink:0}.settings-grid>.offline-status{grid-column:1/-1;margin:0}