.meal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.food-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.food-photo{width:100%;height:180px;object-fit:contain;background:#faf5f3}.food-card-body{padding:20px}.food-card-body h2{margin-top:12px}.food-price{font-size:28px;color:var(--green)}.food-card-body button{margin:4px 0}.grid4{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px}.recipe-item{padding:12px;background:#f4f7f5;border-radius:10px;margin:10px 0}.pre-line{white-space:pre-line}.wizard-products,.wizard-steps{display:flex;flex-wrap:wrap;gap:8px}.wizard-steps{margin:18px 0}.food-detail{align-self:end}.food-card .no-photo{height:180px}.sidebar{overflow-y:auto}.sidebar nav{gap:3px}.sidebar nav button{padding:10px 14px;min-height:43px}.sidebar footer{margin-top:15px}.table-wrap details p{max-width:500px;overflow-wrap:anywhere}@media(max-width:850px){.grid4{grid-template-columns:1fr 1fr}.meal-grid{grid-template-columns:1fr}.sidebar{overflow:visible}.sidebar nav{gap:7px}.food-photo{height:200px}.wizard-products{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.wizard-products button{white-space:nowrap}.row:has(#meal-search){flex-wrap:wrap}}

.pos-prepared .product{width:100%}.pos-prepared .food-detail{width:100%;margin-top:5px}

.order-qr{width:280px;max-width:100%;height:auto;background:white;padding:16px}.product[hidden]{display:none}

#shop-products .product-body>span,#shop-products .product-body>small{display:block}#shop-products .product-body>small{overflow-wrap:anywhere}

.demo-banner{background:#fff0c2;color:#614600;border:2px solid #d99e20;padding:14px 18px;border-radius:12px;margin-bottom:20px}tfoot th{border-top:2px solid #bdd1c9}

.school-hero{padding:24px;border:1px solid #d9bb79;border-radius:16px;background:#fff9eb;margin-bottom:26px}.school-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.school-groups label{margin:0}.school-groups small{display:block;line-height:1.5}.school-stories{display:grid;grid-template-columns:1fr 1fr;gap:16px}.school-stories article{padding:14px;background:white;border-radius:12px}.school-hero details{margin:20px 0}.bakery-filters{flex-wrap:wrap}#shop-products .food-photo{height:180px;object-fit:cover} @media(max-width:850px){.school-groups,.school-stories{grid-template-columns:1fr}.school-hero{padding:16px}}

.sandwich-photo{margin:0 0 16px;background:#f8f2e8;border-radius:12px;overflow:hidden}.sandwich-photo .food-photo,#shop-products .sandwich-photo .food-photo{display:block;width:100%;height:230px;object-fit:contain;background:#f8f2e8}.sandwich-photo figcaption{font-size:12px;color:#625b4f;padding:8px 12px;line-height:1.4}#modal .sandwich-photo .food-photo{height:260px}

/* Compact sales workspace */
.compact-shell{font-size:13px;grid-template-columns:190px minmax(0,1fr)}
.compact-shell .sidebar{padding:22px 12px;gap:24px;overflow:auto}.compact-shell .brand{font-size:20px;letter-spacing:3px;padding-left:10px}.compact-shell .sidebar nav{gap:7px}.compact-shell .sidebar nav button{width:100%;min-height:36px;font-size:13px;padding:9px 12px;border-radius:7px}.compact-shell .sidebar footer{font-size:12px;padding:8px}.compact-shell .sidebar footer button{min-height:32px;font-size:12px;padding:6px}.nav-group summary{cursor:pointer;padding:12px 9px;color:#e1c4c6;font-size:12px;font-weight:600}.nav-group button{padding-left:22px!important}.compact-shell .work{padding:16px 22px}.compact-shell .topbar{margin-bottom:18px;min-height:30px}.compact-shell .topbar p small{margin-left:12px}.compact-shell small{font-size:11px}.compact-shell h1{font-size:23px;letter-spacing:-.5px}.compact-shell h2{font-size:17px}.compact-shell .heading{margin-bottom:16px}.compact-shell .heading p{font-size:12px}.compact-shell button{font-size:13px;min-height:36px;padding:8px 12px}.compact-shell input,.compact-shell select{min-height:38px;padding:9px;font-size:13px}.compact-shell .status{font-size:11px;padding:5px 9px;border:0;background:transparent}.workspace-tools{position:relative}.workspace-tools summary{cursor:pointer;font-size:12px;padding:6px}.workspace-tools[open]{z-index:5;background:white;border:1px solid var(--line);border-radius:8px;padding:5px}.workspace-tools button{display:block;width:100%;margin-top:4px}.compact-shell .split{grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.compact-shell .searchbar{margin-bottom:10px;gap:8px}.compact-shell .filters{margin:0 0 14px;gap:5px}.compact-shell .filters button{border:0;background:transparent;font-size:12px;min-height:30px;padding:6px 10px}.compact-shell .filters button.active{background:#f7dfdc}.compact-shell .products{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.compact-shell .product{min-height:0;border-radius:8px;padding:0;box-shadow:none}.compact-shell .product img,.compact-shell .product .no-photo{height:90px;background:#fff}.compact-shell .product-body{padding:10px}.compact-shell .product strong{font-size:12px;line-height:1.4;min-height:34px;margin:4px 0}.compact-shell .product .price{font-size:17px;margin-top:7px}.compact-shell .badge{font-size:10px;padding:3px 5px}.product-barcode{display:block;font-family:inherit;font-variant-numeric:tabular-nums;font-size:10px!important;font-weight:400;margin-top:7px;overflow-wrap:anywhere;color:#82908a}.compact-shell .cart{padding:16px;border-radius:10px;border-top:3px solid var(--green);top:16px;max-height:calc(100vh - 32px);box-shadow:0 4px 18px #173d2b08}.compact-shell .cart h2{margin-bottom:8px}.compact-shell .cart-items{min-height:160px;max-height:calc(100vh - 375px)}.compact-shell .cart-line{padding:12px 0;font-size:12px}.compact-shell .cart-line small{font-size:10px}.compact-shell .qty{gap:9px;margin-top:6px}.compact-shell .qty button{min-height:28px;width:28px;padding:3px}.compact-shell .cart-total{border-top:1px solid var(--line);padding-top:15px;margin:15px 0;font-size:13px}.compact-shell .cart-total strong{font-size:27px}.compact-shell .pay-grid{display:block}.compact-shell .pay-grid label{font-size:11px;margin:0 0 5px}.compact-shell .pay-grid .primary{width:100%;min-height:45px;font-size:14px;margin-top:9px}.cart-extra{margin-top:14px;border-top:1px solid var(--line);padding-top:12px;overflow:auto;flex-shrink:0;max-height:260px}.cart-extra summary{cursor:pointer;font-size:11px;color:var(--muted)}.compact-shell .cart-extra button{font-size:11px;min-height:30px;background:transparent}.compact-shell .empty{font-size:12px;padding:35px 12px}.compact-shell .food-detail{font-size:10px;min-height:24px;border:0;background:transparent}.compact-shell .notice{font-size:12px}
@media(min-width:851px) and (max-width:1150px){.compact-shell{grid-template-columns:165px minmax(0,1fr)}.compact-shell .work{padding:14px}.compact-shell .split{grid-template-columns:minmax(0,1fr) 280px;gap:12px}}
@media(max-width:850px){.compact-shell{display:block}.compact-shell .sidebar{height:auto;position:static;padding:12px;gap:10px}.compact-shell .sidebar nav{display:flex;flex-direction:row;flex-wrap:wrap;overflow:visible;align-items:start}.compact-shell .sidebar nav>button{width:auto}.compact-shell .nav-group{min-width:115px}.compact-shell .nav-group[open]{flex-basis:100%}.compact-shell .nav-group button{text-align:left}.compact-shell .work{padding:14px}.compact-shell .split{grid-template-columns:1fr}.compact-shell .cart{position:static;max-height:none}.compact-shell .cart-items{max-height:280px}.compact-shell .searchbar button{font-size:11px;max-width:115px}.compact-shell .topbar{gap:6px}.compact-shell .topbar p small{margin-left:4px}.compact-shell .products{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}

/* Cash register occupies the full right edge; only its item list scrolls. */
.compact-shell .sidebar{overflow:hidden;gap:18px}.compact-shell .sidebar nav{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.compact-shell .sidebar footer{margin-top:0;border-top:1px solid #ffffff1c;padding-top:14px}.compact-shell .sidebar .nav-group{border-top:1px solid #ffffff10}.compact-shell .nav-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 10px}.compact-shell .nav-group summary::-webkit-details-marker{display:none}.compact-shell .nav-group summary::after{content:'⌄';font-size:15px;opacity:.7}.compact-shell .nav-group[open] summary::after{content:'⌃'}.compact-shell .nav-group[open] summary{color:#fff}.compact-shell .nav-group button{border-left:1px solid #ffffff20!important;border-radius:0 6px 6px 0!important;margin:2px 0 2px 10px;width:calc(100% - 10px)!important;padding-left:12px!important}.compact-shell .cart .checkout-item{display:flex;align-items:center;gap:9px;padding:10px 0;position:relative}.checkout-thumb{width:38px;height:44px;object-fit:contain;flex:none;border:1px solid #f2eae7;border-radius:6px;background:white}.checkout-item-copy{flex:1;min-width:0}.checkout-item-copy>strong{font-size:12px;line-height:1.35;padding-right:2px}.checkout-item-copy>small{font-size:10px}.checkout-item-copy>br,.checkout-item-copy>small:last-of-type{display:none}.compact-shell .checkout-item>strong{font-size:12px;white-space:nowrap}.compact-shell .checkout-item .remove-item{width:27px;height:28px;min-height:28px;padding:0;border:0;color:#a34949;background:#faf1f0;font-size:19px;font-weight:400;flex:none}.compact-shell .checkout-item .qty{margin-top:6px;gap:8px}.compact-shell .checkout-item .qty button{background:#faf5f3;border-color:#ece0dd}.compact-shell .cart h2{padding-bottom:14px;border-bottom:1px solid var(--line);margin:0}.compact-shell .cart-extra{max-height:200px}.compact-shell .cart-total,.compact-shell .pay-grid{flex-shrink:0}.compact-shell .cart .empty{border:0;margin-top:32px}.compact-shell .cart .cart-items{overscroll-behavior:contain;scrollbar-width:thin}
@media(min-width:851px){.compact-shell.sales-workspace{--register-width:360px}.compact-shell.sales-workspace .work{padding-right:calc(var(--register-width) + 22px)}.compact-shell.sales-workspace .split{display:block}.compact-shell.sales-workspace .cart{position:fixed;top:0;right:0;bottom:0;width:var(--register-width);height:100vh;height:100dvh;max-height:none;border-radius:0;border:0;border-left:1px solid #e8d8d5;padding:22px 18px;z-index:20;box-shadow:-5px 0 22px #153d2c05}.compact-shell.sales-workspace .cart-items{flex:1;min-height:0;max-height:none;overflow:auto}.compact-shell.sales-workspace .cart-total{margin-top:12px}.compact-shell .sidebar{height:100vh;height:100dvh}.compact-shell .workspace-tools[open]{position:absolute;right:calc(360px + 22px);top:12px}.compact-shell:not(.sales-workspace) .workspace-tools[open]{right:22px}}
@media(min-width:851px) and (max-width:1150px){.compact-shell.sales-workspace{--register-width:315px}.compact-shell.sales-workspace .work{padding-right:calc(var(--register-width) + 14px)}.compact-shell.sales-workspace .workspace-tools[open]{right:330px}}
@media(max-width:850px){.compact-shell .sidebar nav{overflow:visible}.compact-shell .sidebar{overflow:visible}.compact-shell .cart-items{min-height:200px}.compact-shell .checkout-item .remove-item{width:36px;min-height:36px}.compact-shell .checkout-item .qty button{min-height:34px;width:34px}.compact-shell .workspace-tools[open]{position:static}}

/* Consistent lightweight icons and warm red brand palette. */
:root{--icon-grid:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E");--icon-cart:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h2l3%2012h10l3-9H6%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2220%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2220%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E");--icon-box:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%205v9l-9%205-9-5V8zM3%208l9%205%209-5M12%2013v9M7%205l10%206%22%2F%3E%3C%2Fsvg%3E");--icon-calendar:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%203v4m10-4v4M3%2011h18m-13%204h3m2%203h3%22%2F%3E%3C%2Fsvg%3E");--icon-wallet:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%208h18m0%205h-6v4h6%22%2F%3E%3C%2Fsvg%3E");--icon-gear:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%202v3m0%2014v3M2%2012h3m14%200h3M5%205l2%202m10%2010%202%202M5%2019l2-2M17%207l2-2%22%2F%3E%3C%2Fsvg%3E");--icon-camera:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207h4l2-3h6l2%203h4v14H3z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E");--icon-check:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2012%205%205L20%206%22%2F%3E%3C%2Fsvg%3E");--icon-exit:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203H3v18h6m6-14%205%205-5%205M8%2012h12%22%2F%3E%3C%2Fsvg%3E");--icon-user:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2022v-3a8%208%200%200%201%2016%200v3%22%2F%3E%3C%2Fsvg%3E");--icon-barcode:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204v16M6%204v16m4-16v16m3-16v16m5-16v16m3-16v16%22%2F%3E%3C%2Fsvg%3E");--icon-monitor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%2017v5m-5%200h10%22%2F%3E%3C%2Fsvg%3E");--icon-file:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%202h10l4%204v16H5zM15%202v5h4M8%2012h8m-8%204h8%22%2F%3E%3C%2Fsvg%3E");--icon-edit:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020h9%22/%3E%3Cpath%20d%3D%22M16.5%203.5a2.1%202.1%200%200%201%203%203L7%2019l-4%201%201-4Z%22/%3E%3C/svg%3E");--icon-cancel:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M9%209l6%206M15%209l-6%206%22/%3E%3C/svg%3E");--icon-send:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%202%2011%2013%22/%3E%3Cpath%20d%3D%22M22%202%2015%2022l-4-9-9-4Z%22/%3E%3C/svg%3E");--icon-checklist:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M9%204V2h6v2%22/%3E%3Cpath%20d%3D%22M9%2013l2%202%204-4%22/%3E%3C/svg%3E");--icon-flame:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021c4%200%206-2.5%206-6%200-2.5-1.5-4-3-6%20.5%203-1%204-2%205%20.5-4-1-6-3-8-1%203%200%205-1%207-1-1-1.5-2-1.5-3C6%208%205%2011%205%2014c0%203.5%203%207%207%207z%22/%3E%3C/svg%3E");}
button:not(.product):not([data-qty]):not(.remove-item):not(.close)::before,.nav-group summary::before,.cart-extra summary::before,.workspace-tools summary::before,label[for="payment-method"]::before,label[for="pos-student"]::before,.product-barcode::before{content:"";display:inline-block;width:15px;height:15px;flex-shrink:0;vertical-align:-3px;margin-right:7px;background:currentColor;mask:var(--action-icon,var(--icon-grid)) center/contain no-repeat;-webkit-mask:var(--action-icon,var(--icon-grid)) center/contain no-repeat;pointer-events:none}
button[data-add]::before,button[data-shop-add]::before{display:none!important}
[data-page="pos"]{--action-icon:var(--icon-cart)}[data-page="products"],[data-page="ingredients"],[data-page="inventory"],[data-page="procurement"]{--action-icon:var(--icon-box)}[data-page="today"],[data-page="orders"],[data-page="operations"],[data-page="meals"]{--action-icon:var(--icon-calendar)}[data-page="family"],[data-page="students"]{--action-icon:var(--icon-user)}[data-page="business"],[data-page="cashbook"],[data-page="bread"]{--action-icon:var(--icon-wallet)}[data-page="settings"],[data-page="wizard"],[data-page="food-admin"]{--action-icon:var(--icon-gear)}[data-page="history"],[data-page="invoices"]{--action-icon:var(--icon-file)}[data-pay],button.primary{--action-icon:var(--icon-check)}
button[data-food="menu-new"]{--action-icon:var(--icon-calendar)}
[data-menu-edit],[data-product],[data-recipe-edit],[data-supplier-edit],[data-equipment]{--action-icon:var(--icon-edit)}
#stock-tomorrow,#stock-monday{--action-icon:var(--icon-calendar)}
#stock-critical-toggle{--action-icon:var(--icon-cancel)}
[data-meal-nutrition]{--action-icon:var(--icon-flame)}
[data-meal-order]{--action-icon:var(--icon-send)}
[data-close-service]{--action-icon:var(--icon-checklist)}
[data-meal-cancel],[data-supplier-refund],[data-status="İptal"]{--action-icon:var(--icon-cancel)}
[data-security-open]{--action-icon:var(--icon-gear)}[data-action="camera"]{--action-icon:var(--icon-camera)}[data-action="logout"]{--action-icon:var(--icon-exit)}[data-action="customer"],.workspace-tools summary{--action-icon:var(--icon-monitor)}.product-barcode{--action-icon:var(--icon-barcode)}label[for="payment-method"]{--action-icon:var(--icon-wallet)}label[for="pos-student"],.cart-extra summary{--action-icon:var(--icon-user)}
.nav-group:nth-of-type(1) summary{--action-icon:var(--icon-calendar)}.nav-group:nth-of-type(2) summary{--action-icon:var(--icon-box)}.nav-group:nth-of-type(3) summary{--action-icon:var(--icon-wallet)}.nav-group:nth-of-type(4) summary{--action-icon:var(--icon-gear)}.compact-shell .nav-group summary{justify-content:flex-start}.compact-shell .nav-group summary::after{margin-left:auto}.product-barcode::before{width:12px;height:12px;margin-right:4px;vertical-align:-2px}.compact-shell .sidebar nav button.active{color:#fff;background:#d63e42}.compact-shell .filters button.active{color:#ad2931;background:#f8e3df}.compact-shell .product .price{color:#bc3039}.compact-shell .cart{border-left-color:#e8d8d5}.compact-shell .qty button:hover{background:#fbe4e0}.compact-shell .brand{color:#fff5ef}.compact-shell .topbar .status{color:#8b6969}

.sidebar-date{font-size:11px;color:#d9b7b9;margin-bottom:12px;letter-spacing:.2px}.compact-shell.sales-workspace .topbar{justify-content:flex-end;margin-bottom:12px;min-height:24px}.compact-shell.sales-workspace .topbar .status:not(.offline){font-size:0;padding:0}.compact-shell.sales-workspace .topbar .status:not(.offline)::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#b08080}.compact-shell.sales-workspace .product strong{margin-top:0}.compact-shell.sales-workspace .products{row-gap:10px}

/* Brighter canteen red, without the burgundy sidebar. */
:root{--green:#df252e;--dark:#d9212c}
.compact-shell .sidebar{background:#d9212c;color:#fff}.compact-shell .sidebar nav button{color:#fff}.compact-shell .sidebar nav button.active{background:#fff;color:#cd1723}.compact-shell .nav-group summary,.compact-shell .nav-group[open] summary{color:#fff}.compact-shell .sidebar small,.sidebar-date{color:#ffe1e2}.compact-shell .sidebar footer button{background:#c51925;border-color:#f36b73;color:#fff}.compact-shell .sidebar footer button:hover{background:#ad1420}.compact-shell .sidebar footer,.compact-shell .sidebar .nav-group{border-top-color:#ffffff30}.compact-shell .nav-group button{border-left-color:#ffffff40!important}.compact-shell .product .price{color:#dd202c}button.primary{background:#df252e;border-color:#df252e}button.primary:hover{background:#c81925}.compact-shell .filters button.active{color:#d51d28;background:#ffe4e4}

.compact-shell .student-picker{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;margin:0 0 12px;flex-shrink:0;border-color:#ecd1d2;background:#fff8f7}.student-picker::before{display:none!important}.student-picker small,.student-search-row small{display:block;margin-top:3px;font-weight:400}.student-search-results{max-height:45vh;overflow:auto;margin:14px 0}.student-search-row{display:flex;width:100%;justify-content:space-between;text-align:left;margin:6px 0;align-items:center}.student-search-row::before{display:none!important}.student-search-row small{color:var(--muted)}

.student-inline{position:relative;flex-shrink:0;margin:0 0 12px}.student-inline label{font-size:11px;margin:0 0 5px}.student-inline-field{position:relative}.student-inline-field input{padding-right:36px!important}.student-inline-clear{position:absolute;right:3px;top:3px;min-height:30px!important;width:30px;padding:0!important;border:0;background:transparent;font-size:19px!important}.student-inline-clear::before{display:none!important}.student-inline-results{position:absolute;bottom:100%;left:0;right:0;max-height:230px;overflow:auto;background:white;box-shadow:0 -5px 25px #44222218;border:1px solid #ead5d5;border-radius:8px;z-index:30;margin-bottom:5px}.student-inline-results button{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;border:0;border-radius:0;gap:10px}.student-inline-results button::before{display:none!important}.student-inline-results button[aria-selected=true]{background:#ffe4e4}.student-inline-results small{white-space:nowrap}.student-inline-results p{padding:12px;margin:0;font-size:12px;color:var(--muted)}

[data-page="invoices"]{display:none!important}.stock-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.stock-metrics>div{background:white;border:1px solid var(--line);border-radius:9px;padding:16px}
.stock-metrics>button{background:white;border:1px solid var(--line);border-radius:9px;padding:16px;text-align:left;cursor:pointer;min-height:0}
.stock-metrics>button.active{border-color:#d88920;background:#fffaf1}
.stock-metrics>button.active strong{color:#a65a10}.stock-metrics strong{display:block;font-size:23px;margin-top:7px}.stock-buy{padding:18px}.stock-buy h2{margin:0}.stock-buy input[type=date]{width:145px}.stock-buy small{display:block}.stock-needs-list{max-height:230px;overflow:auto;margin-top:12px;scrollbar-gutter:stable;padding-right:10px;box-sizing:border-box}.stock-needs-list>.row{border-top:1px solid var(--line);padding:10px 0}.stock-method{color:var(--muted);font-size:11px;margin-top:12px}.stock-search{margin:18px 0 12px}.stock-search input[type=checkbox]{width:auto}.stock-search label{white-space:nowrap;margin:0}.stock-table{padding:0;max-height:55vh;overflow:auto}.stock-table thead{position:sticky;top:0;z-index:1}.stock-table td{font-size:12px}.stock-table td small{display:block}@media(max-width:850px){.stock-buy>.row{flex-wrap:wrap}.stock-buy .row .row{flex-wrap:wrap}.stock-metrics{gap:6px}.stock-metrics>div{padding:10px}.stock-metrics strong{font-size:18px}}

#pos-category{width:180px;min-height:32px;padding:5px 9px}.category-edit{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}.category-edit button{margin-top:8px}.bakery-filters{max-height:100px;overflow:auto}

#pricing-result td small{display:block;margin-top:4px}#pricing-result td{font-size:12px}#pricing-preview-form{justify-content:flex-start}#pricing-rate{flex:0 0 100px}#pricing-preview-form label{white-space:nowrap;margin:0}

.password-field{position:relative}.password-field input{padding-right:90px}.password-field button{position:absolute;right:5px;top:5px;min-height:38px;padding:6px 10px;font-size:12px;background:#fff4f3;border:0}.password-field button::before{display:none!important}

.password-field input{padding-right:48px}.password-field #auth-password-toggle{right:5px;top:5px;width:38px;height:38px;min-height:38px;padding:9px;display:flex;align-items:center;justify-content:center;color:#847477;background:transparent;border-radius:6px}.password-field #auth-password-toggle:hover{background:#fff0ef;color:#d9212c}#auth-password-toggle svg{width:20px;height:20px;display:block}#auth-password-toggle .eye-slash{display:block}#auth-password-toggle[aria-pressed="true"] .eye-slash{display:none}

.auth-form .password-field{position:relative;display:block}.auth-form .password-field input{display:block;margin:0;padding-right:48px}.auth-form .password-field #auth-password-toggle{position:absolute;top:50%;right:8px;bottom:auto;transform:translateY(-50%);margin:0;width:32px;height:32px;min-height:32px;max-height:32px;padding:7px;line-height:1;box-sizing:border-box}.auth-form .password-field #auth-password-toggle svg{width:18px;height:18px;flex:none}
/* Camera scanner: compact controls, full preview on narrow phones. */
dialog.barcode-modal { width: min(520px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 20px; box-sizing: border-box; }
dialog.barcode-modal h2 { font-size: 20px; margin: 0 0 18px; padding-right: 80px; }
.camera-frame { position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 12px; background: #181818; }
.camera-frame video { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; border-radius: 0; }
.camera-guide { position: absolute; inset: 30% 7%; border: 2px solid #fff; border-radius: 8px; box-shadow: 0 0 0 200px #0004; pointer-events: none; }
.camera-unavailable { aspect-ratio: 4 / 1; }
.camera-unavailable .camera-guide, .camera-frame video[hidden] { display: none; }
#camera-status { min-height: 40px; font-size: 14px; line-height: 1.5; margin: 14px 0; }
.camera-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.camera-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 8px 12px; font-size: 13px; }
.camera-actions button[hidden] { display: none; }
.camera-actions svg { width: 17px; height: 17px; }
.camera-actions [aria-pressed="true"] { background: #ed1c24; color: white; }
.camera-privacy { margin: 14px 0 0; color: #777; font-size: 12px; line-height: 1.5; }
/* On phones the register follows the scanner input, before the product catalogue. */
@media(max-width:850px){
  .compact-shell.sales-workspace .split{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  .compact-shell.sales-workspace .split>section{display:contents}
  .compact-shell.sales-workspace .searchbar{grid-row:1;margin:0}
  .compact-shell.sales-workspace .cart{grid-row:2;min-width:0;scroll-margin-top:12px}
  .compact-shell.sales-workspace .cart-items{min-height:64px;max-height:180px}
  .compact-shell.sales-workspace .cart .empty{margin:0;padding:16px 8px}
  .compact-shell.sales-workspace .cart-total{margin:10px 0;padding-top:10px}
  .compact-shell.sales-workspace .cart h2{padding-bottom:10px}
  .compact-shell.sales-workspace .filters{margin:4px 0 0}
}
.camera-feedback{position:absolute;left:10px;right:10px;bottom:12px;display:flex;gap:10px;align-items:center;padding:12px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0004;pointer-events:none}
.camera-feedback[hidden]{display:none}
.camera-feedback img{width:42px;height:48px;object-fit:contain;flex:none}
.camera-feedback strong,.camera-feedback small{display:block;overflow-wrap:anywhere}
.camera-feedback strong{font-size:14px;line-height:1.35;color:#302326}
.camera-feedback small{font-size:12px;margin-top:4px;color:#666}
.camera-feedback .scan-status{font-size:13px;font-weight:700;color:#167447;margin-bottom:4px}
.camera-feedback[data-ok="false"] .scan-status{color:#a45b00}
#camera-cart{background:#df252e;color:#fff;border-color:#df252e}
.auth-form .remember-me{display:flex;align-items:center;gap:9px;min-height:44px;margin:12px 0 4px;font-size:14px;font-weight:500;cursor:pointer}
.auth-form .remember-me input{width:18px;height:18px;min-height:18px;margin:0;padding:0;flex:none;accent-color:#df252e}
.auth-form .remember-me small{margin-left:auto;font-size:12px;font-weight:400;color:var(--muted)}
/* Searchable packaged-product library, kept out of the checkout grid. */
.catalog-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin:16px 0 8px}.catalog-toolbar input,.catalog-toolbar select{min-width:0;width:100%;font-size:14px}.catalog-note,.catalog-count{font-size:13px}.catalog-count{margin:12px 0;color:var(--muted,#716969)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.catalog-card{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;background:#fff;border:1px solid #eadfdf;border-radius:12px;text-align:left;min-width:0}.catalog-card:hover{border-color:#ed2330}.catalog-card img{width:100%;height:140px;object-fit:contain;padding:12px;background:#fff}.catalog-card-copy{padding:12px;display:flex;flex-direction:column;gap:7px}.catalog-card strong{font-size:14px;line-height:1.4}.catalog-card small,.catalog-card code{font-size:11px;color:#766b6b}.catalog-card .badge{align-self:flex-start;font-size:11px}.catalog-no-photo{height:140px;display:grid;place-items:center;font-size:12px;color:#766b6b}.catalog-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px 0;font-size:13px}.catalog-detail{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:22px;align-items:center}.catalog-detail-image{width:100%;height:200px;object-fit:contain}.catalog-detail dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:13px}.catalog-detail dt{color:#766b6b}.catalog-detail dd{margin:0}.catalog-source{margin:18px 0;font-size:13px;overflow-wrap:anywhere}.catalog-source p{line-height:1.6}#catalog-activate{border-top:1px solid #eadfdf;padding-top:16px}#catalog-activate small{display:block;font-size:12px;margin-top:10px;color:#766b6b}@media(max-width:600px){.catalog-toolbar{grid-template-columns:1fr 1fr}.catalog-toolbar input{grid-column:1/-1}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.catalog-card img{height:120px}.catalog-card-copy{padding:10px}.catalog-detail{grid-template-columns:1fr}.catalog-detail-image{height:160px}.catalog-detail dl{grid-template-columns:100px 1fr}}

/* Stock review has one plain action label. */
.barcode-modal #camera-cart.camera-stock-review::before{display:none!important}