.device-switcher{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:44px;padding:5px 18px;border-bottom:1px solid #e3ddd4;background:#f7f5ef;color:#2e3a2f;font:12px/1.4 Inter,system-ui,sans-serif}.device-switcher>div{display:flex;gap:5px}.device-switcher button{display:grid;place-items:center;width:34px;height:32px;min-height:32px;padding:6px;border:1px solid #d8d0c6;background:white;border-radius:6px;color:#62665d;cursor:pointer}.device-switcher svg{width:20px;height:20px}.device-switcher button[aria-pressed=true]{background:#2e3a2f;border-color:#2e3a2f;color:white}.device-switcher button:hover{border-color:#a67c52}.device-switcher button:focus-visible{outline:2px solid #a67c52;outline-offset:2px}
body.preview-host{margin:0;background:#eae7df;color:#2e3a2f;font:14px/1.5 Inter,system-ui,sans-serif}.preview-host *{box-sizing:border-box}.preview-stage{padding:22px 20px;display:flex;flex-direction:column;align-items:center}.preview-device{background:#202723;border-radius:18px;padding:12px;box-shadow:0 12px 35px #23302125}.preview-screen{position:relative;overflow:hidden;background:#f7f5ef;border-radius:5px}.preview-screen iframe{display:block;border:0;transform-origin:top left;position:absolute;inset:0}.preview-stand{display:none}.preview-label{font-size:12px;margin:16px 0;color:#62665d}.preview-label::after{content:'Tablet · Querformat · 1180 × 820'}.preview-host[data-preview-mode=phone] .preview-label::after{content:'Smartphone · 390 × 844'}.preview-host[data-preview-mode=monitor] .preview-label::after{content:'Bildschirm · 1440 × 810 · 16:9'}.preview-host[data-preview-mode=monitor] .preview-stand{display:block;width:140px;height:46px;background:linear-gradient(90deg,#a5aaa2,#e4e7df,#a5aaa2);clip-path:polygon(33% 0,67% 0,80% 100%,20% 100%)}.preview-host[data-preview-mode=phone] .preview-device{border-radius:30px;padding:12px}.preview-host[data-preview-mode=phone] .preview-screen{border-radius:20px}.preview-host[data-preview-mode=normal] .preview-stage{padding:0;display:block}.preview-host[data-preview-mode=normal] .preview-device{padding:0;border-radius:0;box-shadow:none;background:none}.preview-host[data-preview-mode=normal] .preview-screen{width:100%;height:calc(100dvh - 44px);border-radius:0}.preview-host[data-preview-mode=normal] .preview-label{display:none}
@media(max-width:600px){.device-switcher{padding:5px 12px}.device-switcher button{width:40px;height:36px}.preview-host[data-preview-mode=normal] .preview-screen{height:calc(100dvh - 48px)}}

.device-switcher>[data-theme-toggle]{margin-left:4px;border-left:1px solid #cfcabc}.device-switcher button[aria-pressed=true][data-theme-toggle]{background:#e8ece3;color:#2e3a2f;border-color:#a6b79b}
html[data-theme=dark]{color-scheme:dark;--ink:#e9eee8;--olive:#b1c6ac;--bronze:#d3a779;--rust:#edac90;--paper:#17201b;--stone:#4a574c;--muted:#acb6ad}html[data-theme=dark] body{background:#17201b;color:#e9eee8}html[data-theme=dark] .device-switcher{background:#17201b;color:#dbe5d8;border-color:#3d4a3e}html[data-theme=dark] .device-switcher button{background:#26332a;color:#dbe5d8;border-color:#4a574c}html[data-theme=dark] .device-switcher button[aria-pressed=true]{background:#658361;color:white;border-color:#809c78}html[data-theme=dark] .preview-device{background:#0b100d}html[data-theme=dark] .preview-label{color:#c1cbbf}html[data-theme=dark] .card,html[data-theme=dark] .admin-settings,html[data-theme=dark] .dashboard-kpi,html[data-theme=dark] .month-wheel,html[data-theme=dark] dialog,html[data-theme=dark] .door-access-card{background:#222e26;color:#e9eee8;border-color:#465347}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .btn.secondary,html[data-theme=dark] .month-wheel-arrows button{background:#29392e;color:#edf2e8;border-color:#4a5c4d}html[data-theme=dark] .btn:not(.secondary){background:#577851;color:white}html[data-theme=dark] .month-wheel-values strong{color:#e2efdc;border-color:#4a5c4d}html[data-theme=dark] .month-wheel-neighbor{color:#a5b39f}html[data-theme=dark] .notice,html[data-theme=dark] .financial-gap{background:#3b3329;color:#eedbc5;border-color:#786348}html[data-theme=dark] .label,html[data-theme=dark] .muted,html[data-theme=dark] th,html[data-theme=dark] .financial-summary span,html[data-theme=dark] .financial-summary small{color:#b6c2b4}html[data-theme=dark] td,html[data-theme=dark] th,html[data-theme=dark] .row{border-color:#435245}html[data-theme=dark] .financial-chart text,html[data-theme=dark] .combined-trend text,html[data-theme=dark] .occupancy-gauge text{fill:#d9e3d4}html[data-theme=dark] .financial-chart line{stroke:#49584a}html[data-theme=dark] .staff-top,html[data-theme=dark] .staff-nav,html[data-theme=dark] .staff-mode{background:#222e26;color:#e9eee8;border-color:#465347}html[data-theme=dark] .staff-nav a{color:#c9d9c1}html[data-theme=dark] .staff-nav a.active{color:#f4f6ef;background:#466640}html[data-theme=dark] .pill{background:#3c5637;color:#e2efdc}html[data-theme=dark] .pill.warn{background:#5a3e2b;color:#f3d6b9}html[data-theme=dark] .inline-check,html[data-theme=dark] summary{color:#e9eee8}html[data-theme=dark] .table-wrap thead{background:#222e26}
html[data-theme=dark] .shell aside{background:#1c3022;color:#f0f4ec}html[data-theme=dark] .personnel-area details>summary,html[data-theme=dark] .preparation-step details>summary,html[data-theme=dark] .access-staff-card details>summary{background:#2c3b2f;color:#e9eee8;border-color:#4a5c4d}html[data-theme=dark] .financial-legend span:nth-child(1),html[data-theme=dark] .financial-legend span:nth-child(2){color:#7acde5!important}html[data-theme=dark] .financial-legend span:nth-child(3){color:#dcaf7c!important}html[data-theme=dark] .financial-legend span:nth-child(4){color:#91cf82!important}html[data-theme=dark] .financial-chart path[stroke="#2183a1"]{stroke:#7acde5}html[data-theme=dark] .financial-chart path[stroke="#a67c52"]{stroke:#dcaf7c}html[data-theme=dark] .financial-chart path[stroke="#2e6c40"]{stroke:#91cf82}html[data-theme=dark] .combined-trend path[stroke="#2E3A2F"],html[data-theme=dark] .occupancy-gauge path[stroke="#2E3A2F"]{stroke:#91b88b}

.staff-nav:has(a[href="#employee/revenue"]){grid-template-columns:repeat(6,minmax(0,1fr))}
html[data-theme=dark] .admin-settings details>summary,html[data-theme=dark] .admin-settings details[open]>summary,html[data-theme=dark] .admin-settings details>summary:hover{background:#2c3b2f;color:#e9eee8;border-color:#4a5c4d}html[data-theme=dark] .chart-empty,html[data-theme=dark] .personnel-check-summary,html[data-theme=dark] .timeline-header,html[data-theme=dark] .timeline-name{background:#26372b;color:#e9eee8;border-color:#465347}html[data-theme=dark] .timeline-track{background:#1c281f}html[data-theme=dark] .operation-item:hover{background:#2d3b30}html[data-theme=dark] .job-title-option{background:#29392e;color:#e9eee8}html[data-theme=dark] .checkin-warning{background:#514128;color:#f0dbb2}
@media(max-width:600px){.device-switcher button{width:44px;height:44px}.preview-host[data-preview-mode=normal] .preview-screen{height:calc(100dvh - 55px)}}
@media(max-width:700px){.financial-chart text{font-size:18px}}
.device-switcher{position:sticky;top:0;z-index:60}body:has(>.device-switcher){--viewbar-height:44px}@media(max-width:600px){body:has(>.device-switcher){--viewbar-height:55px}}

/* Installed app entry never exposes development view controls. */
@media(display-mode:standalone){.device-switcher{display:none!important}body{--viewbar-height:0px}}
html[data-app-mode=phone] .device-switcher{display:none!important}
html[data-app-mode=phone] body{--viewbar-height:0px}

/* Keep technical prototype notices out of the installed app interface. */
html[data-app-mode=phone] body:not(.employee-mode) .shell>main>.notice{display:none}