/* Agora 365 — branded presentation layer. No catalog or storage mutations. */
/* Functional/mobile overrides remain below; final release presentation at EOF. */
:root{--ink:#183c31;--muted:#627269;--paper:#f3f2eb;--line:#dce2d9;--green:#24563f;--green-dark:#163d2d;--aqua:#24563f;--orange:#bd963c;--shadow:0 10px 32px #193c3009;font-family:"Segoe UI",system-ui,sans-serif;font-synthesis:none}
body{min-width:0;background:radial-gradient(ellipse at 15% 0%,#e5eadc 0,transparent 55%),var(--paper);line-height:1.5}
body::before{content:"";position:fixed;right:-110px;bottom:-110px;width:520px;height:520px;background:url('logo.png') center/contain no-repeat;opacity:.035;mix-blend-mode:multiply;pointer-events:none;z-index:0}
.app-shell{position:relative;z-index:1;width:min(100%,1140px);padding:26px 32px 64px}
button{transition:background-color .15s,border-color .15s,box-shadow .15s}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #9b7729;outline-offset:3px}
.ui-icon{width:21px;height:21px;flex:0 0 21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.app-header,.home-header{padding:0 0 22px;border-bottom:1px solid #ced8cb;gap:20px}
.brand-lockup{display:flex;gap:13px;align-items:center;min-width:0}
.brand-lockup img{width:62px;height:62px;border:1px solid #d8d4bf;border-radius:50%;background:white;object-fit:contain;flex-shrink:0}
.brand-lockup strong{display:block;font-size:20px;font-weight:650;letter-spacing:-.6px;line-height:1.2}
.brand-lockup small{display:block;color:var(--muted);font-size:10px;letter-spacing:1.8px;margin-top:5px}
.header-actions{display:flex;align-items:center;gap:9px}
.header-tool,.settings-button,.home-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:auto;height:auto;padding:10px 14px;background:#ffffffb3;border:1px solid var(--line);border-radius:11px;box-shadow:none;color:var(--ink);font-size:13px;font-weight:600}
.back-button{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;min-height:44px;padding:0}
.app-header .brand-lockup{margin-right:auto}
.kicker{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#6b735c}
.page-heading{margin:28px 0 24px;display:flex;flex-direction:column;gap:6px}
.page-heading h1{font-size:clamp(26px,4vw,35px);letter-spacing:-1.3px;font-weight:650;line-height:1.2}
.home-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #cfd8c7;border-radius:24px;background:linear-gradient(115deg,#edf1e5,#f9f8f1);padding:48px;margin:32px 0 24px;min-height:290px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.home-hero::after{content:"";position:absolute;right:-40px;top:-110px;width:460px;height:460px;border:1px solid #d4dcc9;border-radius:50%;z-index:-1}
.home-hero h1{font-size:clamp(34px,5.5vw,56px);font-weight:550;line-height:1.12;letter-spacing:-2px;margin:12px 0 18px;max-width:560px}
.home-hero p:not(.kicker){font-size:15px;color:var(--muted);max-width:440px;margin:0;line-height:1.7}
.hero-seal{width:156px;height:156px;padding:10px;background:#fff;border:1px solid #d1c397;border-radius:50%;box-shadow:0 12px 40px #244d3510;flex-shrink:0}
.hero-seal img{width:100%;height:100%;border-radius:50%;object-fit:contain}
.home-section-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px;gap:12px}
.home-section-heading h2{font-size:16px;font-weight:650;margin:0}
.home-section-heading span{font-size:12px;color:var(--muted)}
.home-card.fridge{position:relative;background:var(--green-dark);border:1px solid var(--green-dark);border-radius:18px;min-height:170px;padding:28px 32px;display:flex;align-items:center;gap:22px;color:#fff;box-shadow:none;overflow:hidden}
.home-card.fridge::after{content:"";position:absolute;right:7%;top:-30px;width:240px;height:240px;border-radius:50%;background:url('logo.png') center/contain no-repeat;opacity:.045;pointer-events:none;mix-blend-mode:screen}
.home-card .card-symbol{display:grid;place-items:center;background:#ffffff10;border:1px solid #ffffff24;border-radius:15px;width:58px;height:58px;flex:0 0 58px}
.home-card .card-symbol .ui-icon{width:27px;height:27px}
.home-card .card-title{font-size:26px;font-weight:600;letter-spacing:-.7px;line-height:1.3}
.home-card .card-meta{font-size:14px;line-height:1.6;color:#d8e6d9;opacity:1;margin-top:7px;font-weight:400}
.home-card .card-arrow{margin-left:auto;flex-shrink:0}
.home-utilities{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.utility-card{display:flex;align-items:center;gap:14px;text-align:left;min-height:90px;padding:20px 24px;background:#ffffffad;border:1px solid var(--line);border-radius:16px;color:var(--ink)}
.utility-card strong,.utility-card small{display:block}
.utility-card strong{font-size:15px;font-weight:650}.utility-card small{font-size:12px;color:var(--muted);margin-top:3px}
.brand-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;font-size:11px;color:var(--muted)}
.brand-footer img{width:27px;height:27px;border-radius:50%;opacity:.8}
.store-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:28px;align-items:start}
.order-sidebar{grid-column:2;grid-row:1;position:sticky;top:20px;min-width:0;max-height:calc(100dvh - 40px);overflow-y:auto;scrollbar-width:thin}
.catalog-workspace{grid-column:1;grid-row:1;min-width:0}
.quick-order{background:#fffef8;border:1px solid #ddd9c8;border-radius:18px;padding:22px;margin:0;box-shadow:var(--shadow)}
.quick-order>.kicker{color:#766233;margin:0 0 10px}
.quick-order h2{font-size:23px;line-height:1.45;font-weight:600;letter-spacing:-.7px;margin:0 0 12px}
.quick-order p{font-size:12px;line-height:1.65;color:#627066}
.quick-order summary{font-size:13px;font-weight:650;padding:12px 0}
.quick-order details{border-top:1px solid #e8e5d7;margin-top:14px}
.quick-order ul{padding-left:17px;font-size:12px;line-height:1.6;max-height:280px;overflow:auto}
.quick-order li{padding:5px 0}
.quick-order [data-quick-complete]{position:static;transform:none;width:100%;margin-top:14px;min-height:50px;font-size:13px;font-weight:650;border-radius:11px;box-shadow:none}
.quick-receipt textarea{font-size:12px;background:#fff;border-color:#dadfce;min-height:200px}
.quick-actions{display:grid;grid-template-columns:1fr;gap:8px}
.quick-actions button{font-size:12px;min-height:44px;padding:10px;font-weight:600;border-radius:10px}
.search-box{min-height:58px;border-radius:13px;background:#fff;border:1px solid #bfcdbc;padding:0 17px;gap:12px;box-shadow:0 3px 12px #173a2904;margin-bottom:9px;color:#6d7f6d}
.search-box:focus-within{border-color:#628664;box-shadow:0 0 0 3px #41654012}
.search-box input{font-size:16px;min-height:54px}
.search-box:has(input:focus-visible){outline:2px solid #9b7729;outline-offset:2px}
.search-box input:focus-visible{outline:0}
.search-help{font-size:11px;line-height:1.6;margin:0 2px 18px;color:#68796b}
.category-filter{font-weight:500;font-size:12px;color:var(--muted);gap:6px;margin-bottom:20px}
.category-filter select{font-size:14px;border-radius:11px;min-height:46px;border-color:var(--line);background:#ffffffb8;padding:10px 14px;color:var(--ink)}
.category-header{margin:5px 0 0;padding:0 0 12px;gap:10px;border-color:#d4ddce}
.category-header::before{width:3px;min-height:26px;background:#b29443;box-shadow:none}
.category-header h2{font-size:16px;letter-spacing:-.2px;font-weight:650;text-transform:none;line-height:1.3}
.category-header p{font-size:10px;color:var(--muted);font-weight:400;margin-top:2px}
.category-count{background:#e8ede2!important;border:0!important;font-size:12px!important;font-weight:600!important;color:var(--green)!important}
.product-categories{gap:28px}.grouped-product-list{gap:9px}
.product-row{grid-template-columns:64px minmax(0,1fr) auto;padding:16px;gap:10px 16px;border:1px solid #dfe4d9;border-radius:14px;background:#fff;box-shadow:0 2px 8px #1a392c03;min-width:0}
.product-row.selected,.product-row:has(.case-controls[data-has-cases]){background:#f8fcf5;border-color:#9aba90;box-shadow:inset 3px 0 #6c8f56}
.product-copy strong{font-size:15px;font-weight:650;line-height:1.45;letter-spacing:-.15px}
.product-art,.product-art:has(.product-photo){width:64px;height:76px;flex-basis:64px;border-radius:9px;align-self:start}
.product-actions{gap:7px;justify-content:flex-end}
.round-button,.add-button{width:42px;height:44px;min-width:44px;border-radius:10px;font-size:22px;font-weight:500}
.round-button{background:#eff3ea;border:1px solid #dbe4d2;color:var(--green-dark)}
.add-button{background:var(--green);box-shadow:0 3px 8px #143f2912}
.quantity{font-size:16px;min-width:24px;font-weight:650}.quantity small{font-size:9px;font-weight:500}
.case-controls{grid-column:2/-1;justify-content:flex-end;border-top:1px solid #edf0e7;padding-top:10px;gap:6px}
.case-controls button{font-size:11px;line-height:1.25;padding:7px 10px;background:#f7f8f2;border:1px solid #dce3d1;border-radius:9px;font-weight:600;min-height:44px}
.case-controls b{font-size:12px;font-weight:650;padding:0 3px}
.expiry-button{font-size:11px;border-radius:9px;padding:7px;min-height:44px}
.expiry{font-size:11px;font-weight:650}
.primary-action{background:var(--green);font-weight:650}.secondary-action{background:#eef2e7;font-weight:650}
.empty-state{background:#fafbf6;border:1px dashed #bdcbb3;border-radius:14px;font-size:14px;font-weight:500;padding:30px 20px}
.expiry-banner{border:1px solid #e4d8b5;background:#fcf7e9;border-radius:13px;color:#725923;font-size:13px}
.admin-intro{border:1px solid var(--line);background:#ffffffa8;font-size:14px;font-weight:500;border-radius:13px}
.admin-actions{gap:10px;margin-bottom:30px}.admin-actions button{font-size:13px;font-weight:600;border-radius:11px}
.admin-section h2{font-size:18px;text-transform:none;letter-spacing:-.3px;font-weight:650;margin-bottom:15px}
.admin-category{background:#fafbf5;border:1px solid var(--line);border-radius:16px;box-shadow:none;padding:20px}
.admin-subcategory h3{font-size:11px;letter-spacing:1px;margin:20px 0 6px}
.admin-row{border-radius:10px;box-shadow:none}.admin-row strong{font-weight:600}
.admin-row-actions button{border:1px solid #dce4d5;border-radius:8px;font-weight:500;background:#f3f6ee;min-height:44px}
.history-list article{border-radius:12px;background:#fffef9;padding:18px}.history-list strong{font-size:13px;font-weight:650}
.modal-backdrop{background:#18392966;backdrop-filter:blur(4px);place-items:center}
.modal-card{border-radius:20px;padding:28px;gap:14px;box-shadow:0 25px 90px #10291f33}
.modal-card label{font-size:12px;font-weight:650;color:#52614f}
.modal-card input,.modal-card select{font-size:16px;border-radius:10px;border-color:#d3ddc9}
.modal-card h2{font-size:24px;font-weight:600;letter-spacing:-.6px}
.modal-actions button{font-size:14px;padding:10px 8px;overflow-wrap:normal}
#toast{width:min(calc(100% - 32px),650px);left:50%;right:auto;transform:translate(-50%,10px);font-size:13px;font-weight:550;border-radius:12px;box-shadow:0 8px 30px #14332226}
#toast.show{transform:translate(-50%,0)}
@media(hover:hover){.header-tool:hover,.utility-card:hover{background:#fff;border-color:#b4c4a9}.product-row:hover{border-color:#b8c8ac}.case-controls button:hover{background:#e9f0df}.primary-action:hover,.add-button:hover,.home-card.fridge:hover{background:#2b5f43}}
@media(max-width:860px){
 .app-shell{padding:20px 22px 50px}.store-layout{grid-template-columns:1fr;gap:20px}
 .order-sidebar,.catalog-workspace{grid-column:auto;grid-row:auto}.order-sidebar{position:static;max-height:none;overflow:visible}
 .quick-order{padding:17px 20px}.quick-order h2{font-size:21px;margin:0 0 6px}.quick-order>.kicker{margin:0 0 5px}
 .quick-order [data-quick-complete]{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 32px),728px);margin:0;min-height:56px;box-shadow:0 5px 25px #16372730;font-size:15px}
 .quick-actions{grid-template-columns:1fr 1fr}.quick-order ul{max-height:190px}
 .hero-seal{width:120px;height:120px}.home-hero{padding:32px;min-height:250px}
}
@media(max-width:520px){
 body::before{width:330px;height:330px;right:-100px;bottom:40px}
 .app-shell{padding:16px 14px 40px}.app-header,.home-header{padding-bottom:16px;gap:9px}
 .brand-lockup{gap:9px}.brand-lockup img{width:45px;height:45px}.brand-lockup strong{font-size:17px}.brand-lockup small{font-size:8px;letter-spacing:1px}
 .header-tool,.settings-button,.home-button{min-width:44px;padding:9px;flex:none}.header-tool span{display:none}.back-button span{display:none}.back-button{min-width:32px}
 .page-heading{margin:22px 0 18px}.page-heading h1{font-size:27px}.kicker{font-size:9px}
 .home-hero{padding:25px 22px;min-height:0;margin:24px 0 18px;display:block;border-radius:18px}
 .home-hero h1{font-size:37px;margin:10px 0 14px;letter-spacing:-1.4px}.home-hero p:not(.kicker){font-size:13px;padding-right:0}.hero-seal{display:none}
 .home-section-heading span{display:none}.home-section-heading{margin-top:24px}.home-card.fridge{padding:22px;gap:15px;border-radius:16px;min-height:155px}
 .home-card .card-title{font-size:22px}.home-card .card-meta{font-size:12px}.home-card .card-symbol{width:46px;height:46px;flex-basis:46px;border-radius:12px}
 .home-utilities{grid-template-columns:1fr;gap:10px}.utility-card{padding:17px 20px;min-height:77px}.brand-footer{font-size:10px;margin-top:28px}
 .quick-order{padding:15px 17px;border-radius:14px}.quick-order h2{font-size:19px}.quick-order p{font-size:11px}
 .search-help{font-size:11px}.search-box{min-height:54px;padding:0 13px}.search-box input{font-size:16px;min-height:50px}
 .product-row,.product-row.selected,.product-row:has(.expiry-button){grid-template-columns:54px minmax(0,1fr);padding:13px;gap:9px 13px}
 .product-copy strong{font-size:14px}.product-art,.product-art:has(.product-photo){width:54px;height:72px;flex-basis:54px;grid-row:1/3}
 .product-row .product-actions,.product-row.selected .product-actions,.product-row:has(.expiry-button) .product-actions{grid-column:2;justify-content:flex-end}
 .case-controls{grid-column:1/-1;gap:6px;justify-content:flex-end;padding-top:9px}
 .case-controls button{font-size:11px}.category-header h2{font-size:15px}.category-header p{font-size:10px}
 .admin-category{padding:13px}.admin-row-actions{flex-wrap:wrap}.admin-actions button{padding:8px 11px;min-height:48px}
 .modal-card{padding:23px 19px}.quick-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){body::before,.home-hero::after,.home-card.fridge::after{display:none}.product-row,.quick-order,.home-card.fridge{border:1px solid CanvasText}}
.manual-product{margin-top:18px;padding-top:14px;border-top:1px solid #dcd7c8}
.manual-product summary{font-weight:700;cursor:pointer;padding:10px 0}
.manual-product form{display:grid;gap:12px;margin-top:10px}
.manual-product label{display:grid;gap:6px;font-size:14px;font-weight:600}
.manual-product input,.manual-product select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid #c9cabb;border-radius:9px;padding:10px;background:#fff;font:inherit;color:#163d2d}
.manual-product [role="alert"]{color:#9a3027;margin:0}
.product-reset-controls{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #eee4dd}
.product-reset-controls button{min-height:44px;padding:8px 10px;border:1px solid #ddc5bd;border-radius:9px;background:#fff8f4;color:#8d3528;font-size:12px;font-weight:650}
.product-actions .round-button[data-minus]{width:auto;min-width:68px;padding:8px;font-size:13px;border-radius:10px}
.search-box [data-search-clear]{width:44px;min-width:44px;min-height:44px;border:0;border-radius:9px;background:#eff3ea;color:var(--green-dark);font-size:24px}
.search-box input{min-width:0}
.empty-state [data-reset-category]{display:block;margin:16px auto 0;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:9px}
.quantity small{font-size:12px}.case-controls button,.expiry-button{font-size:12px}
.back-button{min-width:44px}
.my-list-button{width:100%;min-height:48px;border:1px solid var(--line);border-radius:10px;padding:10px;margin:8px 0}
.my-list-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.my-list-intro button{min-height:48px;padding:12px;border:1px solid var(--line);border-radius:10px}
.my-list-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}
.my-list-grid section,.my-list-grid aside{min-width:0}
.marked-entry{margin-bottom:18px}.vendor-editor{padding:10px 14px;background:#f2f5ed;border:1px solid var(--line);border-radius:0 0 12px 12px}
.vendor-editor summary{min-height:44px;display:list-item;padding:10px 0;cursor:pointer;font-size:13px}
.vendor-editor form,.delivery-note{display:grid;gap:10px}
.vendor-editor label,.delivery-note label{display:grid;gap:7px;font-size:13px}
.vendor-editor input,.delivery-note textarea,.dispatch-group textarea{width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit;background:white}
.delivery-note{padding:16px;background:#fffef8;border:1px solid var(--line);border-radius:14px;margin-bottom:18px}
.delivery-note textarea{min-height:88px;resize:vertical}
.vendor-editor button,.delivery-note button,.dispatch-panel button{min-height:44px;padding:10px;border:1px solid var(--line);border-radius:9px;color:var(--green-dark)}
.dispatch-group{padding:14px 0;border-top:1px solid var(--line)}.dispatch-group h3{font-size:15px}.dispatch-group textarea{min-height:150px;font-size:12px}.dispatch-group button:disabled{opacity:.6;cursor:default}
.backup-reminder{font-size:12px;line-height:1.6;color:var(--muted)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
.mobile-workbar{display:none}
.case-controls{display:grid;grid-template-columns:44px 44px minmax(64px,1fr) 44px 44px;gap:5px;align-items:center}
.case-controls button{padding:7px 2px;font-size:16px;min-width:44px;min-height:44px}
.case-controls b{text-align:center;line-height:1.35}
.case-controls button:disabled{opacity:.38;cursor:default}
.product-reset-controls{display:block;padding-top:0}
.product-reset-controls summary{min-height:44px;padding:12px 0;cursor:pointer;color:#687a72;font-size:12px}
.product-reset-controls>div{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:8px}
@media(max-width:860px){.my-list-grid{grid-template-columns:1fr}.my-list-intro{align-items:stretch;flex-direction:column}.my-list-grid .quick-order [data-quick-complete]{position:static;transform:none;width:100%;margin-top:12px}}
@media(max-width:860px){
 .catalog-workspace{display:contents}
 .store-layout>.catalog-workspace>.search-box{grid-row:1;margin-bottom:0}
 .store-layout>.catalog-workspace>.search-help{grid-row:2;margin-bottom:0}
 .order-sidebar{grid-row:4}
 .store-layout>.catalog-workspace>[data-search-results]{grid-row:2;min-width:0}
 .app-shell{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
 .quick-order [data-quick-complete]{z-index:10}
 .store-layout .quick-order [data-quick-complete]{position:static;transform:none;width:100%;margin-top:12px}
 .mobile-workbar{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:6px;position:fixed;bottom:0;left:0;right:0;z-index:15;background:#f3f2ebf5;border-top:1px solid #ced8cb;padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -3px 18px #17352d14}
 .mobile-workbar button{min-height:50px;border:1px solid #ced8cb;border-radius:11px;padding:10px;font-size:15px;font-weight:700;color:var(--green-dark);background:#fff}
 .mobile-workbar [data-open-mylist]{background:var(--green-dark);color:white}
 .store-layout{gap:10px}.page-heading{margin:14px 0 14px}.page-heading .kicker{display:none}
 .category-filter{margin-bottom:12px}.product-categories{gap:18px}.category-header{padding-bottom:7px}.category-header p{display:none}
 .search-status{margin:8px 0;font-size:12px}
 .my-list-intro p{display:none}.my-list-intro{margin-bottom:12px;gap:0}
 .product-art,.product-art:has(.product-photo){height:54px}
 .product-row,.product-row.selected{padding:10px;gap:6px 10px}
 .case-controls{grid-template-columns:44px 44px minmax(45px,1fr) 44px 44px;gap:4px;padding-top:6px}
 .case-controls button{font-size:16px}.product-reset-controls{margin-top:0}
}
@media(max-width:520px){
 .back-button{min-width:44px}
 .product-row .product-actions,.product-row.selected .product-actions,.product-row:has(.expiry-button) .product-actions{grid-column:1/-1}
 .product-art{grid-row:1}
 .case-controls button{font-size:16px}
}
/* iPhone: rapid quantity taps are actions, not double-tap zoom gestures.
   Pinch zoom and normal scrolling remain available. */
button,summary,.product-actions,.case-controls{touch-action:manipulation}
/* Dialogs must sit above the mobile workbar and notifications. */
.modal-backdrop{z-index:50}
/* We preserve product anchors explicitly when the list is rendered. */
#app{overflow-anchor:none}
.product-reset-slot{grid-column:1/-1;min-height:44px}
.product-actions .quantity{min-width:48px;font-variant-numeric:tabular-nums}
.product-actions button:disabled{opacity:.4;cursor:default}
@media(max-width:860px),(pointer:coarse){
 input,select,textarea,.vendor-form input,.delivery-note textarea,
 .manual-product input,.manual-product select{font-size:16px!important}
 button,summary{min-height:44px}
 .modal-card{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
}