/* Building-led dashboard layout and persistent day/night palette. */
.dashboard-shell>.content>.heading{display:none}
.dashboard-stage::before{background-image:linear-gradient(100deg,rgba(247,248,249,.91),rgba(247,248,249,.95) 62%,rgba(247,248,249,.86)),url("assets/building-background.svg");background-position:center,right center;background-size:auto,cover}
.dashboard-hero{min-height:205px;padding-top:48px;background-image:linear-gradient(100deg,rgba(15,35,48,.98) 0%,rgba(15,35,48,.91) 42%,rgba(15,35,48,.48) 100%),url("assets/building-background.svg");background-position:center,right center;background-size:auto,cover}
.dashboard-hero::after{right:-110px;bottom:-215px;border-color:#f2ca8d38;box-shadow:0 0 0 40px #f4c88211,0 0 0 84px #f4c88208}
.dashboard-hero-copy{max-width:680px}
.dashboard-hero-copy>p:not(.dashboard-eyebrow){max-width:520px}
.dashboard-hero-art{display:none}
.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px}
.dashboard-toolbar>div:first-child{display:flex;align-items:center;gap:10px}
.dashboard-toolbar .dashboard-section-label{white-space:nowrap}
.dashboard-toolbar>div:first-child strong{color:#53616c;font-size:10px;font-weight:650}
.period-options{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #e2e6e8;border-radius:11px;background:#fff;box-shadow:0 3px 12px #1c2e3a08}
.period-options button{min-height:29px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#879198;font:inherit;font-size:9px;font-weight:680;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.period-options button:hover{background:#f5f4f1;color:#725a43}
.period-options button.selected{background:#203d4a;color:#fff;box-shadow:0 2px 7px #1b303d24}
.dashboard-return-note{margin:9px 0 0;padding:10px 8px 4px;border-top:1px solid #eef0f1;color:#99a1a5;font-size:9px;line-height:1.5}
.shell.theme-dark .dashboard-toolbar>div:first-child strong{color:#bdc7cc}
.shell.theme-dark .period-options{border-color:#30424d;background:#192832;box-shadow:none}
.shell.theme-dark .period-options button{color:#aab5bb}
.shell.theme-dark .period-options button:hover{background:#273843;color:#f3d4a0}
.shell.theme-dark .period-options button.selected{background:#cf965a;color:#172530;box-shadow:none}
.shell.theme-dark .dashboard-return-note{border-color:#2a3b46;color:#9eacb2}
.shell.theme-dark .cogs-kpi .kpi-icon{background:#2d3548;color:#aab9eb}
.shell.theme-dark .expenses-kpi .kpi-icon{background:#44312f;color:#eda68c}
.shell.theme-dark .profit-kpi .kpi-icon{background:#243d35;color:#9bd1ae}
.shell.theme-dark .returns-kpi .kpi-icon{background:#263946;color:#9ec5de}
.revenue-kpi .kpi-image{background:#edf6ef;border-color:#dbece0}
.orders-kpi .kpi-image{background:#f1f0fa;border-color:#e5e2f5}
.stock-kpi .kpi-image{background:#fff6e9;border-color:#f2e6d4}
.alert-kpi .kpi-image{background:#fff1eb;border-color:#f3e0d8}
.cogs-kpi .kpi-image{background:#eff1f9;border-color:#e2e5f2}
.expenses-kpi .kpi-image{background:#fff0eb;border-color:#f2dfd8}
.profit-kpi .kpi-image{background:#eaf5ed;border-color:#d8eadd}
.returns-kpi .kpi-image{background:#edf4fa;border-color:#dde8f0}
.shell.theme-dark .kpi-image{border-color:#3a4a52;background:#293840}
.shell.theme-dark .revenue-kpi .kpi-image,.shell.theme-dark .profit-kpi .kpi-image{background:#263d35}
.shell.theme-dark .orders-kpi .kpi-image,.shell.theme-dark .cogs-kpi .kpi-image{background:#2d3548}
.shell.theme-dark .stock-kpi .kpi-image,.shell.theme-dark .returns-kpi .kpi-image{background:#303a3c}
.shell.theme-dark .alert-kpi .kpi-image,.shell.theme-dark .expenses-kpi .kpi-image{background:#44312f}
.theme-toggle{position:absolute;z-index:3;top:20px;right:22px;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:5px 8px 5px 11px;border:1px solid #ffffff42;border-radius:999px;background:#091a28a6;color:#fff;font:inherit;font-size:10px;font-weight:650;cursor:pointer;backdrop-filter:blur(9px);transition:background .18s ease,border-color .18s ease,transform .18s ease}
.theme-toggle:hover{transform:translateY(-1px);border-color:#f4c882aa;background:#0b1b29dc}
.theme-toggle>svg{width:15px;height:15px;fill:none;stroke:#f6d18e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-sun{display:none}.theme-moon{display:block}
.theme-switch{display:flex;align-items:center;width:27px;height:16px;padding:2px;border:1px solid #ffffff50;border-radius:999px;background:#ffffff19}
.theme-switch i{display:block;width:10px;height:10px;border-radius:50%;background:#f1ca85;transition:transform .2s ease,background .2s ease}
.theme-toggle:focus-visible{outline:3px solid #f2cb8a;outline-offset:3px}

.shell.theme-dark{background:#111b24;color:#e5ebee;color-scheme:dark}
.shell.theme-dark>.topbar{border-color:#293a45;background:#18252f;color:#edf1f2}
.shell.theme-dark>.topbar small{color:#a7b3ba}
.shell.theme-dark>.content{background:#111b24;color:#e5ebee}
.shell.theme-dark .dashboard-stage::before{background-image:linear-gradient(100deg,rgba(15,24,32,.92),rgba(15,24,32,.95) 62%,rgba(15,24,32,.88)),url("assets/building-background.svg")}
.shell.theme-dark .dashboard-hero{border-color:#35434a;background-image:linear-gradient(100deg,rgba(10,23,32,.97) 0%,rgba(11,24,33,.91) 42%,rgba(11,24,33,.61) 100%),url("assets/building-background.svg");box-shadow:0 16px 44px #03080d55}
.shell.theme-dark .dashboard-hero::after{border-color:#f2ca8d42;box-shadow:0 0 0 40px #f4c88213,0 0 0 84px #f4c88209}
.shell.theme-dark .theme-toggle{background:#f5f1e8;color:#263643;border-color:#ffffffa8}
.shell.theme-dark .theme-toggle:hover{background:#fffaf0}
.shell.theme-dark .theme-toggle>svg{stroke:#b7783f}
.shell.theme-dark .theme-sun{display:block}.shell.theme-dark .theme-moon{display:none}
.shell.theme-dark .theme-switch{justify-content:flex-end;border-color:#bb8759;background:#e9dec9}
.shell.theme-dark .theme-switch i{transform:translateX(0);background:#a96339}
.shell.theme-dark .dashboard-actions{border-color:#2d404d;background:rgba(25,39,49,.92)}.shell.theme-dark .dashboard-action-link,.shell.theme-dark .dashboard-refresh{border-color:#364954;background:#1d2c36;color:#dce5e8}.shell.theme-dark .dashboard-action-link:hover,.shell.theme-dark .dashboard-refresh:hover:not(:disabled){background:#293c47;border-color:#9b744e}.shell.theme-dark .dashboard-updated{color:#a8b4ba}.shell.theme-dark .due-kpi .kpi-image{background:#412d2b;border-color:#5b3d36}
.shell.theme-dark .dashboard-kpi,.shell.theme-dark .dashboard-panel{border-color:#2d404d;background:rgba(25,39,49,.96);box-shadow:0 8px 24px #03080d25}
.shell.theme-dark .dashboard-kpi:hover{border-color:#9b744e;box-shadow:0 12px 26px #03080d45}
.shell.theme-dark .dashboard-kpi>div:last-of-type>span,.shell.theme-dark .dashboard-kpi small,.shell.theme-dark .dashboard-panel-heading p,.shell.theme-dark .dashboard-chart-foot,.shell.theme-dark .inventory-summary span,.shell.theme-dark .inventory-legend span{color:#a8b4ba}
.shell.theme-dark .dashboard-kpi strong,.shell.theme-dark .dashboard-panel-heading h3,.shell.theme-dark .inventory-summary strong,.shell.theme-dark .inventory-legend b,.shell.theme-dark .dashboard-table td:first-child,.shell.theme-dark .dashboard-table .dashboard-amount{color:#edf1f2}
.shell.theme-dark .kpi-corner,.shell.theme-dark .dashboard-table th,.shell.theme-dark .dashboard-table td{color:#91a0a8}
.shell.theme-dark .dashboard-chart{background:repeating-linear-gradient(to bottom,transparent 0,transparent 37px,#293a44 38px,#293a44 39px)}
.shell.theme-dark .chart-day{color:#98a8ae}
.shell.theme-dark .inventory-meter{background:#443a32}
.shell.theme-dark .dashboard-table th{background:transparent}
.shell.theme-dark .dashboard-table td{border-bottom-color:#2a3b46}
.shell.theme-dark .invoice-mark{background:#39362f;color:#e3b57a}
.shell.theme-dark .status-paid{background:#1e3b34;color:#9bd1ae}
.shell.theme-dark .status-due{background:#44352d;color:#efbd8e}

@media(max-width:760px){.dashboard-hero{min-height:218px;padding-top:55px;background-position:center,right 55%}.theme-toggle{top:13px;right:13px}.dashboard-hero-copy{max-width:100%}.dashboard-eyebrow{padding-right:130px}.dashboard-toolbar{align-items:flex-start;flex-direction:column;gap:9px}.period-options{width:100%;justify-content:space-between}.period-options button{flex:1;padding:0 7px}}
@media(max-width:520px){.dashboard-hero{padding-top:58px}.dashboard-hero-copy{max-width:100%}.dashboard-eyebrow{gap:7px;padding-right:105px;font-size:7px}.theme-toggle{top:12px;right:12px;min-height:32px;font-size:9px}.theme-switch{width:24px;height:14px}.theme-switch i{width:8px;height:8px}}
@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-switch i{transition:none}}