/* MirronCoffee glass dashboard: warm charcoal shell, translucent rails and bright data cards. */
:root{--glass-ink:#f8f7f5;--glass-muted:#c4bdba;--glass-orange:#ff6a24;--glass-green:#46c58b;--glass-surface:rgba(255,255,255,.94);--glass-border:rgba(255,255,255,.13)}
.shell.dashboard-mode{grid-template-columns:78px minmax(0,1fr) 304px;gap:0;min-height:100vh;padding:16px;align-items:stretch}
.shell.dashboard-mode>aside:not(.dashboard-rail){width:auto;min-width:0;position:sticky;top:16px;height:calc(100vh - 32px);min-height:520px;align-self:start;padding:13px 9px;border:1px solid var(--glass-border);border-radius:25px;background:rgba(38,35,36,.78);color:var(--glass-ink);box-shadow:0 18px 60px rgba(0,0,0,.28);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);z-index:4}
.shell.dashboard-mode .brand{justify-content:center;padding:3px 0 18px}.shell.dashboard-mode .brand>div{display:none}.shell.dashboard-mode .brand .mark{width:43px;height:43px;border-radius:15px;background:linear-gradient(145deg,#ff8a45,#e9571b);box-shadow:0 8px 20px rgba(255,106,36,.32)}
.shell.dashboard-mode nav{display:grid;gap:8px;align-content:start;overflow:auto;scrollbar-width:none}.shell.dashboard-mode nav::-webkit-scrollbar{display:none}.shell.dashboard-mode nav button{width:48px;height:48px;min-height:48px;padding:0;margin:auto;display:grid;place-items:center;border:1px solid transparent;border-radius:15px;background:transparent;color:#c9c1be;transition:background .18s ease,color .18s ease,transform .18s ease}.shell.dashboard-mode nav button i{font-style:normal;font-size:20px;line-height:1}.shell.dashboard-mode nav button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell.dashboard-mode nav button:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateY(-1px)}.shell.dashboard-mode nav button.active{background:linear-gradient(145deg,#ff7b31,#f45e1d);color:#fff;box-shadow:0 8px 20px rgba(255,100,31,.28)}.shell.dashboard-mode nav button:focus-visible{outline:2px solid #ffb27d;outline-offset:2px}
.shell.dashboard-mode .aside-foot{grid-template-columns:10px 1fr;padding:8px 2px;color:#d1c9c5;font-size:10px}.shell.dashboard-mode .aside-foot button{grid-column:1/-1;border-color:var(--glass-border);border-radius:12px;background:rgba(255,255,255,.04);color:#eee}
.shell.dashboard-mode>main{grid-column:2;min-width:0;width:auto;max-width:none;padding:25px clamp(20px,2.2vw,36px) 36px;margin:0 14px;border:1px solid var(--glass-border);border-radius:30px;background:rgba(44,40,41,.77);box-shadow:0 22px 70px rgba(0,0,0,.3);backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25);color:var(--glass-ink)}
.shell.dashboard-mode main>header.dashboard-topbar{display:grid;grid-template-columns:minmax(150px,1fr) minmax(170px,300px) auto;align-items:center;gap:16px;margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.dashboard-topbar .overline{color:#d1aaa0;font-size:10px;letter-spacing:.16em}.dashboard-topbar h1{margin:0;color:#fff;font-size:clamp(25px,2.1vw,34px);letter-spacing:-.035em}.greeting-subtitle{margin:3px 0 0;color:#c5bdbc;font-size:13px}.dashboard-search{height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(13,14,17,.64);color:#c8c5c4}.dashboard-search>span:first-child{font-size:21px}.dashboard-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:12px!important}.dashboard-search input::placeholder{color:#aaa3a2}.dashboard-search kbd{padding:1px 6px;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#c4bdba;font:11px ui-monospace,monospace}.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}
.shell.dashboard-mode .period{gap:6px}.shell.dashboard-mode .period label{color:#c7bfbc}.shell.dashboard-mode .period input{min-width:112px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(13,14,17,.58);color:#fff;color-scheme:dark}.shell.dashboard-mode .period button{min-height:40px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:12px}.shell.dashboard-mode .period button.primary{border-color:#f26424;background:#f26424;color:#fff}
.shell.dashboard-mode main:has(#dashboard.active) #dashboard{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.shell.dashboard-mode #dashboard .daily-summary{display:contents}.shell.dashboard-mode #dashboard .daily-summary>.card-head{order:0;align-items:end;margin:0;padding:0 2px}.shell.dashboard-mode #dashboard .daily-summary>.card-head .overline{color:#d9aaa0}.shell.dashboard-mode #dashboard .daily-summary>.card-head h2{color:#fff;margin:0;font-size:20px}.shell.dashboard-mode #dashboard .daily-summary>.card-head p:not(.overline){color:#c3bcba;font-size:12px}.shell.dashboard-mode #dashboard .daily-summary>.card-head button{border-color:rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.08);color:#fff}
.shell.dashboard-mode #dailySummaryMetrics{order:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:0}.shell.dashboard-mode #dailySummaryMetrics .metric{min-height:105px;padding:15px 16px;border:1px solid rgba(255,255,255,.86);border-radius:18px;background:var(--glass-surface);box-shadow:0 8px 24px rgba(0,0,0,.12)}.shell.dashboard-mode #dailySummaryMetrics .metric span{font-size:11px;font-weight:750;color:#393536}.shell.dashboard-mode #dailySummaryMetrics .metric strong{margin:12px 0 1px;color:#bd5528;font-size:clamp(18px,1.45vw,23px);letter-spacing:-.035em}.shell.dashboard-mode #dailySummaryMetrics .metric small{font-size:10px;color:#817b7a}
.shell.dashboard-mode #dashboard>.dashboard-primary{order:2;grid-template-columns:minmax(0,1.65fr) minmax(220px,.95fr);gap:14px;margin:0}.shell.dashboard-mode #dashboard>.dashboard-primary>.card,.shell.dashboard-mode #dashboard>.dashboard-secondary>.card,.shell.dashboard-mode #dashboard>.insight-grid>.card,.shell.dashboard-mode #dashboard>.daily-summary-grid>section,.shell.dashboard-mode #dashboard>.card:not(.daily-summary){border:1px solid rgba(255,255,255,.72);border-radius:20px;background:var(--glass-surface);box-shadow:0 12px 30px rgba(0,0,0,.14);color:#242122}.shell.dashboard-mode #dashboard .card h2,.shell.dashboard-mode #dashboard .card h3{color:#262324}.shell.dashboard-mode #dashboard .card .overline{color:#817b7a}.shell.dashboard-mode #dashboard .card p,.shell.dashboard-mode #dashboard .card .muted{color:#777071}.shell.dashboard-mode #dashboard .dashboard-primary .card{min-height:260px}.shell.dashboard-mode #dashboard .dashboard-primary .card.dark{background:rgba(20,20,22,.72);border-color:rgba(255,255,255,.14);color:#fff}.shell.dashboard-mode #dashboard .dashboard-primary .card.dark h2{color:#fff}.shell.dashboard-mode #dashboard .dashboard-primary .card.dark .overline{color:#d7aaa0}.shell.dashboard-mode #dashboard .chart{height:215px}.shell.dashboard-mode #dashboard .chart .bar-group i{background:#db7446}.shell.dashboard-mode #dashboard .chart .bar-group i.expense{background:#263c59}.shell.dashboard-mode #dashboard .chart-legend{color:#767071}
.shell.dashboard-mode #dashboard>.daily-summary-grid{order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0}.shell.dashboard-mode #dashboard>.daily-summary-grid>section{min-width:0;padding:17px 18px}.shell.dashboard-mode #dashboard>.daily-summary-grid h3{font-size:16px}.shell.dashboard-mode #dashboard>.daily-summary-grid .daily-line{border-color:#ebe6e3}.shell.dashboard-mode #dashboard>.daily-summary-grid .daily-attention-link,.shell.dashboard-mode #dashboard>.daily-summary-grid .daily-issue{border-radius:13px}
.shell.dashboard-mode #dashboard>.daily-plan{order:4}.shell.dashboard-mode #dashboard>.order-requests-panel{order:5}.shell.dashboard-mode #dashboard>.owner-overview{order:6}.shell.dashboard-mode #dashboard>.dashboard-secondary{order:7}.shell.dashboard-mode #dashboard>.insight-grid{order:8}.shell.dashboard-mode #dashboard>.management-insight{order:9}.shell.dashboard-mode #dashboard>#dataQuality{order:10}.shell.dashboard-mode #dashboard>#metrics{order:11;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.shell.dashboard-mode #dashboard>#metrics .metric{border-radius:16px;background:rgba(255,255,255,.9)}
.shell.dashboard-mode #dashboard>.daily-plan,.shell.dashboard-mode #dashboard>.order-requests-panel,.shell.dashboard-mode #dashboard>.owner-overview,.shell.dashboard-mode #dashboard>.dashboard-secondary,.shell.dashboard-mode #dashboard>.insight-grid,.shell.dashboard-mode #dashboard>.management-insight,.shell.dashboard-mode #dashboard>#dataQuality{margin:0}.shell.dashboard-mode #dashboard>.daily-plan,.shell.dashboard-mode #dashboard>.order-requests-panel,.shell.dashboard-mode #dashboard>.owner-overview,.shell.dashboard-mode #dashboard>.dashboard-secondary,.shell.dashboard-mode #dashboard>.insight-grid,.shell.dashboard-mode #dashboard>.management-insight,.shell.dashboard-mode #dashboard>#dataQuality{color:#272324}.shell.dashboard-mode .daily-line b{color:#302d2d}
.dashboard-rail{display:none}.shell.dashboard-mode>.dashboard-rail{grid-column:3;grid-row:1;position:sticky;top:16px;display:flex;flex-direction:column;gap:13px;height:calc(100vh - 32px);min-height:620px;overflow:auto;padding:0 0 4px 0;background:transparent;color:#fff;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.glass-panel{border:1px solid var(--glass-border);border-radius:22px;background:rgba(42,38,39,.78);box-shadow:0 16px 40px rgba(0,0,0,.22);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2)}.rail-profile{display:flex;align-items:center;gap:10px;padding:13px 14px}.rail-avatar{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:linear-gradient(145deg,#ff955d,#e65318);font-size:12px;font-weight:900;box-shadow:0 6px 18px rgba(255,106,36,.25)}.rail-profile b,.rail-profile small{display:block}.rail-profile b{font-size:13px}.rail-profile small{margin-top:2px;color:#c1b9b7;font-size:10px}.rail-more{margin-left:auto;color:#d5cfcd;letter-spacing:2px;font-size:11px}
.rail-calendar,.rail-activity,.rail-upcoming{padding:17px}.rail-calendar-heading,.rail-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.rail-calendar .overline,.rail-section-heading .overline{margin:0 0 4px;color:#d4a59a;font-size:9px}.rail-calendar h2,.rail-section-heading h2{margin:0;color:#fff;font-size:17px;line-height:1.2}.rail-today-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f16829;color:#fff;font-weight:850;font-size:13px}.rail-date-label{margin:8px 0 14px;color:#c9c1bf;font-size:11px;text-transform:capitalize}.rail-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.rail-weekday{padding:3px 0;color:#aaa2a1;font-size:9px}.rail-day{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;font-size:10px;color:#ece8e7}.rail-day.weekend{color:#bdb3b1}.rail-day.active{background:#f16829;color:white;font-weight:850;box-shadow:0 4px 12px rgba(241,104,41,.35)}.rail-day.blank{visibility:hidden}.rail-live{display:flex;align-items:center;gap:5px;color:#c4bdbc;font-size:9px;letter-spacing:.1em}.rail-live i,.rail-status-dot{width:7px;height:7px;border-radius:50%;background:#52d59b;box-shadow:0 0 10px #52d59b}.rail-attention-list{display:grid;gap:6px;margin-top:13px}.rail-attention-item{display:grid;grid-template-columns:30px minmax(0,1fr) 12px;align-items:center;gap:9px;width:100%;min-height:58px;padding:7px 5px;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;color:#fff;text-align:left}.rail-attention-item:hover{background:rgba(255,255,255,.055)}.rail-attention-item>span:nth-child(2){min-width:0}.rail-attention-item b,.rail-attention-item small{display:block}.rail-attention-item b{font-size:11px;line-height:1.25}.rail-attention-item small{margin-top:3px;overflow:hidden;color:#bfb7b5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.rail-attention-item>i{color:#aaa;font-style:normal}.rail-attention-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;font-size:13px;font-weight:900}.rail-attention-icon.amber{background:rgba(235,177,74,.17);color:#ffca70}.rail-attention-icon.orange{background:rgba(255,106,36,.17);color:#ff8c53}.rail-attention-icon.red{background:rgba(235,85,79,.17);color:#ff8078}.rail-attention-icon.green{background:rgba(70,197,139,.17);color:#65dba6}.rail-all-clear{display:grid;grid-template-columns:30px 1fr;column-gap:9px;align-items:center;margin-top:12px;padding:11px;border-radius:13px;background:rgba(70,197,139,.1)}.rail-all-clear>span{grid-row:span 2;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(70,197,139,.2);color:#64d99f}.rail-all-clear b{font-size:11px}.rail-all-clear small{color:#bfb7b5;font-size:9px}.rail-link{min-height:34px;padding:5px 8px;border:0;background:transparent;color:#f89a6b;font-size:10px}.rail-obligations{display:grid;gap:4px;margin-top:11px}.rail-obligation{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}.rail-obligation-date{display:grid;place-items:center;min-height:32px;border-radius:10px;background:rgba(255,255,255,.08);color:#f0a17b;font-size:9px;font-weight:800}.rail-obligation-name{min-width:0}.rail-obligation-name b,.rail-obligation-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-obligation-name b{font-size:10px}.rail-obligation-name small{margin-top:2px;color:#b9b0ae;font-size:9px}.rail-obligation strong{font-size:10px;white-space:nowrap}.rail-muted{margin:12px 0;color:#bfb7b5;font-size:11px}.rail-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding:9px 5px;color:#c7bfbd;font-size:9px}.rail-footer button{width:28px;height:28px;min-height:28px;margin-left:auto;padding:0;border:1px solid var(--glass-border);border-radius:10px;background:rgba(255,255,255,.06);color:white}
@media(max-width:1380px){.shell.dashboard-mode{grid-template-columns:72px minmax(0,1fr) 276px;gap:0;padding:12px}.shell.dashboard-mode>main{margin-inline:10px;padding-inline:20px}.shell.dashboard-mode main>header.dashboard-topbar{grid-template-columns:minmax(120px,1fr) minmax(150px,230px) auto;gap:10px}.shell.dashboard-mode .period label:nth-child(1),.shell.dashboard-mode .period label:nth-child(2){font-size:9px}.shell.dashboard-mode .period input{min-width:96px}.shell.dashboard-mode #dailySummaryMetrics .metric{padding:13px}}
@media(max-width:1120px){.shell.dashboard-mode{grid-template-columns:72px minmax(0,1fr)}.shell.dashboard-mode>.dashboard-rail{display:none}.shell.dashboard-mode>main{margin-right:0}.shell.dashboard-mode main>header.dashboard-topbar{grid-template-columns:minmax(150px,1fr) minmax(160px,260px)}.shell.dashboard-mode .dashboard-topbar .period{grid-column:1/-1;justify-content:flex-end}.shell.dashboard-mode #dailySummaryMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}.shell.dashboard-mode #dashboard>.daily-summary-grid{grid-template-columns:1fr 1fr}.shell.dashboard-mode #dashboard>.daily-summary-grid>section:last-child{grid-column:1/-1}}
@media(max-width:780px){.shell.dashboard-mode{display:block;padding:0;min-height:100dvh}.shell.dashboard-mode>aside:not(.dashboard-rail){position:fixed;left:10px;right:10px;top:auto;bottom:0;width:auto;height:calc(66px + env(safe-area-inset-bottom));min-height:0;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.16);border-radius:21px 21px 0 0;background:rgba(34,31,32,.92);box-shadow:0 -8px 35px rgba(0,0,0,.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.shell.dashboard-mode .brand,.shell.dashboard-mode .aside-foot{display:none}.shell.dashboard-mode nav{display:flex;justify-content:flex-start;gap:5px;height:52px;overflow-x:auto}.shell.dashboard-mode nav button{flex:0 0 46px;width:46px;height:46px;min-height:46px}.shell.dashboard-mode>main{width:auto;max-width:none;margin:0;padding:16px 12px calc(86px + env(safe-area-inset-bottom));border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.shell.dashboard-mode main>header.dashboard-topbar{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:0 0 15px;padding:0 2px 14px}.dashboard-topbar .overline{font-size:9px}.dashboard-topbar h1{font-size:25px}.greeting-subtitle{font-size:11px}.dashboard-search{grid-column:1/-1;grid-row:2;height:44px;max-width:none}.shell.dashboard-mode .period{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}.shell.dashboard-mode .period label{font-size:10px!important}.shell.dashboard-mode .period input{min-width:0;width:100%;min-height:40px}.shell.dashboard-mode .period button{min-height:42px}.shell.dashboard-mode #dashboard{gap:12px!important}.shell.dashboard-mode #dashboard .daily-summary>.card-head{align-items:center}.shell.dashboard-mode #dashboard .daily-summary>.card-head h2{font-size:18px}.shell.dashboard-mode #dailySummaryMetrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shell.dashboard-mode #dailySummaryMetrics .metric{min-height:91px;padding:12px;border-radius:16px}.shell.dashboard-mode #dailySummaryMetrics .metric:last-child{grid-column:1/-1}.shell.dashboard-mode #dailySummaryMetrics .metric strong{margin:9px 0 1px;font-size:19px}.shell.dashboard-mode #dashboard>.dashboard-primary{grid-template-columns:1fr;gap:10px}.shell.dashboard-mode #dashboard .dashboard-primary .card{min-height:0;padding:16px 14px}.shell.dashboard-mode #dashboard .chart{height:190px}.shell.dashboard-mode #dashboard>.daily-summary-grid{grid-template-columns:1fr;gap:10px}.shell.dashboard-mode #dashboard>.daily-summary-grid>section:last-child{grid-column:auto}.shell.dashboard-mode #dashboard>.daily-summary-grid>section{padding:15px 14px}.shell.dashboard-mode #dashboard>#metrics{grid-template-columns:1fr 1fr}.shell.dashboard-mode #dashboard>#metrics .metric{padding:12px}.shell.dashboard-mode #dashboard>#metrics .metric strong{font-size:17px}.shell.dashboard-mode #dashboard>.owner-overview,.shell.dashboard-mode #dashboard>.dashboard-secondary,.shell.dashboard-mode #dashboard>.insight-grid{grid-template-columns:1fr}.shell.dashboard-mode .card{border-radius:18px!important}.shell.dashboard-mode .dashboard-rail{display:none}}
@media(max-width:390px){.shell.dashboard-mode>main{padding-left:9px;padding-right:9px}.shell.dashboard-mode .dashboard-topbar h1{font-size:23px}.shell.dashboard-mode #dailySummaryMetrics .metric strong{font-size:17px}.shell.dashboard-mode nav{gap:2px}.shell.dashboard-mode nav button{flex-basis:43px;width:43px}}
@media(prefers-reduced-motion:reduce){.shell.dashboard-mode nav button{transition:none}}

/* Unified glass workspace across every management section. */
html:has(.shell){min-height:100%;background:#171719}body:has(.shell){min-height:100%;overflow-x:hidden;background:transparent}.shell{position:relative;z-index:1}.login{position:relative;z-index:1}
body:has(.shell)::before{content:"";position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 12% 10%,rgba(187,91,40,.32),transparent 37%),radial-gradient(ellipse at 82% 74%,rgba(44,76,84,.3),transparent 42%),linear-gradient(135deg,#171719 0%,#252122 48%,#17191c 100%)}
body:has(.shell)::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(100deg,rgba(17,17,18,.18),transparent 45%,rgba(17,17,18,.1));backdrop-filter:saturate(.9)}
.shell:not(.dashboard-mode){display:grid;grid-template-columns:78px minmax(0,1fr);gap:0;align-items:stretch;min-height:100vh;padding:16px}
.shell:not(.dashboard-mode)>aside:not(.dashboard-rail){width:auto;min-width:0;position:sticky;top:16px;grid-column:1;grid-row:1;height:calc(100vh - 32px);min-height:520px;align-self:start;z-index:4;padding:13px 9px;border:1px solid var(--glass-border);border-radius:25px;background:rgba(38,35,36,.78);color:var(--glass-ink);box-shadow:0 18px 60px rgba(0,0,0,.28);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}
.shell:not(.dashboard-mode) .brand{justify-content:center;padding:3px 0 18px}.shell:not(.dashboard-mode) .brand>div{display:none}.shell:not(.dashboard-mode) .brand .mark{width:43px;height:43px;border-radius:15px;background:linear-gradient(145deg,#ff8a45,#e9571b);box-shadow:0 8px 20px rgba(255,106,36,.32)}
.shell:not(.dashboard-mode) nav{display:grid;gap:8px;align-content:start;overflow:auto;scrollbar-width:none}.shell:not(.dashboard-mode) nav::-webkit-scrollbar{display:none}.shell:not(.dashboard-mode) nav button{position:relative;width:48px;height:48px;min-height:48px;margin:auto;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:15px;background:transparent;color:#c9c1be;transition:background .18s ease,color .18s ease}.shell:not(.dashboard-mode) nav button i{font-style:normal;font-size:20px;line-height:1}.shell:not(.dashboard-mode) nav button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.shell:not(.dashboard-mode) nav button:hover{background:rgba(255,255,255,.09);color:#fff}.shell:not(.dashboard-mode) nav button.active{background:linear-gradient(145deg,#ff7b31,#f45e1d);color:#fff;box-shadow:0 8px 20px rgba(255,100,31,.28)}.shell:not(.dashboard-mode) nav button:focus-visible{outline:2px solid #ffb27d;outline-offset:2px}
.shell:not(.dashboard-mode) .aside-foot{grid-template-columns:10px 1fr;padding:8px 2px;color:#d1c9c5;font-size:10px}.shell:not(.dashboard-mode) .aside-foot button{grid-column:1/-1;border-color:var(--glass-border);border-radius:12px;background:rgba(255,255,255,.04);color:#eee}
.shell:not(.dashboard-mode)>main{grid-column:2;grid-row:1;min-width:0;width:auto;max-width:none;margin:0 0 0 14px;padding:25px clamp(18px,2.2vw,36px) 36px;border:1px solid var(--glass-border);border-radius:30px;background:rgba(44,40,41,.77);box-shadow:0 22px 70px rgba(0,0,0,.3);backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25);color:var(--glass-ink)}
.shell:not(.dashboard-mode) main>header.dashboard-topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,300px);align-items:center;gap:16px;margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.shell:not(.dashboard-mode) .period{display:none!important}.shell:not(.dashboard-mode) .greeting-subtitle{min-height:1.2em}
.shell:not(.dashboard-mode) .page .card,.shell:not(.dashboard-mode) .page .metrics>.metric,.shell:not(.dashboard-mode) .page .daily-summary-grid>section{min-width:0;border:1px solid rgba(255,255,255,.78);border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 12px 30px rgba(0,0,0,.14);color:#242122;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.shell:not(.dashboard-mode) .page .card h2,.shell:not(.dashboard-mode) .page .card h3,.shell:not(.dashboard-mode) .page .card strong{color:#262324}.shell:not(.dashboard-mode) .page .card p,.shell:not(.dashboard-mode) .page .card .muted,.shell:not(.dashboard-mode) .page .card label{color:#686263}.shell:not(.dashboard-mode) .page .card input,.shell:not(.dashboard-mode) .page .card select,.shell:not(.dashboard-mode) .page .card textarea{max-width:100%;min-width:0;border:1px solid #d9dfe5;border-radius:12px;background:#fff;color:#202a35;color-scheme:light}.shell:not(.dashboard-mode) .page .card button:not(.primary),.shell:not(.dashboard-mode) .page .card a:not(.primary){border-radius:12px}.shell:not(.dashboard-mode) .page .card .card-head{gap:12px;flex-wrap:wrap}.shell:not(.dashboard-mode) .page .table-wrap{max-width:100%;overflow-x:auto}
.shell:not(.dashboard-mode)>.dashboard-rail{display:none!important}.shell.dashboard-mode>.dashboard-rail{display:flex}
.mobile-more{display:none!important}
.mobile-nav-dialog{width:min(92vw,430px);max-height:min(78dvh,680px);margin:auto;padding:20px;border:1px solid rgba(255,255,255,.17);border-radius:25px;background:rgba(37,34,35,.96);color:#fff;box-shadow:0 25px 90px rgba(0,0,0,.55);backdrop-filter:blur(28px) saturate(1.25);-webkit-backdrop-filter:blur(28px) saturate(1.25)}.mobile-nav-dialog::backdrop{background:rgba(8,10,13,.58);backdrop-filter:blur(5px)}.mobile-nav-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.mobile-nav-dialog-head .overline{margin:0 0 4px;color:#d4a59a;font-size:10px;letter-spacing:.14em}.mobile-nav-dialog-head h2{margin:0;color:#fff;font-size:22px}.mobile-nav-dialog-head>button{width:44px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.07);color:#fff;font-size:26px}.mobile-nav-items{display:grid;gap:7px;max-height:calc(min(78dvh,680px) - 105px);overflow:auto}.mobile-nav-items button{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:11px;width:100%;min-height:54px;padding:7px 12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.055);color:#f8f7f5;text-align:left}.mobile-nav-items button i{font-style:normal;text-align:center;color:#ff925c;font-size:19px}.mobile-nav-items button span{font-size:14px;font-weight:650}.mobile-nav-items button b{color:#aaa;font-size:21px}
@media(max-width:1120px){.shell.dashboard-mode>.dashboard-rail{display:none!important}.shell:not(.dashboard-mode){grid-template-columns:72px minmax(0,1fr);padding:12px}.shell:not(.dashboard-mode)>main{margin-left:10px;padding-inline:20px}}
@media(max-width:780px){
  .shell:not(.dashboard-mode){display:block;padding:0;min-height:100dvh}
  .shell:not(.dashboard-mode)>aside:not(.dashboard-rail){position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;height:calc(72px + env(safe-area-inset-bottom));min-height:0;padding:7px 6px calc(7px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.17);border-bottom:0;border-radius:21px 21px 0 0;background:rgba(34,31,32,.94);box-shadow:0 -8px 35px rgba(0,0,0,.3);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}
  .shell:not(.dashboard-mode) .brand,.shell:not(.dashboard-mode) .aside-foot{display:none!important}
  .shell:not(.dashboard-mode) nav{display:flex;justify-content:space-between;align-items:stretch;gap:2px;height:56px;overflow:visible}
  .shell.dashboard-mode nav{display:flex;justify-content:space-between;align-items:stretch;gap:2px;height:56px;overflow:visible}
  .shell:not(.dashboard-mode) nav button,.shell.dashboard-mode nav button{position:relative;flex:1 1 0;width:auto;max-width:68px;height:54px;min-width:0;min-height:52px;margin:0 auto;padding:4px 1px 3px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border-radius:14px}
  .shell:not(.dashboard-mode) nav button i,.shell.dashboard-mode nav button i{font-size:19px}
  .shell:not(.dashboard-mode) nav button span,.shell.dashboard-mode nav button span{position:static;width:auto;height:auto;margin:0;overflow:hidden;clip:auto;font-size:9px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
  .shell:not(.dashboard-mode) nav button[data-page="schedule"],.shell:not(.dashboard-mode) nav button[data-page="employees"],.shell:not(.dashboard-mode) nav button[data-page="payments"],.shell:not(.dashboard-mode) nav button[data-page="operations"],.shell:not(.dashboard-mode) nav button[data-page="reconciliation"],.shell:not(.dashboard-mode) nav button[data-page="sabyControl"],.shell:not(.dashboard-mode) nav button[data-page="reports"],.shell:not(.dashboard-mode) nav button[data-page="sync"],.shell:not(.dashboard-mode) nav button[data-page="settings"],.shell.dashboard-mode nav button[data-page="schedule"],.shell.dashboard-mode nav button[data-page="employees"],.shell.dashboard-mode nav button[data-page="payments"],.shell.dashboard-mode nav button[data-page="operations"],.shell.dashboard-mode nav button[data-page="reconciliation"],.shell.dashboard-mode nav button[data-page="sabyControl"],.shell.dashboard-mode nav button[data-page="reports"],.shell.dashboard-mode nav button[data-page="sync"],.shell.dashboard-mode nav button[data-page="settings"]{display:none!important}
  .shell:not(.dashboard-mode) nav button[data-page="dashboard"],.shell:not(.dashboard-mode) nav button[data-page="sales"],.shell:not(.dashboard-mode) nav button[data-page="expenses"],.shell:not(.dashboard-mode) nav button[data-page="inventory"],.shell:not(.dashboard-mode) nav button[data-page="shiftClosing"],.shell:not(.dashboard-mode) nav #mobileMore,.shell.dashboard-mode nav button[data-page="dashboard"],.shell.dashboard-mode nav button[data-page="sales"],.shell.dashboard-mode nav button[data-page="expenses"],.shell.dashboard-mode nav button[data-page="inventory"],.shell.dashboard-mode nav button[data-page="shiftClosing"],.shell.dashboard-mode nav #mobileMore{display:flex!important}
  .shell:not(.dashboard-mode) nav #mobileMore,.shell.dashboard-mode nav #mobileMore{border:1px solid transparent;background:transparent;color:#c9c1be}.shell:not(.dashboard-mode) nav #mobileMore i{font-size:14px;letter-spacing:1px}.shell:not(.dashboard-mode) nav #mobileMore span{font-size:9px}
  .shell:not(.dashboard-mode)>main{width:auto;max-width:none;margin:0;padding:16px 12px calc(94px + env(safe-area-inset-bottom));border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .shell:not(.dashboard-mode) main>header.dashboard-topbar{grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:14px;padding:0 2px 12px}.shell:not(.dashboard-mode) .dashboard-topbar .overline{font-size:9px}.shell:not(.dashboard-mode) .dashboard-topbar h1{font-size:25px}.shell:not(.dashboard-mode) .greeting-subtitle{font-size:12px}.shell:not(.dashboard-mode) .dashboard-search{grid-column:1;height:46px}
  .shell:not(.dashboard-mode) .page,.shell:not(.dashboard-mode) .page .cols{min-width:0;max-width:100%}.shell:not(.dashboard-mode) .page .cols{grid-template-columns:minmax(0,1fr)}.shell:not(.dashboard-mode) .page .card{padding:16px 14px;border-radius:18px}.shell:not(.dashboard-mode) .page .actions{flex-wrap:wrap}.shell:not(.dashboard-mode) .page .actions>*{max-width:100%}.shell:not(.dashboard-mode) .page input,.shell:not(.dashboard-mode) .page select,.shell:not(.dashboard-mode) .page textarea{max-width:100%}
  .shell.dashboard-mode>.dashboard-rail,.shell:not(.dashboard-mode)>.dashboard-rail{display:none!important}
}
@media(max-width:360px){.shell:not(.dashboard-mode)>main{padding-left:9px;padding-right:9px}.shell:not(.dashboard-mode) nav button span{font-size:8px}.shell:not(.dashboard-mode) .page .card{padding:14px 12px}}
@media(prefers-reduced-motion:reduce){.shell:not(.dashboard-mode) nav button{transition:none}}

/* Clear, reachable review actions for the older photo-close reports. */
.legacy-shift-reports .close-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 2px;padding:12px;border:1px solid #e3e7eb;border-radius:16px;background:#f7f8fa}
.legacy-shift-reports .close-review button{min-height:48px;padding:10px 14px;border-radius:13px;font-weight:750}
.close-review-status{min-height:0;margin:4px 0 8px;color:#a63e35;font-size:13px}.close-review-status:empty{display:none}.close-report .review-note{padding:11px 13px;border-radius:12px;background:#fff4d9;color:#704b13}
@media(max-width:780px){.legacy-shift-reports .close-review{grid-template-columns:1fr;padding:10px}.legacy-shift-reports .close-review button{width:100%;min-height:50px}}

/* Graphite glass refresh: faceted backdrop and dark, translucent admin surfaces. */
:root{
  --glass-ink:#f1f6f7;
  --glass-muted:#aab8bd;
  --glass-border:rgba(225,245,248,.18);
  --glass-surface:rgba(21,29,34,.72);
  --glass-cyan:#54d8e8;
  --glass-green:#6ee0a2;
  --glass-orange:#ff916c;
}
html:has(.shell),body:has(.shell){background:#11171b}
body:has(.shell)::before{
  background:linear-gradient(120deg,rgba(9,14,18,.42),rgba(12,20,24,.12) 48%,rgba(9,14,18,.48)),
    url("./graphite-facets.svg") center / cover fixed,
    radial-gradient(ellipse at 18% 12%,#26363e,transparent 44%),linear-gradient(135deg,#101519,#1a242a 52%,#11171b);
}
body:has(.shell)::after{background:linear-gradient(90deg,rgba(6,11,14,.2),transparent 45%,rgba(6,11,14,.18));backdrop-filter:saturate(.82)}
.shell.dashboard-mode>aside:not(.dashboard-rail),.shell:not(.dashboard-mode)>aside:not(.dashboard-rail){background:rgba(15,22,27,.72);border-color:rgba(223,245,250,.17);box-shadow:0 20px 62px rgba(0,0,0,.35)}
.shell.dashboard-mode>main,.shell:not(.dashboard-mode)>main{background:rgba(18,26,31,.67);border-color:rgba(223,245,250,.18);box-shadow:0 24px 76px rgba(0,0,0,.35)}
.shell .dashboard-topbar .overline,.shell .dashboard-topbar h1,.shell .greeting-subtitle{color:#f1f6f7}
.shell .dashboard-topbar .overline{color:#85dce4}
.shell .dashboard-search,.shell .period input{background:rgba(8,14,18,.55);border-color:rgba(223,245,250,.2);color:#f4fbfc}
.shell .period label{color:#c2cfd3}
.shell .period button,.shell .daily-summary>.card-head button{background:rgba(223,245,250,.08);border-color:rgba(223,245,250,.2);color:#eff8f9}
.shell .period button.primary,.shell .primary{background:linear-gradient(135deg,#1e9eaa,#147d88);border-color:#45cbd6;color:#f5ffff}
.shell:not(.dashboard-mode) .page .card,.shell:not(.dashboard-mode) .page .metrics>.metric,.shell:not(.dashboard-mode) .page .daily-summary-grid>section,
.shell.dashboard-mode #dashboard>.dashboard-primary>.card,.shell.dashboard-mode #dashboard>.dashboard-secondary>.card,
.shell.dashboard-mode #dashboard>.insight-grid>.card,.shell.dashboard-mode #dashboard>.daily-summary-grid>section,
.shell.dashboard-mode #dashboard>.card:not(.daily-summary),.shell.dashboard-mode #dashboard>#metrics .metric,
.shell.dashboard-mode #dailySummaryMetrics .metric{
  background:rgba(20,29,34,.72);border:1px solid rgba(225,245,248,.2);color:#eef5f6;
  box-shadow:0 14px 34px rgba(0,0,0,.2);backdrop-filter:blur(18px) saturate(1.14);-webkit-backdrop-filter:blur(18px) saturate(1.14)
}
.shell:not(.dashboard-mode) .page .card h2,.shell:not(.dashboard-mode) .page .card h3,.shell:not(.dashboard-mode) .page .card strong,
.shell.dashboard-mode #dashboard .card h2,.shell.dashboard-mode #dashboard .card h3{color:#f2f7f8}
.shell:not(.dashboard-mode) .page .card p,.shell:not(.dashboard-mode) .page .card .muted,.shell:not(.dashboard-mode) .page .card label,
.shell.dashboard-mode #dashboard .card p,.shell.dashboard-mode #dashboard .card .muted{color:#b4c1c5}
.shell:not(.dashboard-mode) .page .card .overline,.shell.dashboard-mode #dashboard .card .overline{color:#82d5dd}
.shell:not(.dashboard-mode) .page .metrics .metric span,.shell:not(.dashboard-mode) .page .metrics .metric small{color:#b4c1c5}
.shell .page .metrics .metric strong,.shell.dashboard-mode #dailySummaryMetrics .metric strong{color:#63d5de}
.shell.dashboard-mode #dailySummaryMetrics .metric span{color:#d7e3e6}
.shell:not(.dashboard-mode) .page .card input,.shell:not(.dashboard-mode) .page .card select,.shell:not(.dashboard-mode) .page .card textarea,
.shell:not(.dashboard-mode) .page input,.shell:not(.dashboard-mode) .page select,.shell:not(.dashboard-mode) .page textarea{
  background:rgba(7,13,17,.58);border:1px solid rgba(214,239,243,.22);color:#f1f7f8;color-scheme:dark
}
.shell:not(.dashboard-mode) .page input::placeholder,.shell:not(.dashboard-mode) .page textarea::placeholder{color:#92a2a8}
.shell:not(.dashboard-mode) .page .card button:not(.primary),.shell:not(.dashboard-mode) .page .card a:not(.primary),.shell:not(.dashboard-mode) .page button:not(.primary),
.shell:not(.dashboard-mode) .page .upload{background:rgba(226,244,247,.08);border-color:rgba(226,244,247,.2);color:#edf6f7}
.shell:not(.dashboard-mode) .page .card button:hover,.shell:not(.dashboard-mode) .page button:hover{border-color:#56cbd5}
.shell:not(.dashboard-mode) .page table{color:#e9f1f3}
.shell:not(.dashboard-mode) .page th{background:rgba(21,31,36,.96);color:#a9c0c5}
.shell:not(.dashboard-mode) .page td,.shell:not(.dashboard-mode) .page th,.shell:not(.dashboard-mode) .page .ranking-row,.shell:not(.dashboard-mode) .page .month-row{border-color:rgba(221,243,246,.14)}
.shell:not(.dashboard-mode) .page tr.needs-comment,.shell:not(.dashboard-mode) .page tr.income,.shell:not(.dashboard-mode) .page tr.excluded{background:rgba(231,246,248,.045)}
.shell:not(.dashboard-mode) .page .tag{background:rgba(86,199,210,.17);color:#a8eef1}
.shell:not(.dashboard-mode) .page .tag.warn{background:rgba(240,173,84,.18);color:#ffd49a}
.shell:not(.dashboard-mode) .page .tag.bad{background:rgba(244,118,106,.18);color:#ffb1a7}
.shell:not(.dashboard-mode) .page .table-wrap{border-radius:12px}
.shell .page .schedule-day,.shell .page .schedule-entry,.shell .page .availability-chip,
.shell .page .shift-card,.shell .page .history-card,.shell .page .operation-card,.shell .page .operations-card,
.shell .page .staff-member-card,.shell .page .employee-card,.shell .page .payment-card,
.shell .page .responsive-table tr,.shell .page .close-photo,.shell .page .report{
  background:rgba(18,28,33,.72);border-color:rgba(225,245,248,.18);color:#eaf3f5
}
.shell .page .schedule-day.today,.shell .page .availability-chip.request,.shell .page .availability-chip.prefer,
.shell .page .shift-card.is-green{
  background:rgba(20,34,38,.82);border-color:rgba(102,214,177,.4)
}
.shell .page .shift-card.is-yellow{background:rgba(50,39,22,.78);border-color:rgba(240,173,84,.48);border-left-color:#efb85e}
.shell .page .shift-card.is-red{background:rgba(49,29,29,.78);border-color:rgba(244,118,106,.45);border-left-color:#ef766b}
.shell .page .schedule-day header small,.shell .page .schedule-entry small,.shell .page .availability-chip small,
.shell .page .shift-card small,.shell .page .history-card small{color:#adbdc1}
.shell .page .schedule-entry.missed{background:rgba(199,92,85,.18)}
.shell .page .schedule-entry,.shell .page .availability-chip,.shell .page .shift-card{border-radius:14px}
.shell .page .shift-detail-meta span,.shell .page .photo-missing{background:rgba(225,245,248,.07);color:#c7d5d8}
.shell .page .shift-detail-form,.shell .page .shift-detail-dialog,.shell .page .shift-action-dialog{background:rgba(17,26,31,.98);color:#eef6f7}
.shell .page .close-report summary,.shell .page .legacy-shift-reports summary{color:#e9f2f4}
.shell .page .legacy-shift-reports .close-review{background:rgba(10,17,21,.55);border-color:rgba(225,245,248,.16)}
.shell .page .close-report .review-note{background:rgba(241,174,95,.15);color:#ffdda9}
.shell .page .responsive-table td::before{color:#a8b9bd}
.shell.dashboard-mode #dashboard .dashboard-primary .card.dark{background:rgba(8,16,20,.74);border-color:rgba(225,245,248,.18);color:#f0f7f8}
.shell.dashboard-mode #dashboard .chart .bar-group i{background:#51d2df}
.shell.dashboard-mode #dashboard .chart .bar-group i.expense{background:#6ee0a2}
.shell.dashboard-mode #dashboard .chart-legend{color:#b4c1c5}
.shell.dashboard-mode #dashboard .daily-line{border-color:rgba(225,245,248,.15)}
.shell.dashboard-mode #dashboard .daily-line b{color:#f1f6f7}
.shell.dashboard-mode nav button.active,.shell:not(.dashboard-mode) nav button.active{background:linear-gradient(145deg,#e58464,#bd604e);box-shadow:0 8px 20px rgba(219,111,85,.26)}
.shell.dashboard-mode nav button:focus-visible,.shell:not(.dashboard-mode) nav button:focus-visible{outline-color:#75e1e8}
.dashboard-rail .glass-panel,.glass-panel{background:rgba(18,27,32,.74);border-color:rgba(225,245,248,.18)}
.rail-calendar .overline,.rail-section-heading .overline{color:#7ddae2}
.rail-today-badge,.rail-avatar{background:linear-gradient(145deg,#df866b,#a94f48);box-shadow:0 6px 18px rgba(219,111,85,.22)}
.mobile-nav-dialog{background:rgba(16,24,29,.97);border-color:rgba(225,245,248,.2)}
.mobile-nav-items button{background:rgba(225,245,248,.06);border-color:rgba(225,245,248,.15)}
.mobile-nav-items button i{color:#64d7df}
dialog:not(.mobile-nav-dialog){background:rgba(17,26,31,.98);border:1px solid rgba(225,245,248,.19);color:#eef6f7}
dialog:not(.mobile-nav-dialog) form{background:transparent;color:#eef6f7}
dialog:not(.mobile-nav-dialog) input,dialog:not(.mobile-nav-dialog) select,dialog:not(.mobile-nav-dialog) textarea{background:#111a1f;color:#f2f7f8;border-color:rgba(225,245,248,.22);color-scheme:dark}
dialog::backdrop{background:rgba(4,9,12,.72);backdrop-filter:blur(6px)}
.legacy-shift-reports .close-review{background:rgba(10,17,21,.55);border-color:rgba(225,245,248,.16)}
.legacy-shift-reports .close-review button{background:rgba(225,245,248,.08);border-color:rgba(225,245,248,.18);color:#eef6f7}
.close-review-status{color:#ff9e8f}.close-report .review-note{background:rgba(241,174,95,.15);color:#ffdda9}
@media(max-width:780px){
  .shell:not(.dashboard-mode)>aside:not(.dashboard-rail){background:rgba(15,22,27,.94)}
  .shell:not(.dashboard-mode)>main{background:transparent}
  .shell .page .table-wrap{overflow-x:auto}
}

/* Refined neutral graphite: let the fractured backdrop remain visible through the shell. */
:root{
  --glass-ink:#f2f1ef;
  --glass-muted:#b9b6b4;
  --glass-border:rgba(242,239,234,.16);
  --glass-surface:rgba(31,30,30,.56);
  --glass-cyan:#72d9e3;
  --glass-green:#72d9a0;
  --glass-orange:#ec8066;
}
html:has(.shell),body:has(.shell){background:#181818}
body:has(.shell)::before{
  background:linear-gradient(120deg,rgba(12,12,13,.2),rgba(12,12,13,.02) 48%,rgba(12,12,13,.23)),
    url("./graphite-facets.svg") center / cover fixed,
    linear-gradient(135deg,#191919,#292827 52%,#171717);
}
body:has(.shell)::after{background:linear-gradient(90deg,rgba(8,8,8,.12),transparent 45%,rgba(8,8,8,.12));backdrop-filter:saturate(.72)}
.shell.dashboard-mode>aside:not(.dashboard-rail),.shell:not(.dashboard-mode)>aside:not(.dashboard-rail){
  background:rgba(28,27,27,.48);border-color:rgba(245,241,236,.17);box-shadow:0 20px 62px rgba(0,0,0,.36);
  backdrop-filter:blur(12px) saturate(1.08);-webkit-backdrop-filter:blur(12px) saturate(1.08)
}
.shell.dashboard-mode>main,.shell:not(.dashboard-mode)>main{
  background:rgba(27,26,26,.34);border-color:rgba(245,241,236,.17);box-shadow:0 24px 76px rgba(0,0,0,.32);
  backdrop-filter:blur(9px) saturate(1.04);-webkit-backdrop-filter:blur(9px) saturate(1.04)
}
/* Wide desktop navigation matches the labeled navigation in the reference video. */
@media(min-width:1200px){
  .shell.dashboard-mode{grid-template-columns:190px minmax(0,1fr) 304px}
  .shell.dashboard-mode>aside:not(.dashboard-rail){padding:15px 12px}
  .shell.dashboard-mode .brand{justify-content:flex-start;gap:11px;padding:3px 8px 20px}
  .shell.dashboard-mode .brand>div{display:block;min-width:0;color:#f3f0ed}
  .shell.dashboard-mode .brand .mark{flex:0 0 43px}
  .shell.dashboard-mode nav{gap:5px}
  .shell.dashboard-mode nav button{width:100%;height:46px;min-height:46px;margin:0;padding:0 12px;display:flex;justify-content:flex-start;gap:12px;border-radius:13px;text-align:left}
  .shell.dashboard-mode nav button i{width:22px;flex:0 0 22px;text-align:center;font-size:18px}
  .shell.dashboard-mode nav button span{position:static;width:auto;height:auto;margin:0;overflow:hidden;clip:auto;font-size:12px;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
  .shell.dashboard-mode .aside-foot{grid-template-columns:10px 1fr;padding:9px 8px;font-size:10px}
}
/* Keep every nested admin surface on the same translucent charcoal palette. */
.shell:not(.dashboard-mode) .page .card,.shell:not(.dashboard-mode) .page .metrics>.metric,
.shell:not(.dashboard-mode) .page .daily-summary-grid>section,.shell:not(.dashboard-mode) .page .schedule-day,
.shell:not(.dashboard-mode) .page .schedule-entry,.shell:not(.dashboard-mode) .page .availability-chip,
.shell:not(.dashboard-mode) .page .shift-card,.shell:not(.dashboard-mode) .page .history-card,
.shell:not(.dashboard-mode) .page .operation-card,.shell:not(.dashboard-mode) .page .operations-card,
.shell:not(.dashboard-mode) .page .staff-member-card,.shell:not(.dashboard-mode) .page .employee-card,
.shell:not(.dashboard-mode) .page .payment-card,.shell:not(.dashboard-mode) .page .responsive-table tr,
.shell:not(.dashboard-mode) .page .close-photo,.shell:not(.dashboard-mode) .page .report,
.shell.dashboard-mode #dashboard>.dashboard-primary>.card,.shell.dashboard-mode #dashboard>.dashboard-secondary>.card,
.shell.dashboard-mode #dashboard>.insight-grid>.card,.shell.dashboard-mode #dashboard>.daily-summary-grid>section,
.shell.dashboard-mode #dashboard>.card:not(.daily-summary),.shell.dashboard-mode #dashboard>#metrics .metric,
.shell.dashboard-mode #dailySummaryMetrics .metric,.dashboard-rail .glass-panel,.glass-panel{
  background:rgba(38,37,36,.58);border:1px solid rgba(245,241,236,.17);color:#f1efed;
  box-shadow:0 12px 30px rgba(0,0,0,.18);backdrop-filter:blur(10px) saturate(1.04);-webkit-backdrop-filter:blur(10px) saturate(1.04)
}
.shell .page .card h2,.shell .page .card h3,.shell .page .card strong,.shell.dashboard-mode #dashboard .card h2,.shell.dashboard-mode #dashboard .card h3{color:#f4f1ee}
.shell .page .card p,.shell .page .card .muted,.shell .page .card label,.shell.dashboard-mode #dashboard .card p,.shell.dashboard-mode #dashboard .card .muted{color:#c2bfbc}
.shell .page .card .overline,.shell.dashboard-mode #dashboard .card .overline{color:#c4a79d}
.shell .page .staff-member-card,.shell .page .employee-card,.shell .page .payment-card,.shell .page .responsive-table tr{color:#f1efed}
.shell .page .employee-card small,.shell .page .staff-member-card small{color:#c2bfbc}
.shell.dashboard-mode #dailySummaryMetrics .metric span{color:#e3dfdc}
.shell.dashboard-mode #dailySummaryMetrics .metric strong,.shell .page .metrics .metric strong{color:#8ddde3}
.shell .page .schedule-day header small,.shell .page .schedule-entry small,.shell .page .availability-chip small,.shell .page .shift-card small,.shell .page .history-card small{color:#c2bfbc}
.shell .page input,.shell .page select,.shell .page textarea{background:rgba(15,15,15,.62);border-color:rgba(239,235,230,.2);color:#f4f1ee;color-scheme:dark}
.shell .page input::placeholder,.shell .page textarea::placeholder{color:#aaa6a3}
.shell .page button:not(.primary),.shell .page .upload{background:rgba(240,237,232,.08);border-color:rgba(240,237,232,.19);color:#f1efed}
.shell .page .primary,.shell.dashboard-mode .period button.primary,.shell.dashboard-mode .daily-summary>.card-head button.primary{background:linear-gradient(135deg,#df8165,#ba5b4d);border-color:#d87960;color:#fff;box-shadow:0 5px 14px rgba(169,76,62,.17)}
.shell .page button:hover{border-color:rgba(114,217,227,.55)}
.shell .page th{background:rgba(30,29,28,.94);color:#d2ceca}
.shell .page td,.shell .page th,.shell .page .ranking-row,.shell .page .month-row{border-color:rgba(239,235,230,.14)}
.shell .page .tag{background:rgba(92,195,204,.15);color:#bcebef}
.shell .page .tag.warn{background:rgba(220,164,82,.16);color:#ffdaa0}
.shell .page .tag.bad{background:rgba(218,106,94,.16);color:#ffb8ae}
.shell .page .shift-detail-form,.shell .page .shift-detail-dialog,.shell .page .shift-action-dialog,
dialog:not(.mobile-nav-dialog){background:rgba(27,26,25,.97);border-color:rgba(245,241,236,.19);color:#f2efec}
.shell .page .shift-detail-form *, .shell .page .shift-detail-dialog *, .shell .page .shift-action-dialog *{color:inherit}
.shell.dashboard-mode #dashboard .dashboard-primary .card.dark{background:rgba(21,21,20,.7);border-color:rgba(245,241,236,.16);color:#f2efec}
.shell.dashboard-mode #dashboard .chart .bar-group i{background:#55cbd6}
.shell.dashboard-mode #dashboard .chart .bar-group i.expense{background:#72d9a0}
.shell.dashboard-mode nav button.active,.shell:not(.dashboard-mode) nav button.active{background:linear-gradient(145deg,#df8165,#b9584c);box-shadow:0 8px 20px rgba(180,86,67,.23)}
.dashboard-rail .glass-panel,.glass-panel{background:rgba(35,34,33,.6);border-color:rgba(245,241,236,.17)}
.rail-calendar .overline,.rail-section-heading .overline{color:#c4a79d}
.rail-today-badge,.rail-avatar{background:linear-gradient(145deg,#df8165,#b9584c);box-shadow:0 6px 18px rgba(180,86,67,.2)}
.mobile-nav-dialog{background:rgba(27,26,25,.97);border-color:rgba(245,241,236,.2)}
.mobile-nav-items button i{color:#80d6df}
dialog:not(.mobile-nav-dialog) input,dialog:not(.mobile-nav-dialog) select,dialog:not(.mobile-nav-dialog) textarea{background:#171716;color:#f2efec;border-color:rgba(245,241,236,.2);color-scheme:dark}
.close-report .review-note{background:rgba(215,157,76,.15);color:#ffe0ae}
@media(max-width:780px){.shell:not(.dashboard-mode)>aside:not(.dashboard-rail){background:rgba(29,28,27,.92)}.shell.dashboard-mode>aside:not(.dashboard-rail){background:rgba(29,28,27,.92)}}

/* Keep the desktop navigation and its logout action within short viewports. */
.shell.dashboard-mode>aside:not(.dashboard-rail),
.shell:not(.dashboard-mode)>aside:not(.dashboard-rail){min-height:0}
.shell>aside:not(.dashboard-rail) nav{flex:1 1 auto;min-height:0;overscroll-behavior:contain}
.shell>aside:not(.dashboard-rail) .aside-foot{flex:0 0 auto}
.shell.dashboard-mode>.dashboard-rail{min-height:0}

/* Native date controls need room to shrink inside the compact period grid. */
.shell.dashboard-mode .period input,
.shell.dashboard-mode .period input[type="date"]{width:100%;min-width:0;max-width:100%;}
.shell .page form{min-width:0;color:#f1efed}
.shell .page fieldset{min-width:0;border:1px solid rgba(239,235,230,.18);border-radius:12px;color:#e4e0dd}
.shell .page legend{padding:0 6px;color:#d0cbc7}
.shell .page input[type="checkbox"],.shell .page input[type="radio"]{width:auto;min-width:18px;min-height:18px;accent-color:#72d9e3}
.shell .page img,.shell .page video{max-width:100%;height:auto}
.shell .page video{display:block;border-radius:12px;background:#101010}
dialog:not(.mobile-nav-dialog) form{min-width:0;color:#f2efec}

/* Final graphite pass: reserve coral for small active and action accents. */
.dashboard-topbar .overline,.shell.dashboard-mode #dashboard .daily-summary>.card-head .overline,
.shell.dashboard-mode #dashboard .dashboard-primary .card.dark .overline,
.shell .page .card .overline,.shell.dashboard-mode #dashboard .card .overline,
.rail-calendar .overline,.rail-section-heading .overline{color:#aebdc0}
.shell.dashboard-mode nav button.active,.shell:not(.dashboard-mode) nav button.active,
.shell .page .primary,.shell.dashboard-mode .period button.primary,
.shell.dashboard-mode .daily-summary>.card-head button.primary,
.rail-today-badge,.rail-avatar{
  background:linear-gradient(145deg,#f27b61,#d75448);border-color:#e56b56;
  box-shadow:0 7px 19px rgba(196,76,61,.2)
}
.rail-calendar .rail-day.active{background:#d75448;box-shadow:0 4px 12px rgba(196,76,61,.25)}
.rail-link{color:#f18a70}