/* Two reference palettes; shared shapes/geometry stay functional. */
:root{--canvas:#FFFCF4;--surface:#fffdf7;--surface-glass:#fffdf5e8;--surface-soft:#fff2df;--text:#30231d;--subtext:#795947;--edge:#d9b89d;--field-edge:#aa7554;--accent:#FF6115;--accent-text:#21140e;--nav:#3c241c;--nav-text:#ffeadd;--nav-selected:#FF6115;--food-surface:#f6e9d5;--glass-glow:#ffac6540;--table-head:#f7dfc9;--forest:#492d22;--cream:#FFFCF4;--orange:#FF6115;--muted:#795947;--line:#e5cdb6;--charcoal:#30231d;--clay:#fffdf7}
:root[data-theme=navy]{--canvas:#33081E;--surface:#E0F3FA;--surface-glass:#E0F3FAf2;--surface-soft:#F2FAFF;--text:#7A0E3F;--subtext:#8C4E68;--edge:#D6A3BC;--field-edge:#B76E8F;--accent:#A80E52;--accent-text:#FFF2F7;--nav:#1F040E;--nav-text:#F3D3E1;--nav-selected:#E0F3FA;--food-surface:#CFEAFB;--glass-glow:#e0f3fa2e;--table-head:#CDE9FA;--forest:#A80E52;--cream:#33081E;--orange:#E0F3FA;--muted:#8C4E68;--line:#D6A3BC;--charcoal:#7A0E3F;--clay:#E0F3FA}
body{background:radial-gradient(ellipse at 90% 0,var(--glass-glow),transparent 45%),var(--canvas)!important;color:var(--text)}.content{margin:0!important;align-self:start;min-height:100dvh;padding-top:20px}.shell{align-items:start}.side{background:linear-gradient(155deg,var(--nav),color-mix(in srgb,var(--nav) 85%,var(--accent)))!important;border-color:var(--edge);box-shadow:0 15px 35px #0002}.side button{color:var(--nav-text)}.side button.active{background:var(--nav-selected)!important;color:var(--accent-text)!important;border-color:var(--nav-selected);box-shadow:0 5px 16px #0003,inset 0 1px #fff7}.side .brand>span{color:#fff9ef!important}.side .brand strong{color:var(--accent)}.side .small{color:#e4cdb8}.top{border-color:var(--edge);margin-bottom:18px}.top-wordmark,.top h1{color:var(--text)}.top-wordmark small{color:var(--subtext)}.page-heading h1{border-color:var(--edge)}.top .glass{background:var(--surface-glass)!important;border-color:var(--edge);color:var(--text);backdrop-filter:blur(20px)}.pill{background:var(--surface-soft);color:var(--text)}.theme-control{margin:0;display:block}.theme-control select{font-size:11px;padding:7px 9px;max-width:155px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
h1,h2,h3,.studio-hero h2,.dish-body h3,.product-copy b,.stat b,.stats .stat b,.dish-price,.product-copy strong{color:var(--text)}.muted,.eyebrow,.studio-hero p,.product-copy small,.order-date,.size-hint,.kitchen-meta,.stat span,.stat small{color:var(--subtext)!important}.clay,.menu-panel,.cart-panel,.dish-card,.product,.studio-hero,.stats .stat,.stats .stat:nth-child(n){background:var(--surface-glass)!important;border-color:var(--edge);color:var(--text);box-shadow:7px 8px 22px #00000010,inset 0 1px #ffffff14}.studio-hero{background:linear-gradient(115deg,var(--surface-soft),var(--surface))!important;padding:18px 22px;margin-bottom:18px}.compact-hero h2{margin:4px 0;font-size:27px}.compact-hero p{margin:3px 0}.catalogue-toolbar{background:var(--surface-glass);border-color:var(--edge)}
input,select,textarea{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--edge)}input::placeholder,textarea::placeholder{color:var(--subtext);opacity:.8}label{color:var(--subtext)}.checkout-fields input,.checkout-fields select,.checkout-fields textarea,.cart-panel .item-note{border:1.5px solid var(--field-edge)!important;background:var(--surface)!important}.checkout-fields input:focus,.checkout-fields select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.cart-heading{border-color:var(--edge)}.cart-item{border-color:var(--edge)}.qty-control{background:var(--surface-soft);border-color:var(--edge);box-shadow:inset 1px 2px 4px #0002}.qty-btn{background:var(--surface);color:var(--text);box-shadow:1px 2px 4px #0002}.compact-totals{background:var(--surface-soft)!important;border-color:var(--edge);color:var(--text)}.grand-line{color:var(--text)}.payment-disclaimer{color:var(--subtext)!important}.checkout-btn{font-size:20px!important;font-weight:850!important;min-height:51px!important;padding:11px 14px!important;letter-spacing:.2px;line-height:1.15}.count-badge,.badge{background:var(--surface-soft);color:var(--text)}
.btn{background:var(--accent);color:var(--accent-text);border-color:color-mix(in srgb,var(--accent),#fff 20%);box-shadow:3px 4px 9px #0002,inset 0 1px #fff5}.btn.orange{background:var(--accent)!important;color:var(--accent-text)!important}.btn.secondary{background:var(--surface-soft)!important;border-color:var(--edge)!important;color:var(--text)!important}.btn.danger,.icon-button.danger{background:#a83035!important;color:#fff!important;border:1px solid #de7478}.btn.action-ready,[data-fulfil][data-target=READY]{background:#215ca8!important;color:#fff!important;border-color:#4c84ca!important}.btn.action-delivered,[data-fulfil][data-target=DELIVERED],[data-fulfil][data-target=COMPLETED]{background:#39FF88!important;color:#0B132B!important;border-color:#a0ffc8!important}.stage-ready{background:#215ca8;color:#fff}.stage-completed,.stage-delivered{background:#39FF88;color:#0B132B}.stage-cancelled{background:#a83035;color:#fff}.order-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:10px;cursor:pointer}.icon-button svg{width:16px;height:16px;stroke-width:1.8}.nowrap{white-space:nowrap}
.pos-photo,.dish-photo{background:radial-gradient(ellipse at 50% 85%,var(--glass-glow),transparent 70%),var(--food-surface)!important}.product.selected{border:2px solid var(--accent)!important;background:var(--surface-soft)!important;box-shadow:inset 0 1px #fff2,0 5px 16px var(--glass-glow)}.selected-count{background:var(--accent)!important;color:var(--accent-text)!important}.photo-badge{background:var(--surface-glass)!important;color:var(--text)!important;border-color:var(--edge)}.status-dot{color:var(--text)}.product:hover:enabled{border-color:var(--accent)}.notes-toggle{color:var(--text)}.notes-toggle span{color:var(--subtext)}
.tablewrap{background:var(--surface)!important;border-color:var(--edge)}th{background:var(--table-head)!important;color:var(--text)!important}td,th,.orderline{border-color:var(--edge)}.simple-ticket{border-top-color:var(--accent)}.ticket-status{color:var(--text)}.ticket-status span,.ticket-items small{color:var(--subtext)}.ticket-items>div{border-color:var(--edge)}.notice,.danger-zone{background:var(--surface-soft);color:var(--text);border-color:var(--edge)}dialog{background:var(--surface);color:var(--text);border-color:var(--edge)}.large-food,.history-image{background:var(--food-surface)}.history-image{color:var(--text)}.auth .clay{background:var(--surface)!important}.auth h1{color:var(--text)}.toast{background:var(--nav);color:#fff;border-color:var(--edge)}.toast.error{background:#a83035}
/* Short, horizontal catalogue cards. */
.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dish-card{display:grid;grid-template-columns:108px minmax(0,1fr);border-radius:17px;min-width:0}.dish-photo{height:100%!important;min-height:145px!important;border-radius:0}.dish-photo img{padding:8px}.photo-badge{font-size:9px;left:5px;bottom:7px;padding:3px 5px;max-width:100px}.dish-body{padding:11px 12px;min-width:0}.dish-body h3{font-size:14px;line-height:1.2;margin:7px 0}.dish-body p{font-size:11px;line-height:1.35;margin:4px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}.dish-body .status-dot,.dish-body small{font-size:9px}.dish-price{font-size:13px}.dish-actions{display:flex;flex-wrap:wrap;margin-top:8px;gap:5px;align-items:center;padding-top:7px}.dish-actions .btn{font-size:10px;padding:6px 8px;min-height:30px}.dish-actions .icon-button{width:30px;height:30px}.size-hint{margin:4px 0 0;font-size:9px}.list-view .dish-card{grid-template-columns:88px minmax(0,1fr)}.catalogue-grid.list-view{grid-template-columns:1fr}
.latest-order-row{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(120px,1.6fr) auto;gap:14px;align-items:center}.order-short-summary{display:flex;gap:5px;flex-wrap:wrap;align-items:center;font-size:11px;line-height:1.4;min-width:0}.order-item-chip{background:var(--surface-soft);border:1px solid var(--edge);border-radius:7px;padding:3px 6px;color:var(--text)}.order-items-cell{min-width:180px;max-width:350px}.orders-table{font-size:12px}.orders-table td{padding:13px 9px;vertical-align:middle}.order-date{font-size:10px}.custom-date-range{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:12px 0 20px}.custom-date-range label{margin:0}.custom-date-range .btn{min-height:40px}.contact-search{margin:14px 0}.contact-search input{flex:1;min-width:180px}
.powered-by{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 2px;text-align:center}.powered-by span:first-child{font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--nav-text)}.powered-by span:last-child{font-size:10px;color:var(--nav-text);opacity:.65}.side .bottom{padding:10px 0 0;opacity:1}.developer-panel{display:flex;align-items:center;gap:24px;margin-top:20px}.developer-panel p{margin:6px 0}.developer-logo{width:240px;background:#0B132B;border-radius:18px;padding:12px;flex:none;isolation:isolate}.developer-logo img{width:100%;height:auto;display:block;mix-blend-mode:screen}
.receipt-preview{background:#fff!important;color:#111!important}.receipt-preview .muted{color:#444!important}.receipt-preview .orderline{border-color:#ccc}.receipt-preview .total{color:#111}.receipt-preview .center{color:#111}
@media(max-width:1200px){.latest-order-row{grid-template-columns:minmax(100px,.7fr) minmax(100px,1fr) auto;gap:8px}.catalogue-grid{grid-template-columns:1fr}.dish-card{grid-template-columns:115px minmax(0,1fr)}.theme-control select{max-width:139px}.top .glass{gap:7px}}
@media(max-width:780px){.content{min-height:0;padding-top:10px}.side .bottom{display:none}.top{align-items:start;gap:9px}.top .glass{flex-wrap:wrap;justify-content:end;padding:8px}.theme-control select{font-size:10px;max-width:140px}.catalogue-grid{grid-template-columns:1fr}.dish-card{grid-template-columns:90px minmax(0,1fr)}.dish-photo{min-height:140px!important}.dish-body p{-webkit-line-clamp:2}.dish-actions{flex-direction:row}.latest-order-row{grid-template-columns:minmax(100px,1fr) auto}.latest-order-row .order-short-summary{grid-row:2;grid-column:1/-1}.custom-date-range{gap:8px}.custom-date-range label{flex:1;min-width:125px}.developer-panel{flex-direction:column;align-items:start}.developer-logo{width:200px}.orders-table{min-width:830px}}
@media print{body{background:#fff!important;color:#111!important}.powered-by,.theme-control{display:none!important}}

[data-theme="navy"]{--shadow:0 8px 25px #0004;--inset:inset 1px 2px 5px #0003}
[data-theme="navy"] .menu-panel,[data-theme="navy"] .cart-panel{box-shadow:0 8px 25px #0004!important}
.dish-actions .icon-button{flex:0 0 30px!important;width:30px!important}

[data-theme="navy"] .clay,[data-theme="navy"] .tablewrap{box-shadow:0 8px 25px #0004!important}
.tablewrap tbody tr,.tablewrap tbody tr:nth-child(n),.tablewrap td{background:var(--surface)!important;color:var(--text)!important}.tablewrap tbody tr:hover td{background:var(--surface-soft)!important}

:root[data-theme=sky]{--canvas:#f5fbff;--surface:#ffffff;--surface-glass:#fffffff2;--surface-soft:#e4f3fc;--text:#132e49;--subtext:#405f79;--edge:#b2cfe3;--field-edge:#648dab;--accent:#9adaff;--accent-text:#102e49;--nav:#e7f5ff;--nav-text:#173c58;--nav-selected:#9adaff;--food-surface:#eff8fe;--glass-glow:#8dd4ff25;--table-head:#dceffc;--forest:#17496b;--cream:#f5fbff;--orange:#9adaff;--muted:#405f79;--line:#b2cfe3;--charcoal:#132e49;--clay:#ffffff;--shadow:0 7px 22px #17496b12}
[data-theme=sky] .side{background:linear-gradient(165deg,#B5DFFB 0%,#8FCFF8 55%,#6FBDF3 100%)!important;box-shadow:14px 0 34px rgba(60,130,190,.28)}[data-theme=sky] .side .brand>span,[data-theme=sky] .side .small{color:#0d2438!important}[data-theme=sky] .side button{color:#12395c!important;font-weight:650}[data-theme=sky] .side button:hover:not(.active){background:rgba(255,255,255,.45)}[data-theme=sky] .side button.active{background:#ffffff!important;color:#0d2438!important;border-color:#ffffff;box-shadow:0 8px 20px -6px rgba(30,90,140,.4),inset 0 1px 0 #ffffff}[data-theme=sky] .side .powered-by span{color:#0d2438!important}[data-theme=sky] .btn.orange{background:linear-gradient(135deg,#FB6D0D,#E04E00)!important;color:#fff!important;border-color:#ff8c42;text-shadow:0 1px 2px rgba(120,40,0,.25)}[data-theme=sky] .toast{background:#173c58;color:#fff}
/* Compact work surfaces; borders are visible before focus. */
input,select,textarea{border:1.5px solid var(--field-edge)!important}.stage-completed,.stage-delivered{background:#39FF88!important;color:#0B132B!important}.stage-cancelled{background:#a83035!important;color:#fff!important}.stage-pending,.stage-preparing{background:#215ca8;color:#fff}
.status-counts{grid-column:1/-1}.order-count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}.order-count-grid>div{padding:10px;border:1px solid var(--edge);border-radius:12px;background:var(--surface-soft)}.order-count-grid .count-completed{border-left:5px solid #21995a}.order-count-grid .count-cancelled{border-left:5px solid #b43540}.order-count-grid .count-pending{border-left:5px solid #215ca8}.count-cancelled b{color:#b43540!important}[data-theme=navy] .count-cancelled b{color:#ff9ba5!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.cart-item{background:var(--surface-soft)!important;border:1.5px solid var(--accent)!important;border-left:5px solid var(--accent)!important;border-radius:12px;padding:9px!important;margin-bottom:7px}.cart-item-main b{color:var(--text)}
.catalogue-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))!important;gap:10px}.dish-card{grid-template-columns:72px minmax(0,1fr)!important}.dish-photo{min-height:120px!important}.dish-body{padding:8px}.dish-body h3{font-size:12px;margin:4px 0}.dish-body p{font-size:10px;-webkit-line-clamp:1;margin:3px 0}.dish-actions{margin-top:5px;padding-top:5px;gap:5px}.dish-actions .compact-action,.dish-actions .icon-button{flex:0 0 28px!important;width:28px!important;height:28px;min-height:28px;padding:5px}.compact-action svg{width:15px;height:15px}.photo-badge{max-width:65px;font-size:8px}.receipt-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.receipt-actions button{min-height:40px}.developer-details{font-size:12px;margin-top:12px}
@media(min-width:901px){.pos-layout{height:calc(100dvh - 155px);min-height:540px;align-items:stretch}.menu-panel{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.menu-panel .section-head,.menu-panel #posCategory{flex:none}.menu-panel #productCards{overflow-y:auto;min-height:0;flex:1;align-content:start;overscroll-behavior:contain;padding:3px}.cart-panel{position:sticky;top:12px;height:100%;max-height:none;padding:14px}.cart-heading h2{font-size:17px}.cart-heading{padding-bottom:4px}.cart-panel #saleForm{flex:none;overflow:visible}.checkout-fields{flex:none;overflow:visible;gap:5px 9px;padding:0}.checkout-fields label{font-size:10px;line-height:1.25}.checkout-fields input,.checkout-fields select{padding:5px 8px;font-size:11px;height:29px;border-radius:8px}.checkout-fields textarea{padding:5px 8px;font-size:11px}.cart-panel .cart-items-compact{flex:1;max-height:none;min-height:48px;overflow:auto;margin:5px 0}.cart-panel .cart-item{padding:6px!important}.cart-panel .item-note{padding:4px 7px;font-size:10px;height:25px}.cart-panel .compact-totals{padding:8px;margin-top:5px}.cart-panel .payment-disclaimer{font-size:9px;margin:3px 0}.cart-panel .orderline{padding:3px 0}.notes-toggle{padding:3px;font-size:10px}.cart-panel .checkout-btn{min-height:42px!important;padding:7px 10px!important}.cart-panel .eyebrow{font-size:8px}.cart-heading .section-head{margin:0}}
@media(max-width:900px){.cart-panel{height:auto;max-height:none;overflow:visible}.cart-panel #saleForm,.checkout-fields{overflow:visible}.cart-items-compact{max-height:180px;overflow:auto}.order-count-grid{grid-template-columns:repeat(2,1fr)}}
.dashboard-v045{display:grid;gap:20px}.dash-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0 3px}.dash-hero h2{font:500 clamp(27px,3vw,39px)/1.15 Georgia,serif;margin:9px 0;color:var(--text);letter-spacing:-.8px}.dash-hero p{color:var(--subtext);font-size:12px;margin:0}.dash-hero p span{margin:0 7px;color:var(--accent)}.dash-hero-actions{display:flex;gap:8px}.dash-hero .btn,.dash-section-head .btn{display:inline-flex;align-items:center;gap:8px}.dash-hero .btn svg{width:16px;height:16px}.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dash-metric{padding:17px 18px;border-radius:18px;position:relative;overflow:hidden}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.metric-top>span:first-child{font-size:12px;font-weight:650;color:var(--subtext)}.metric-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:var(--surface-soft);color:var(--text)}.metric-icon svg{width:17px;height:17px}.dash-metric>strong{font-size:34px;line-height:1.1;display:block;letter-spacing:-1px;margin:13px 0 10px;color:var(--text)}.dash-metric>small{font-size:10px;color:var(--subtext)}.dash-metric:after{content:'';position:absolute;bottom:0;left:18px;right:18px;height:3px;border-radius:4px;background:var(--accent)}.metric-completed:after{background:#239b61}.metric-completed .metric-icon{background:#d9f5e8;color:#125f3d}.metric-pending:after{background:#3479ca}.metric-pending .metric-icon{background:#e1edff;color:#215ca8}.metric-cancelled:after{background:#bf424c}.metric-cancelled .metric-icon{background:#ffe4e7;color:#a83035}.dash-primary{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:18px}.dash-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dash-section-head h3,.dash-shortcuts h3{font-size:17px;margin:5px 0 0;letter-spacing:-.3px}.dash-section-head>.lucide{width:20px;color:var(--subtext)}.dash-section-head .btn svg{width:14px;height:14px}.dash-activity,.dash-status,.dash-latest,.dash-shortcuts{padding:20px;border-radius:20px}.activity-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;height:160px;margin:24px 0 18px}.activity-column{display:flex;flex-direction:column;align-items:center;min-width:0;gap:7px}.activity-column>b{font-size:10px;color:var(--subtext)}.activity-column>small{font-size:10px;color:var(--subtext)}.activity-track{height:100%;width:100%;max-width:40px;border-radius:7px;background:var(--surface-soft);position:relative;overflow:hidden}.activity-track>span{position:absolute;bottom:0;left:0;right:0;background:var(--accent);border-radius:7px;min-height:0}.activity-column:last-child .activity-track>span{background:linear-gradient(0deg,var(--accent),color-mix(in srgb,var(--accent),white 40%))}.dash-revenue{display:grid;grid-template-columns:1.4fr 1fr;border-top:1px solid var(--edge);padding-top:16px;gap:18px}.dash-revenue>div{display:flex;flex-direction:column;gap:4px}.dash-revenue small{color:var(--subtext);font-size:11px}.dash-revenue strong{font-size:21px;letter-spacing:-.5px;color:var(--text)}.dash-revenue span{font-size:9px;color:var(--subtext)}.status-donut{width:160px;height:160px;border-radius:50%;background:var(--flow);margin:21px auto;display:grid;place-items:center}.status-donut.is-empty{background:var(--surface-soft)}.status-donut>div{width:130px;height:130px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;flex-direction:column}.status-donut strong{font-size:33px;color:var(--text)}.status-donut span{font-size:10px;color:var(--subtext)}.status-legend{display:grid;gap:9px}.status-legend>div{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--subtext)}.status-legend b{margin-left:auto;color:var(--text)}.legend-dot{width:7px;height:7px;border-radius:50%;background:#3479ca}.legend-dot.completed{background:#239b61}.legend-dot.cancelled{background:#bf424c}.dash-secondary{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:18px}.dash-latest .latest-order-row{grid-template-columns:minmax(130px,.8fr) minmax(120px,1.3fr) auto;padding:14px 0;border-bottom:1px solid var(--edge);gap:12px}.dash-latest .latest-order-row:last-child{border:0}.latest-order-id{display:flex;flex-direction:column;gap:4px}.latest-order-id small{color:var(--subtext);font-size:9px}.latest-order-value{display:flex;flex-direction:column;align-items:end;gap:5px}.latest-order-value>b{font-size:12px}.latest-order-value .badge{font-size:9px}.dash-shortcut{display:flex;width:100%;align-items:center;text-align:left;gap:12px;background:transparent;padding:15px 0;border-bottom:1px solid var(--edge);color:var(--text)}.dash-shortcut>span{background:var(--surface-soft);border-radius:11px;padding:9px;display:grid;place-items:center}.dash-shortcut svg{width:17px;height:17px}.dash-shortcut>.lucide{margin-left:auto;width:14px;color:var(--subtext)}.dash-shortcut div{display:flex;flex-direction:column;gap:3px}.dash-shortcut b{font-size:12px}.dash-shortcut small{color:var(--subtext);font-size:10px}.dash-shortcut:hover{background:var(--surface-soft);border-radius:10px}.dash-data-note{font-size:10px;color:var(--subtext);margin:18px 0 0}.dash-empty{text-align:center;padding:40px;color:var(--subtext)}.dash-empty svg{width:30px}.dashboard-loading{color:var(--subtext)}
@media(max-width:1100px){.dash-metrics{gap:10px}.dash-metric{padding:14px}.dash-primary,.dash-secondary{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}.dash-latest .latest-order-row{grid-template-columns:1fr auto}.dash-latest .order-short-summary{grid-row:2;grid-column:1/-1}.latest-order-value{grid-column:2;grid-row:1}}
@media(max-width:780px){.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-primary,.dash-secondary{grid-template-columns:1fr}.dash-hero{align-items:start;flex-direction:column;gap:16px}.dash-hero-actions{width:100%}.dash-hero-actions .btn{justify-content:center;flex:1}.dash-metric>strong{font-size:29px}.dash-status{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-status .dash-section-head{grid-column:1/-1}.status-donut{width:135px;height:135px;margin:10px auto}.status-donut>div{width:109px;height:109px}.status-legend{align-content:center}.metric-top{gap:3px}.metric-top>span:first-child{font-size:11px}.dash-activity,.dash-status,.dash-latest,.dash-shortcuts{padding:16px}}
@media(min-width:901px) and (max-height:820px){.checkout-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 7px}.checkout-fields .cash-field{grid-column:auto!important}.checkout-fields label:has(#printMode){grid-column:span 2}.checkout-fields .delivery-field,.checkout-fields .notes-disclosure{grid-column:1/-1}.checkout-fields input,.checkout-fields select{height:27px;padding:4px 6px;font-size:10px}.checkout-fields textarea{height:38px;min-height:0;resize:vertical}.checkout-fields label{font-size:9px}.cart-panel .payment-disclaimer{font-size:8px;line-height:1.15}.cart-panel .compact-totals{padding:6px}.cart-panel .cart-heading h2{font-size:15px}.cart-panel .cart-heading .eyebrow{display:none}.cart-panel .cart-items-compact{min-height:40px}.cart-panel .checkout-btn{min-height:40px!important}.cart-panel .orderline{font-size:11px;padding:2px 0}.cart-panel .cart-item-main b{font-size:11px}.cart-panel .cart-item .muted{font-size:9px}.cart-panel .cart-heading{margin-bottom:2px}}

.slip-preview-title{text-align:center;font-size:11px;color:#111;font-weight:800;margin:0 0 8px}.preview-cut{border-top:1px dashed #222;margin:24px 0;padding:0}
/* 0.4.6 high-contrast expense total and electric-green navigation. */
.finance-callout{background:var(--surface)!important;color:var(--text)!important;border:2px solid var(--accent)!important}.finance-callout .expense-total{background:var(--surface-soft)!important;border:1px solid var(--edge);border-radius:15px;padding:18px;margin:16px 0;box-shadow:none!important}.finance-callout .expense-total #expenseTotal{color:var(--text)!important;opacity:1!important;-webkit-text-fill-color:var(--text);font-size:clamp(28px,3vw,38px);font-weight:850;letter-spacing:-.8px}.finance-callout .eyebrow,.finance-callout p{color:var(--subtext)!important}.print-separation-note{font-size:11px;color:var(--subtext);padding:10px 12px;border:1px solid var(--edge);border-radius:10px;background:var(--surface-soft)}
:root[data-theme=navy] .side{background:linear-gradient(170deg,#230510 0%,#2E0716 60%,#1A030B 100%)!important;border-right:1px solid rgba(255,255,255,.07);box-shadow:14px 0 40px rgba(10,2,6,.5)}:root[data-theme=navy] .side button{color:#F0C9DA!important;font-weight:650}:root[data-theme=navy] .side .small{color:#D68CA9!important}:root[data-theme=navy] .side button.active{background:linear-gradient(135deg,#C2145F,#8E0B45)!important;color:#fff!important;border-color:rgba(255,255,255,.25);box-shadow:0 8px 22px rgba(194,20,95,.5),inset 0 1px 0 rgba(255,255,255,.35)}:root[data-theme=navy] .side button:hover:not(.active){background:rgba(224,243,250,.08)}:root[data-theme=navy] .dash-shortcuts{border:1px solid #e0f3fa60}
/* v0.5.5: hero readability — solid pale hero, vivid dark headline */
:root[data-theme=navy] .dash-hero{background:linear-gradient(120deg,#F2FAFF,#DCEFFB)!important;border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 50px -18px rgba(20,4,12,.5),inset 0 1px 0 #fff}
:root[data-theme=navy] .dash-hero h2{background:linear-gradient(100deg,#8E0B45 20%,#5C0A30 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme=navy] .dash-hero p{color:#7A3A52!important}
:root[data-theme=navy] .dash-hero .eyebrow{color:#A80E52!important;background:#ffffff!important;border-color:#E8B9CF!important}
.dash-hero-actions #newSale{font-size:18px;font-weight:850;min-height:58px;min-width:206px;padding:15px 23px;border:2px solid color-mix(in srgb,var(--accent),white 30%);box-shadow:0 8px 23px var(--glass-glow),0 4px 12px #0002}.dash-hero-actions #newSale svg{width:23px;height:23px;stroke-width:2.5}.dash-hero-actions{align-items:center}@media(max-width:480px){.dash-hero-actions #newSale{min-width:0;font-size:16px;min-height:54px;padding:12px 14px}.dash-hero-actions #refreshDashboard{flex:0 0 auto}}

.customer-actions{display:flex;align-items:center;gap:7px;min-height:60px}.customer-actions .icon-button{flex:0 0 32px}
.settings-account-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px;align-items:start}.settings-account-grid>.clay{padding:17px;border-radius:18px;margin-top:0!important;min-width:0}.settings-account-grid h2{font-size:17px;margin:0 0 14px;letter-spacing:-.3px}.settings-account-grid .fields{gap:9px 10px}.settings-account-grid label{font-size:11px;margin:0 0 8px}.settings-account-grid input,.settings-account-grid select{font-size:11px;padding:7px 9px;min-height:32px;border-radius:9px}.settings-account-grid label small{font-size:9px;line-height:1.4;display:block;margin-top:4px}.settings-account-grid .btn{font-size:12px;padding:9px 13px;margin-top:8px!important}.settings-account-grid .profile-layout{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:start}.settings-account-grid .avatar{width:58px;height:58px;min-width:58px;border-radius:16px;font-size:23px;background:var(--surface-soft);color:var(--text)}.settings-account-grid .profile-layout form{min-width:0}.settings-account-grid input[type=file]{width:100%;font-size:10px;padding:6px}.settings-account-grid input[type=file]::file-selector-button{font-size:10px}.settings-account-grid .profile-card label{display:block;margin-bottom:10px}.settings-account-grid .profile-card input{display:block;width:100%;margin-top:4px}.settings-account-grid .profile-card .btn{margin-top:3px!important}.settings-account-grid+#page{margin:0}@media(max-width:1050px){.settings-account-grid{grid-template-columns:1fr}}@media(min-width:1051px) and (max-width:1250px){.settings-account-grid{grid-template-columns:1fr 1fr}.settings-account-grid .profile-layout{grid-template-columns:1fr}.settings-account-grid .avatar{width:46px;height:46px}}
/* v0.5.3: Raspberry canvas + Pale Sky cards. Cards/panels carry dark raspberry
   text; bare canvas areas (top title, intros, pagination) use light text. */
:root[data-theme=navy] body{color:#F7E4EE}
:root[data-theme=navy] .top h1,:root[data-theme=navy] .top-wordmark,:root[data-theme=navy] .page-intro h2{color:#FDF2F7}
:root[data-theme=navy] .page-intro p,:root[data-theme=navy] .pagination{color:#E3A9C4}
:root[data-theme=navy] .tablewrap{color:#7A0E3F}
:root[data-theme=navy] .danger-zone{color:#7A1F16}
:root[data-theme=navy] input,:root[data-theme=navy] select,:root[data-theme=navy] textarea{background:#FFFFFF!important;color:#7A0E3F!important;border:1.5px solid #D6A3BC!important}
:root[data-theme=navy] .btn.secondary{background:#F2FAFF!important;color:#7A0E3F!important;border:1px solid #D6A3BC!important}

/* v0.5.4: premium futuristic brand */
:root[data-theme] .side .brand{position:relative;padding:8px 4px 2px}
:root[data-theme] .side .brand>span{display:block;font-size:26px;font-weight:900;letter-spacing:4px;line-height:1.08;
  background:linear-gradient(165deg,#ffffff 10%,#cfe4ff 42%,#ffffff 68%,#8fa9cc 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  filter:drop-shadow(0 2px 10px rgba(130,180,255,.28))}
:root[data-theme] .side .brand>span strong{font-weight:900;letter-spacing:6px;
  background:linear-gradient(165deg,var(--nav-selected) 5%,#ffffff 55%,var(--nav-selected) 95%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
:root[data-theme] .side .brand::after{content:"";display:block;height:2px;margin:10px 2px 0;border-radius:2px;
  background:linear-gradient(90deg,var(--nav-selected),color-mix(in srgb,var(--nav-selected) 25%,transparent));
  box-shadow:0 0 14px color-mix(in srgb,var(--nav-selected) 70%,transparent)}
:root[data-theme] .side .small{letter-spacing:3.2px!important;text-transform:uppercase;font-size:9px!important;font-weight:700;margin-top:9px}
/* light sidebar (sky) needs a dark metallic treatment */
:root[data-theme=sky] .side .brand>span{background:linear-gradient(165deg,#0d2438,#3d7ca8 52%,#0d2438)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;filter:none}
:root[data-theme=sky] .side .brand>span strong{background:linear-gradient(165deg,#5e2a0c,#9a5218 55%,#5e2a0c)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
@media(max-width:780px){
  :root[data-theme] .side .brand{padding:4px 2px}
  :root[data-theme] .side .brand>span{font-size:19px;letter-spacing:3px}
  :root[data-theme] .side .brand>span strong{letter-spacing:5px}
  :root[data-theme] .side .brand::after{margin-top:6px}
}
/* users page: form left, staff list right */
.users-layout{display:grid;grid-template-columns:minmax(340px,400px) minmax(0,1fr);gap:18px;align-items:start}
@media(max-width:1000px){.users-layout{grid-template-columns:1fr}}
.user-actions{display:flex;gap:6px;margin-left:auto;align-items:center;flex-wrap:wrap}
/* elegant login card (both schemes) */
.auth .login-card{width:min(430px,100%);text-align:center;padding:44px 40px}
.login-brand{display:flex;flex-direction:column;align-items:center;line-height:1}
.login-brand>span{font-family:Georgia,'Times New Roman',serif;font-size:46px;font-weight:900;letter-spacing:7px;color:var(--text);margin-left:7px}
.login-brand>strong{font-size:15px;font-weight:800;letter-spacing:11px;color:var(--accent);margin:10px 0 0 11px}
.login-brand::after{content:'';width:130px;height:2px;margin-top:12px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.login-tagline{font-style:italic;color:var(--subtext);margin:12px 0 6px;font-size:14px}
#login .muted{margin:0 0 6px}
#login label{align-items:center;text-align:center}
#login input{width:100%;border-radius:999px;padding:13px 20px;text-align:center}
#login .login-btn{width:100%;margin:20px 0 8px;min-height:50px;border-radius:999px;font-size:16px}
#login .login-note{margin:10px 0 0}
[data-theme=sky] .login-brand>strong{color:#1E7CC4}
[data-theme=sky] .login-brand::after{background:linear-gradient(90deg,transparent,#1E7CC4,transparent)}
/* v0.6.15: elegant highlighted border for the sign-in card (both schemes) */
.auth form.login-card#login{border:1.5px solid color-mix(in srgb,var(--accent) 42%,var(--surface))!important;box-shadow:var(--shadow),0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent),0 16px 46px -14px color-mix(in srgb,var(--accent) 60%,transparent)}
/* v0.6.18: custom permission checkboxes — bold visible check in both schemes */
.permission-grid .check-label input{-webkit-appearance:none;appearance:none;width:20px;height:20px;flex:none;margin:0;padding:0;border:2px solid var(--field-edge);border-radius:6px;background:#fff;cursor:pointer;position:relative;transition:background .15s,border-color .15s}
.permission-grid .check-label input:checked{background:var(--accent)!important;border-color:var(--accent)!important}
.permission-grid .check-label input:checked::after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--accent-text);border-width:0 3px 3px 0;transform:rotate(45deg)}
.permission-grid .check-label input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* v0.6.19: concise POS header — search + category in one row */
.pos-menu-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.pos-menu-head h2{margin:3px 0 0}
.pos-filters{display:flex;gap:10px;flex:1 1 420px;max-width:560px;min-width:min(100%,320px)}
.pos-filters input{flex:1.5;min-width:0}
.pos-filters select{flex:1;min-width:0}
/* v0.6.20: tighter Orders hero bar */
.studio-hero.compact-hero{padding:11px 18px;margin-bottom:12px;align-items:center}
.studio-hero.compact-hero h2{font-size:22px;margin:2px 0 0}
/* v0.6.20: compact report stat cards */
.report-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 20px}
.report-stats .stat{padding:15px 18px}
.report-stats .stat b{font-size:22px;margin-top:5px;letter-spacing:-.5px}
.report-stats .stat span{font-size:11px}
@media(max-width:900px){.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v0.6.21: concise receipt preview (screen only — print untouched) */
@media screen{
#printAreaWrap #printArea{font-size:10px;line-height:1.28;padding:10px 12px;width:262px}
#printAreaWrap #printArea.narrow{width:200px;font-size:9px}
#printAreaWrap #printArea b{font-size:13px}
#printAreaWrap #printArea .total{font-size:13px}
}
/* v0.6.22: perf — defer off-screen product cards */
.products .product{content-visibility:auto;contain-intrinsic-size:auto 230px}

/* v0.6.21: action icon buttons — bold centered icons */
.user-actions .icon-button svg{margin:0!important;width:17px;height:17px;stroke-width:2.2}
/* v0.6.26: mobile hamburger drawer + fit-to-screen layout */
.menu-toggle{display:none;align-items:center;justify-content:center;width:46px;height:46px;flex:none;border-radius:14px;border:1px solid var(--edge);background:var(--surface);color:var(--ink);font-size:23px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(60,36,28,.08)}
.nav-backdrop{display:none}
@media(max-width:780px){
.menu-toggle{display:inline-flex}
.nav-backdrop{display:block;position:fixed;inset:0;background:rgba(28,14,6,.48);z-index:190;opacity:0;pointer-events:none;transition:opacity .28s ease}
body.nav-open .nav-backdrop{opacity:1;pointer-events:auto}
.side{position:fixed!important;top:0;left:0;bottom:0;width:276px;max-width:84vw;height:auto;max-height:none;z-index:200;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;padding:22px 16px;gap:8px;border-radius:0 24px 24px 0;transform:translateX(-108%);transition:transform .3s ease;box-shadow:0 24px 60px rgba(20,8,2,.35)}
body.nav-open .side{transform:none}
.side .brand{font-size:23px;margin:0 7px 2px;flex:none}
.side .small{display:block;flex:none}
.side .bottom{display:block;margin-top:auto;flex:none}
.side button{width:100%;flex:none;text-align:left;padding:12px 15px;font-size:14px}
.content{padding:16px 13px 30px}
.top h1{font-size:24px}
}

/* ---- v0.6.28: mobile fit, premium top bar, aligned order actions ---- */
.btn.orange{color:#fff!important}
#newSale{color:#fff!important}
.checkout-btn{justify-content:center!important;text-align:center;color:#fff!important}
.tablewrap{overflow-x:auto}
.order-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.stat-link{cursor:pointer}
.orders-jump-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--surface-soft);border:1px solid var(--edge);font-size:13px;color:var(--text)}
@media(max-width:1000px){.users-layout{grid-template-columns:minmax(0,1fr)}.users-layout>*{min-width:0}}
@media(max-width:780px){
 .side{width:min(258px,84vw)}
 .top{gap:8px 12px;margin-bottom:16px}
 .top h1{font-size:21px;letter-spacing:-.3px}
 .top .top-wordmark{font-family:Georgia,'Times New Roman',serif;font-size:19px;font-weight:700;letter-spacing:2.6px;line-height:1.05;background:linear-gradient(100deg,#4a2c17,#a35a1d 55%,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
 .top .top-wordmark small{display:block;font-family:Inter,system-ui,sans-serif;font-size:7.5px;font-weight:700;letter-spacing:3.6px;color:var(--subtext);-webkit-text-fill-color:var(--subtext);margin-top:2px}
 .top .glass.row{flex:1 1 100%;justify-content:space-between;padding:7px 9px;gap:8px}
 .grid2{grid-template-columns:minmax(0,1fr)}
 .grid2>*{min-width:0}
 .fields>*{min-width:0}
 .fields input,.fields select,.fields textarea{width:100%;min-width:0}
 .receipt-preview-card{min-width:0;overflow:hidden}
 #printAreaWrap{max-width:100%}
 .orders-table td:last-child,.orders-table th:last-child{min-width:198px}
}

/* ---- v0.6.30: centred mobile brand + dashboard shortcut button ---- */
.dash-fab{display:none}
@media(max-width:780px){
 .top{flex-direction:column;align-items:center;position:relative}
 .top .menu-toggle{position:absolute;left:0;top:0}
 .top .page-heading{flex-direction:column;align-items:center;text-align:center;gap:3px}
 .top .top-wordmark{text-align:center}
 .top h1{text-align:center}
 .top .glass.row{flex:none;align-self:stretch}
 .dash-fab{display:grid;place-items:center;position:fixed;right:16px;bottom:20px;width:54px;height:54px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent),#fff 25%);background:linear-gradient(150deg,var(--accent),color-mix(in srgb,var(--accent) 68%,#000));color:#fff;box-shadow:0 14px 28px -10px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 1px #fff7;z-index:40;cursor:pointer}
 .dash-fab svg{width:24px;height:24px}
 .dash-fab:active{transform:scale(.93)}
}

/* ---- v0.6.31: nav loading state + slimmer translucent drawer ---- */
.page-loading{padding:34px 6px;color:var(--subtext);font-size:14px}
@media(max-width:780px){
 .side{width:min(232px,76vw);background:linear-gradient(160deg,color-mix(in srgb,var(--nav) 88%,transparent),color-mix(in srgb,var(--nav) 80%,var(--accent)))!important;backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25)}
 :root[data-theme=sky] .side{background:linear-gradient(165deg,rgba(181,223,251,.93),rgba(111,189,243,.9))!important}
}

/* Phase 2: Light / Dark mode. Applied via data-mode on <html>, set
   before paint by the inline script in index.html and toggled from
   the top bar. It overrides surfaces, text and navigation, but leaves
   the colour theme's accent intact, so Orange, Navy and Sky all get a
   dark mode that works identically on APK, Mac and Windows. */
:root[data-mode="dark"]{color-scheme:dark;--canvas:#16130f;--surface:#221e19;--surface-glass:#221e19e8;--surface-soft:#2e2822;--text:#f3ead9;--subtext:#c4b3a0;--edge:#4d4237;--field-edge:#6e5c49;--nav:#1a1512;--nav-text:#ffeadd;--nav-selected:#FF6115;--food-surface:#2e2822;--glass-glow:#ff611540;--table-head:#2e2822;--cream:#16130f;--muted:#c4b3a0;--line:#4d4237;--charcoal:#f3ead9;--clay:#221e19;--shadow:0 8px 25px #0006}