/* BDS rc20: dashboard design system. Stored theme IDs remain stable. */
body[data-dashboard-theme]{--page:#f2f4f7;--surface:#fff;--surface-soft:#edf1f5;--ink:#172b41;--subtle:#516477;--edge:#cbd4dd;--accent:#235dcc;--accent-ink:#fff;--nav:#fff;--nav-ink:#263e54;--nav-muted:#52687b;--nav-active:#e9eff9;--corner:12px;--field-corner:8px;--nav-corner:8px;--heading-font:"Segoe UI";--body-font:"Segoe UI";--side-width:242px;--scene:url('/assets/themes/modern-enterprise.svg?v=rc20');color-scheme:light}
body[data-dashboard-theme="v49-signature"]{--page:#15191b;--surface:#202629;--surface-soft:#2b3438;--ink:#f4f2eb;--subtle:#bdc5c9;--edge:#48555c;--accent:#ffb56d;--accent-ink:#2e1b0c;--nav:#101416;--nav-ink:#f4f2eb;--nav-muted:#acbac1;--nav-active:#33332c;--corner:0px;--field-corner:2px;--nav-corner:0px;--heading-font:"Bahnschrift";--side-width:236px;--scene:url('/assets/themes/v49-signature.svg?v=rc20');color-scheme:dark}
body[data-dashboard-theme="classic-heritage"]{--page:#f2f0e9;--surface:#fcfbf6;--surface-soft:#ebe9df;--ink:#25392f;--subtle:#536355;--edge:#b9beaf;--accent:#325f49;--accent-ink:#fff;--nav:#f2f0e9;--nav-ink:#25392f;--nav-muted:#536355;--nav-active:#e5e9dc;--corner:0px;--field-corner:0px;--nav-corner:0px;--heading-font:"Georgia";--side-width:222px;--scene:url('/assets/themes/classic-heritage.svg?v=rc20')}
body[data-dashboard-theme="modern-enterprise"]{--side-width:248px;--scene:url('/assets/themes/modern-enterprise.svg?v=rc20')}
body[data-dashboard-theme="liquid-glass-light"]{--page:#e5f0f3;--surface:#f9fdff;--surface-soft:#e7f1f5;--ink:#153b48;--subtle:#476774;--edge:#b2c9d2;--accent:#086d82;--accent-ink:#fff;--nav:#f9fdff;--nav-ink:#153b48;--nav-muted:#476774;--nav-active:#dcecf1;--corner:24px;--field-corner:14px;--nav-corner:999px;--scene:url('/assets/themes/liquid-glass-light.svg?v=rc20')}
body[data-dashboard-theme="liquid-glass-dark"]{--page:#0d1515;--surface:#142120;--surface-soft:#1e302d;--ink:#e5f2e8;--subtle:#aec4b5;--edge:#3f5e50;--accent:#b3e7a8;--accent-ink:#19331d;--nav:#0d1515;--nav-ink:#e5f2e8;--nav-muted:#aec4b5;--nav-active:#233c2a;--corner:0px;--field-corner:0px;--nav-corner:0px;--body-font:"Consolas";--heading-font:"Consolas";--side-width:266px;--scene:url('/assets/themes/liquid-glass-dark.svg?v=rc20');color-scheme:dark}
body[data-dashboard-theme="warm-premium"]{--page:#f3e8dc;--surface:#fffbf5;--surface-soft:#eee0d1;--ink:#4b3228;--subtle:#755b4b;--edge:#ccb29b;--accent:#914b31;--accent-ink:#fff;--nav:#49362d;--nav-ink:#fff6e9;--nav-muted:#e5cbb5;--nav-active:#6b4b39;--corner:24px;--field-corner:12px;--nav-corner:12px;--heading-font:"Georgia";--side-width:264px;--scene:url('/assets/themes/warm-premium.svg?v=rc20')}
body[data-dashboard-theme="dresden-signature"]{--page:#101b2a;--surface:#19283b;--surface-soft:#223449;--ink:#f4efe4;--subtle:#bdc7d3;--edge:#4b5d71;--accent:#e2c180;--accent-ink:#262117;--nav:#0b1523;--nav-ink:#faf4e8;--nav-muted:#bcc6d2;--nav-active:#263b54;--corner:6px;--field-corner:4px;--nav-corner:4px;--heading-font:"Georgia";--side-width:276px;--scene:url('/assets/themes/dresden-signature.svg?v=rc20');color-scheme:dark}
body[data-dashboard-theme]{--scheme:light;--theme-scheme:var(--scheme);--theme-text:var(--ink);--theme-muted:var(--subtle);--theme-panel:var(--surface);--theme-panel-soft:var(--surface-soft);--theme-hero:var(--surface);--theme-sidebar:var(--surface-soft);--theme-border:var(--edge);--theme-border-strong:var(--accent);--theme-input:var(--surface-soft);--theme-accent:var(--accent);--theme-accent-text:var(--accent);--theme-secondary:var(--surface-soft);--theme-table-head:var(--surface-soft);--theme-button:var(--accent);--theme-button-text:var(--accent-ink);--theme-radius:var(--corner);--theme-nav-radius:var(--nav-corner);--theme-input-radius:var(--field-corner);--text:var(--ink);--muted:var(--subtle);--line:var(--edge);background:var(--page)!important}
body[data-theme-tone="dark"]{--scheme:dark}

body[data-dashboard-theme="orbit-studio"]{--page:#151323;--surface:#201e31;--surface-soft:#2a273d;--ink:#f0edf9;--subtle:#bdb6d2;--edge:#5a506e;--accent:#c7b1ff;--accent-ink:#251c3b;--nav:#1b1829;--nav-ink:#f0edf9;--nav-muted:#bdb6d2;--nav-active:#343047;--corner:18px;--field-corner:10px;--nav-corner:10px;--heading-font:"Segoe UI";--side-width:270px;--scene:url('/assets/themes/orbit-studio.svg?v=rc20');color-scheme:dark}
/* Shared accessible structure. Variant sections below change the composition. */
body[data-dashboard-theme] .rathaus-dresden-bg{display:none!important;animation:none!important;transition:none!important;transform:none!important}
body[data-dashboard-theme] #app.app-shell{display:grid;grid-template-columns:var(--side-width) minmax(0,1fr)!important;min-height:100vh;width:100%;max-width:none;margin:0;background:var(--nav)!important;color:var(--ink);font-family:var(--body-font),Arial,sans-serif;font-size:14px}
body[data-dashboard-theme] #app.hide{display:none!important}
body[data-dashboard-theme] #app *,body[data-dashboard-theme] #app *:before{box-sizing:border-box;transition:box-shadow .15s ease,border-color .15s ease!important}
body[data-dashboard-theme] #app :is(.main,.sidebar,.hero,.metric):before,body[data-dashboard-theme] #app :is(.main,.sidebar,.hero,.metric):after{display:none!important}
body[data-dashboard-theme] #app .sidebar{position:sticky!important;top:0;align-self:start;width:auto!important;height:100vh;max-height:100vh;min-width:0;padding:26px 16px!important;overflow-x:hidden;overflow-y:auto;background:var(--nav)!important;border:0!important;border-right:1px solid var(--edge)!important;border-radius:0!important;box-shadow:none!important;scrollbar-width:thin;color:var(--nav-ink)}
body[data-dashboard-theme] #app .brand{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center;gap:12px;margin:0 0 30px!important;padding:0 6px!important;min-height:52px}
body[data-dashboard-theme] #app .logo{width:40px!important;height:40px!important;min-width:40px;border-radius:10px!important;background:var(--accent)!important;color:var(--accent-ink)!important;border:0!important;box-shadow:none!important;font:800 20px/40px "Segoe UI",sans-serif!important;letter-spacing:-1px;display:block;text-align:center}
body[data-dashboard-theme] #app .logo:before,body[data-dashboard-theme] #app .logo:after{display:none!important}
body[data-dashboard-theme] #app .brand h1{font:700 12px/1.4 "Segoe UI",sans-serif!important;letter-spacing:.08em!important;color:var(--nav-ink)!important;margin:0!important}
body[data-dashboard-theme] #app :is(.pb-brand-title,.pb-brand-sub){color:var(--nav-muted)!important;letter-spacing:.05em!important;font-size:9px!important}
body[data-dashboard-theme] #app .pb-brand-sub{margin-top:5px}
body[data-dashboard-theme] #app .nav-group{margin:0 0 22px!important;padding:0!important}
body[data-dashboard-theme] #app .nav-title{font:600 10px/1.4 var(--body-font),sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--nav-muted)!important;margin:0 10px 10px!important;opacity:1}
body[data-dashboard-theme] #app .nav-title:before{display:none!important}
body[data-dashboard-theme] #app .sidebar .nav-item{display:flex;align-items:center;justify-content:space-between;gap:6px;height:auto!important;min-height:41px!important;margin:2px 0!important;padding:10px 11px!important;border:0!important;border-radius:var(--nav-corner)!important;background:transparent!important;color:var(--nav-ink)!important;box-shadow:none!important;clip-path:none!important;font:500 12px/1.4 var(--body-font),sans-serif!important;text-transform:none!important;transform:none!important}
body[data-dashboard-theme] #app .sidebar .nav-item.active{background:var(--nav-active)!important;color:var(--nav-ink)!important;font-weight:750!important;box-shadow:none!important}
body[data-dashboard-theme] #app .sidebar .nav-item:hover{background:var(--nav-active)!important}
body[data-dashboard-theme] #app .nav-main{gap:10px}
body[data-dashboard-theme] #app .nav-main>span{color:inherit!important;text-shadow:none!important}
body[data-dashboard-theme] #app .nav-icon{width:17px;height:17px;flex-basis:17px;color:inherit!important;filter:none!important;transform:none!important;opacity:.8}
body[data-dashboard-theme] #app .nav-badge{padding:2px 6px;min-width:22px;min-height:20px;border-radius:4px!important;border:0!important;background:var(--nav-active)!important;color:var(--nav-ink)!important;font:600 10px/16px var(--body-font),sans-serif;box-shadow:none!important}
body[data-dashboard-theme] #app .sidebar-footer{position:static!important;margin-top:24px;padding:16px 10px!important;border:0!important;border-top:1px solid var(--edge)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--nav-ink)!important}
body[data-dashboard-theme] #app .sidebar-footer .footer-note{color:var(--nav-muted)!important;font-size:10px}
body[data-dashboard-theme] #app #liveConnectionState{color:var(--nav-ink)!important}
body[data-dashboard-theme] #app .main{position:relative;min-width:0;width:auto!important;max-width:none!important;margin:0!important;padding:34px 34px 64px!important;background-color:var(--page)!important;background-image:var(--scene)!important;background-size:cover;background-position:center top;background-attachment:fixed;overflow:visible}
body[data-dashboard-theme] #app .hero{padding:0!important;margin:0 0 28px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;color:var(--ink)!important}
body[data-dashboard-theme] #app .hero-row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:0!important}
body[data-dashboard-theme] #app .hero-title{margin:0!important;font:700 34px/1.12 var(--heading-font),"Segoe UI",sans-serif!important;letter-spacing:-.04em!important;color:var(--ink)!important;text-shadow:none!important}
body[data-dashboard-theme] #app :is(.hero-sub,.hero p,.footer-note){font-size:12px!important;line-height:1.6;color:var(--subtle)!important}
body[data-dashboard-theme] #app .hero-sub{margin-top:10px;max-width:700px}
body[data-dashboard-theme] #app .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;margin:0!important;padding:0!important}
body[data-dashboard-theme] #app .top-toolbar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px!important;padding:18px 0 0!important;border:0!important;border-top:1px solid var(--edge)!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
body[data-dashboard-theme] #app .top-toolbar>div{min-width:0}
body[data-dashboard-theme] #app .top-toolbar label{display:block;font:500 10px/1.4 var(--body-font),sans-serif!important;text-transform:uppercase;letter-spacing:.08em;color:var(--subtle)!important;margin:0 0 7px!important}
body[data-dashboard-theme] #app :is(input,select,textarea){font:400 13px/1.4 var(--body-font),sans-serif!important;background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--edge)!important;border-radius:var(--field-corner)!important;box-shadow:none!important;max-width:100%;min-width:0;color-scheme:var(--scheme)!important}
body[data-dashboard-theme] #app :is(input:not([type=checkbox]):not([type=radio]),select){height:42px!important;padding:10px 12px!important}
body[data-dashboard-theme] #app :is(input,textarea)::placeholder{color:var(--subtle)!important;opacity:1}
body[data-dashboard-theme] #app .top-toolbar :is(input,select){height:38px!important;background:var(--surface-soft)!important;font-size:12px!important}
body[data-dashboard-theme] #app :is(button:not(.theme-card),.logout-link){padding:10px 14px!important;min-height:38px;height:auto;border-radius:var(--field-corner)!important;border:1px solid transparent!important;background:var(--accent)!important;color:var(--accent-ink)!important;box-shadow:none!important;clip-path:none!important;text-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;font:650 12px/1.4 var(--body-font),sans-serif!important;white-space:normal}
body[data-dashboard-theme] #app :is(button:not(.theme-card),.logout-link):before{display:none!important}
body[data-dashboard-theme] #app :is(button.secondary,.logout-btn,.logout-link){border-color:var(--edge)!important;background:var(--surface)!important;color:var(--ink)!important}
body[data-dashboard-theme] #app button.danger{background:#a42b3c!important;color:#fff!important}
body[data-dashboard-theme] #app button:disabled{opacity:.55;cursor:wait}
body[data-dashboard-theme] #app .hero-actions button{min-height:38px!important;height:38px!important;padding:8px 12px!important}
body[data-dashboard-theme] #app .header-language-control{height:38px;gap:6px}
body[data-dashboard-theme] #app .header-language-control label{font-size:11px;color:var(--subtle)!important}
body[data-dashboard-theme] #app .header-language-control select{height:38px!important;min-width:94px;max-width:130px;width:auto;padding:6px 8px!important;font-size:12px!important}
body[data-dashboard-theme] #app :is(.card-title,.pro-title){font:700 18px/1.3 var(--heading-font),sans-serif!important;letter-spacing:-.02em!important;color:var(--ink)!important}
body[data-dashboard-theme] #app :is(.card-sub,.pro-sub,.muted,.metric-label,.metric-sub,.pro-card-foot,.role-line,.theme-description){color:var(--subtle)!important;font-weight:400!important}
body[data-dashboard-theme] #app :is(.hero-title,.metric-value,.visitor-number strong,#donutTotal){font-variant-numeric:tabular-nums}
body[data-dashboard-theme] #app :is(.pro-card,.card,.table-card,.panel,.alert-card,.action-card){min-width:0;padding:22px!important;border:1px solid var(--edge)!important;border-radius:var(--corner)!important;background:var(--surface)!important;color:var(--ink)!important;box-shadow:none!important;backdrop-filter:none!important;clip-path:none!important}
body[data-dashboard-theme] #app .card-head{gap:16px;margin-bottom:20px}
body[data-dashboard-theme] #app .pro-card-head{gap:14px;align-items:flex-start;margin-bottom:20px}
body[data-dashboard-theme] #app .executive-kpis{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px!important;margin:0 0 24px!important}
body[data-dashboard-theme] #app .metric{min-height:128px!important;min-width:0;padding:18px!important;background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--edge)!important;border-radius:var(--corner)!important;box-shadow:none!important;backdrop-filter:none!important;overflow:hidden}
body[data-dashboard-theme] #app .metric-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
body[data-dashboard-theme] #app .metric-label{font-size:12px!important;line-height:1.45;min-height:35px}
body[data-dashboard-theme] #app .metric-value{font:600 36px/1.1 var(--heading-font),sans-serif!important;letter-spacing:-.045em;color:var(--ink)!important;margin:14px 0 10px!important}
body[data-dashboard-theme] #app .metric-sub{font-size:11px!important;line-height:1.5;max-width:100%}
body[data-dashboard-theme] #app .metric-badge{font:600 9px/1.3 var(--body-font),sans-serif!important;background:var(--surface-soft)!important;border:0!important;border-radius:4px!important;color:var(--subtle)!important;padding:5px 6px;white-space:nowrap}
body[data-dashboard-theme] #app .executive-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(240px,.85fr);gap:20px!important;align-items:start}
body[data-dashboard-theme] #app .executive-side{display:grid;grid-template-columns:1fr;gap:20px;min-width:0}
body[data-dashboard-theme] #app .executive-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important;margin-top:20px}
body[data-dashboard-theme] #app :is(.pro-table,.table){width:100%;border-collapse:collapse!important;border-spacing:0!important;font-size:12px!important}
body[data-dashboard-theme] #app :is(.pro-table,.table) th{padding:12px 10px!important;background:var(--surface-soft)!important;border:0!important;border-bottom:1px solid var(--edge)!important;color:var(--subtle)!important;font:650 10px/1.4 var(--body-font),sans-serif!important;text-transform:uppercase;letter-spacing:.06em}
body[data-dashboard-theme] #app :is(.pro-table,.table) td{padding:14px 10px!important;background:var(--surface)!important;color:var(--ink)!important;border:0!important;border-bottom:1px solid var(--edge)!important;border-radius:0!important;vertical-align:middle;box-shadow:none!important}
body[data-dashboard-theme] #app .pro-card-foot{font-size:10px!important;gap:10px;line-height:1.6;margin-top:18px}
body[data-dashboard-theme] #app .avatar{width:32px;height:32px;min-width:32px;border-radius:9px;background:var(--surface-soft)!important;border:0!important;color:var(--ink)!important;font-size:12px}
body[data-dashboard-theme] #app .donut-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;min-height:210px;padding:8px 0}
body[data-dashboard-theme] #app .donut{width:158px;height:158px;flex:0 0 158px;filter:none!important;box-shadow:none!important}
body[data-dashboard-theme] #app .donut:before{width:118px;height:118px;background:var(--surface)!important;box-shadow:none!important}
body[data-dashboard-theme] #app .donut :is(span,small){color:var(--subtle)!important;font:400 11px/1.5 var(--body-font),sans-serif}
body[data-dashboard-theme] #app #donutTotal{font:650 34px/1.1 var(--heading-font),sans-serif;color:var(--ink)!important}
body[data-dashboard-theme] #app .donut-legend{display:grid;gap:12px;width:100%;padding:0 8px}
body[data-dashboard-theme] #app .donut-legend :is(div,span,strong){color:var(--ink)!important;font-size:12px}
body[data-dashboard-theme] #app .action-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin:12px 0 0!important;text-align:left;padding:12px 13px!important}
body[data-dashboard-theme] #app .export-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
body[data-dashboard-theme] #app .wide-btn{margin-top:22px;height:auto!important;width:100%}
body[data-dashboard-theme] #app :is(.system-line,.visitor-line,.audit-preview-row){color:var(--ink)!important;border-color:var(--edge)!important}
body[data-dashboard-theme] #app .overview-info-field{background:var(--surface)!important;border:1px solid var(--edge)!important;color:var(--ink)!important}
body[data-dashboard-theme] #app .first-aid-overview-line{font-size:11px;line-height:1.4;padding:6px 9px;max-width:100%;white-space:normal;border-radius:5px;letter-spacing:normal}
body[data-dashboard-theme] #app :is(.first-aid-overview-line,.first-aid-label,.status-dot,.pro-ok){color:#166534!important}
body[data-theme-tone="dark"] #app :is(.first-aid-overview-line,.first-aid-label,.status-dot,.pro-ok){color:#b1e4bd!important}
body[data-theme-tone="light"] #app :is(.stamp-time.stamp-in.is-set,.stamp-time-input.stamp-in.is-set,.stamp-state.is-in){color:#075a30!important}
body[data-theme-tone="light"] #app :is(.stamp-time.stamp-out.is-set,.stamp-time-input.stamp-out.is-set){color:#8b1530!important}
body[data-theme-tone="light"] #app .control-finding .tag{color:#713d00!important;background:#fff1d6!important;border-color:#c78720!important}
body[data-dashboard-theme] button.chat-fab[data-perm]{background:var(--accent)!important;color:var(--accent-ink)!important;border:0!important;border-radius:var(--field-corner)!important;clip-path:none!important;box-shadow:none!important;font:600 12px/1.4 var(--body-font),sans-serif!important;min-height:42px;padding:10px 16px!important;text-transform:none!important;letter-spacing:normal!important;transition:box-shadow .15s ease!important}
body[data-dashboard-theme] #chatPanel{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--edge)!important;border-radius:var(--corner)!important;font-family:var(--body-font),sans-serif!important}
body[data-dashboard-theme] #chatPanel :is(.chat-head,.chat-users,.chat-compose,.chat-target-row){background:var(--surface-soft)!important;color:var(--ink)!important;border-color:var(--edge)!important}
body[data-dashboard-theme] #chatPanel :is(input,textarea,select){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--edge)!important}
body[data-dashboard-theme] #chatPanel :is(.chat-title,.muted){color:var(--ink)!important}
body[data-dashboard-theme] #chatPanel button{background:var(--accent)!important;color:var(--accent-ink)!important;border:0!important;border-radius:var(--field-corner)!important;clip-path:none!important;text-transform:none!important}
body[data-dashboard-theme] #app :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px}
body[data-dashboard-theme] #app #craneCalendar :is(.crane-slot,.crane-day-num,.crane-add-day,.crane-more){background:transparent!important;color:var(--ink)!important;border-radius:0!important}
body[data-dashboard-theme] #app #craneCalendar .crane-slot{padding:0!important;min-height:0!important}
body[data-dashboard-theme] #app #craneCalendar .crane-block{min-height:0!important;height:auto!important;padding:4px 7px!important;font-size:11px!important;line-height:1.4!important;text-align:left!important;background:var(--surface-soft)!important;color:var(--ink)!important;border:1px solid var(--edge)!important;border-left:4px solid var(--accent)!important}
body[data-dashboard-theme] #app #craneCalendar :is(.crane-block,.crane-event) :is(span,strong){color:inherit!important}
body[data-dashboard-theme] #app #craneCalendar .crane-event{background:var(--surface-soft)!important;color:var(--ink)!important}
body[data-dashboard-theme] #app #craneCalendar .crane-time-head{background:var(--surface-soft)!important;color:var(--ink)!important;border-radius:0!important}
body[data-dashboard-theme] #app #craneCalendar .crane-block.is-short{padding:1px 6px!important;font-size:10px!important;line-height:1.3!important}
body[data-dashboard-theme] #app .dashboard-menu-toggle{display:none!important}

/* 01 WERKRAUM: industrial navigation, signal stripe, joined instrument panel. */
body[data-dashboard-theme="v49-signature"] #app .brand{padding-bottom:20px!important;border-bottom:3px solid var(--accent)}
body[data-dashboard-theme="v49-signature"] #app .logo{border-radius:0!important}
body[data-dashboard-theme="v49-signature"] #app .hero{padding:18px 0 0!important;border-top:5px solid var(--accent)!important}
body[data-dashboard-theme="v49-signature"] #app .hero-title{font-size:42px!important;text-transform:uppercase;letter-spacing:-.02em!important}
body[data-dashboard-theme="v49-signature"] #app .executive-kpis{gap:0!important;border:1px solid var(--edge)}
body[data-dashboard-theme="v49-signature"] #app .metric{border:0!important;border-right:1px solid var(--edge)!important;min-height:148px!important}
body[data-dashboard-theme="v49-signature"] #app .metric:last-child{border-right:0!important}
body[data-dashboard-theme="v49-signature"] #app .metric-label{text-transform:uppercase;letter-spacing:.06em}
body[data-dashboard-theme="v49-signature"] #app .sidebar .nav-item.active{border-left:3px solid var(--accent)!important;padding-left:8px!important}
body[data-dashboard-theme="v49-signature"] #app .pro-card-head{border-bottom:1px solid var(--edge);padding-bottom:16px}

/* 02 JOURNAL: editorial masthead, open statistics, wide employee ledger. */
body[data-dashboard-theme="classic-heritage"] #app .main{padding:38px 46px 64px!important}
body[data-dashboard-theme="classic-heritage"] #app .hero{border-top:2px solid var(--ink)!important;padding-top:24px!important}
body[data-dashboard-theme="classic-heritage"] #app .hero-title{font-size:46px!important;font-weight:400!important}
body[data-dashboard-theme="classic-heritage"] #app .sidebar{border-right:1px solid var(--ink)!important}
body[data-dashboard-theme="classic-heritage"] #app .sidebar .nav-item{font-family:Georgia,serif!important;font-size:14px!important;padding:11px 8px!important}
body[data-dashboard-theme="classic-heritage"] #app .sidebar .nav-item.active{text-decoration:underline;text-underline-offset:5px;background:transparent!important}
body[data-dashboard-theme="classic-heritage"] #app .executive-kpis{gap:0!important;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:14px 0}
body[data-dashboard-theme="classic-heritage"] #app .metric{background:transparent!important;border:0!important;border-right:1px solid var(--edge)!important;padding:12px 20px!important}
body[data-dashboard-theme="classic-heritage"] #app .metric-value{font-size:44px!important;font-weight:400!important}
body[data-dashboard-theme="classic-heritage"] #app .metric-badge{display:none}
body[data-dashboard-theme="classic-heritage"] #app .executive-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body[data-dashboard-theme="classic-heritage"] #app .live-employees-card{grid-column:1/-1;min-height:220px}
body[data-dashboard-theme="classic-heritage"] #app .key-status-card .donut-wrap{display:grid;grid-template-columns:158px 1fr;min-height:170px}
body[data-dashboard-theme="classic-heritage"] #app .key-status-card .donut-legend{width:auto}
body[data-dashboard-theme="classic-heritage"] #app .executive-side{grid-template-columns:1fr}
body[data-dashboard-theme="classic-heritage"] #app :is(.pro-card,.table-card){border:0!important;border-top:2px solid var(--ink)!important;padding:24px 0!important;background:transparent!important}

/* 03 WORKSPACE: software workspace, four-column dashboard, horizontal actions. */
body[data-dashboard-theme="modern-enterprise"] #app .sidebar .nav-item.active{background:#e9eff9!important;color:#183e8b!important}
body[data-dashboard-theme="modern-enterprise"] #app .hero-title{font-size:30px!important}
body[data-dashboard-theme="modern-enterprise"] #app .executive-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-dashboard-theme="modern-enterprise"] #app .metric{min-height:118px!important;padding:18px 20px!important}
body[data-dashboard-theme="modern-enterprise"] #app .metric-label{min-height:0}
body[data-dashboard-theme="modern-enterprise"] #app .metric-value{font-size:32px!important;margin:10px 0 4px!important}
body[data-dashboard-theme="modern-enterprise"] #app .executive-main-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
body[data-dashboard-theme="modern-enterprise"] #app .executive-side{grid-column:1/-1;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
body[data-dashboard-theme="modern-enterprise"] #app .quick-actions-card{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}
body[data-dashboard-theme="modern-enterprise"] #app .quick-actions-card .pro-title{width:100%;margin-bottom:4px}
body[data-dashboard-theme="modern-enterprise"] #app .quick-actions-card .action-row{width:auto;flex:1 1 150px;margin:0!important;background:var(--surface-soft)!important;color:var(--ink)!important;border:1px solid var(--edge)!important;min-height:48px}

/* 04 HORIZON: full-width top navigation and large panoramic dashboard. */
@media(min-width:981px){
body[data-dashboard-theme="liquid-glass-light"] #app.app-shell{display:block!important}
body[data-dashboard-theme="liquid-glass-light"] #app .sidebar{position:relative!important;display:grid!important;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:10px 22px;width:100%!important;height:auto!important;max-height:none;padding:18px 30px 12px!important;overflow:visible;border-right:0!important;border-bottom:1px solid var(--edge)!important}
body[data-dashboard-theme="liquid-glass-light"] #app .brand{margin:0!important}
body[data-dashboard-theme="liquid-glass-light"] #app .sidebar-navigation{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:4px 0 10px;min-width:0}
body[data-dashboard-theme="liquid-glass-light"] #app .nav-group{display:contents}
body[data-dashboard-theme="liquid-glass-light"] #app .nav-title{display:none!important}
body[data-dashboard-theme="liquid-glass-light"] #app .sidebar .nav-item{flex:0 0 auto;padding:10px 14px!important;white-space:nowrap}
body[data-dashboard-theme="liquid-glass-light"] #app .sidebar .nav-main>span{overflow:visible;max-width:none;white-space:nowrap}
body[data-dashboard-theme="liquid-glass-light"] #app .sidebar-footer{grid-column:1/-1;display:flex;align-items:center;gap:20px;margin:0!important;padding:8px 6px 0!important;font-size:11px;border:0!important}
body[data-dashboard-theme="liquid-glass-light"] #app .sidebar-footer .footer-note{margin:0!important}
}
body[data-dashboard-theme="liquid-glass-light"] #app .main{padding:38px max(30px,4vw) 64px!important}
body[data-dashboard-theme="liquid-glass-light"] #app .hero{padding:28px 30px!important;background:var(--surface)!important;border-radius:30px!important}
body[data-dashboard-theme="liquid-glass-light"] #app .hero-title{font-size:38px!important;font-weight:500!important}
body[data-dashboard-theme="liquid-glass-light"] #app .metric{border:0!important;box-shadow:0 8px 22px rgba(35,80,100,.06)!important}
body[data-dashboard-theme="liquid-glass-light"] #app .executive-main-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1fr)}
body[data-dashboard-theme="liquid-glass-light"] #app :is(.pro-card,.table-card){border:0!important;box-shadow:0 8px 22px rgba(35,80,100,.06)!important}

/* 05 TERMINAL: monospaced, compact, border-first operational display. */
body[data-dashboard-theme="liquid-glass-dark"] #app .hero-title{font-size:30px!important;font-weight:400!important;letter-spacing:-.05em!important}
body[data-dashboard-theme="liquid-glass-dark"] #app .hero{padding-bottom:22px!important;border-bottom:1px dashed var(--edge)!important}
body[data-dashboard-theme="liquid-glass-dark"] #app .sidebar .nav-item.active{border:1px solid var(--accent)!important;padding:9px 10px!important}
body[data-dashboard-theme="liquid-glass-dark"] #app :is(.pro-title,.card-title){font-size:15px!important;font-weight:600!important;letter-spacing:0!important}
body[data-dashboard-theme="liquid-glass-dark"] #app .executive-kpis{grid-template-columns:repeat(7,minmax(0,1fr));gap:0!important}
body[data-dashboard-theme="liquid-glass-dark"] #app .metric{border-style:dashed!important;min-height:140px!important;padding:14px!important}
body[data-dashboard-theme="liquid-glass-dark"] #app .metric-value{font-size:32px!important;color:var(--accent)!important}
body[data-dashboard-theme="liquid-glass-dark"] #app .metric-badge{border:1px solid var(--edge)!important;background:transparent!important}
body[data-dashboard-theme="liquid-glass-dark"] #app :is(.pro-table,.table) td{padding:11px 9px!important;font-size:11px!important}
body[data-dashboard-theme="liquid-glass-dark"] #app .action-row{background:transparent!important;color:var(--accent)!important;border:1px solid var(--edge)!important}
body[data-dashboard-theme="liquid-glass-dark"] #app .pro-card-head{padding-bottom:12px;border-bottom:1px dashed var(--edge)}

/* 06 ATELIER: contrasting terracotta sidebar, generous soft surfaces. */
body[data-dashboard-theme="warm-premium"] #app .main{padding:38px 38px 64px!important}
body[data-dashboard-theme="warm-premium"] #app .hero-title{font-size:40px!important;font-weight:400!important}
body[data-dashboard-theme="warm-premium"] #app .hero{padding:28px!important;background:var(--surface)!important;border-radius:0 34px 34px 34px!important}
body[data-dashboard-theme="warm-premium"] #app .executive-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important}
body[data-dashboard-theme="warm-premium"] #app .metric{border:0!important;border-radius:0 24px 24px 24px!important;min-height:126px!important}
body[data-dashboard-theme="warm-premium"] #app .metric-value{font-weight:400!important;font-size:42px!important}
body[data-dashboard-theme="warm-premium"] #app .executive-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
body[data-dashboard-theme="warm-premium"] #app .executive-side{grid-column:1/-1;grid-template-columns:1fr 1fr}
body[data-dashboard-theme="warm-premium"] #app .pro-card{border:0!important;padding:26px!important}
body[data-dashboard-theme="warm-premium"] #app .sidebar .logo{background:#e7b58b!important;color:#3c2418!important;border-radius:50%!important}

/* 07 EXECUTIVE: navy navigation, serif titles and gold rules. */
body[data-dashboard-theme="dresden-signature"] #app .main{padding:42px 42px 64px!important}
body[data-dashboard-theme="dresden-signature"] #app .brand{padding-bottom:24px!important;border-bottom:1px solid #8b7958}
body[data-dashboard-theme="dresden-signature"] #app .hero-title{font-size:44px!important;font-weight:400!important}
body[data-dashboard-theme="dresden-signature"] #app .hero{padding-bottom:24px!important;border-bottom:2px solid #a08a5b!important}
body[data-dashboard-theme="dresden-signature"] #app .executive-kpis{gap:0!important;background:var(--surface);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
body[data-dashboard-theme="dresden-signature"] #app .metric{border:0!important;border-right:1px solid var(--edge)!important;border-radius:0!important;padding:24px 20px!important}
body[data-dashboard-theme="dresden-signature"] #app .metric-value{font-size:42px!important;font-weight:400!important}
body[data-dashboard-theme="dresden-signature"] #app .executive-main-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
body[data-dashboard-theme="dresden-signature"] #app .executive-side{grid-column:1/-1;grid-template-columns:1.3fr 1fr}
body[data-dashboard-theme="dresden-signature"] #app .pro-card{border-top:3px solid #a08a5b!important}
body[data-dashboard-theme="dresden-signature"] #app .pro-title{font-size:21px!important;font-weight:400!important}

/* Design selector previews share each variant's visual language. */
body[data-dashboard-theme] #app .theme-center-head{align-items:start;gap:24px;margin-bottom:30px}
body[data-dashboard-theme] #app .theme-account{padding:18px;border:1px solid var(--edge);border-radius:var(--corner);background:var(--surface-soft);min-width:230px}
body[data-dashboard-theme] #app .theme-account :is(strong,span){color:var(--ink)!important}
body[data-dashboard-theme] #app .theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body[data-dashboard-theme] #app .theme-card{padding:0!important;border:1px solid var(--edge)!important;border-radius:12px!important;background:var(--surface)!important;color:var(--ink)!important;box-shadow:none!important;clip-path:none!important;text-transform:none!important;text-align:left;min-width:0;transform:none!important;font-family:var(--body-font),sans-serif!important}
body[data-dashboard-theme] #app .theme-card.selected{outline:3px solid var(--accent);outline-offset:3px}
body[data-dashboard-theme] #app .theme-card:hover{outline:2px solid var(--accent);outline-offset:3px}
body[data-dashboard-theme] #app .theme-copy{background:var(--surface)!important;color:var(--ink)!important;padding:20px!important}
body[data-dashboard-theme] #app .theme-title{font:700 17px/1.3 var(--heading-font),sans-serif!important;color:var(--ink)!important}
body[data-dashboard-theme] #app .theme-description{margin-top:10px;font-size:12px!important;font-weight:400!important;line-height:1.65!important}
body[data-dashboard-theme] #app .theme-tag{color:var(--subtle)!important;background:var(--surface-soft)!important;border:1px solid var(--edge)!important;font-size:9px}
body[data-dashboard-theme] #app .theme-preview{height:170px;background-size:cover!important;background-position:center!important;filter:none!important}
body[data-dashboard-theme] #app .theme-preview:before{display:none!important}
body[data-dashboard-theme] #app .theme-preview:after{display:block!important;width:19%;border:0!important;border-radius:0!important}
body[data-dashboard-theme] #app .preview-kpis{top:30%;left:25%;right:6%;gap:5px}
body[data-dashboard-theme] #app .preview-kpis i{height:44px;border-radius:4px;backdrop-filter:none;filter:none}
body[data-dashboard-theme] #app .preview-nav{left:3%;top:17%;width:12%}
body[data-dashboard-theme] #app .preview-nav i{height:4px;background:currentColor!important;border-radius:0;opacity:.7}
body[data-dashboard-theme] #app .theme-preview[data-preview-theme="liquid-glass-light"]:after{top:0;left:0;right:0;width:100%;height:23%}
body[data-dashboard-theme] #app .theme-preview[data-preview-theme="liquid-glass-light"] .preview-nav{left:8%;top:8%;width:84%;display:flex;gap:10px}
body[data-dashboard-theme] #app .theme-preview[data-preview-theme="liquid-glass-light"] .preview-nav i{width:20%;height:5px}
body[data-dashboard-theme] #app .theme-preview[data-preview-theme="liquid-glass-light"] .preview-kpis{left:8%;right:8%;top:41%}
body[data-dashboard-theme] #app .theme-save-status{color:var(--ink)!important;background:var(--surface-soft)!important;border:1px solid var(--edge)!important;border-radius:var(--corner);padding:16px 20px;margin-top:26px}

@media(max-width:1550px){
body[data-dashboard-theme] #app .executive-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body[data-dashboard-theme] #app .executive-main-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important}
body[data-dashboard-theme] #app .executive-side{grid-column:1/-1;grid-template-columns:1fr 1fr!important}
body[data-dashboard-theme] #app .executive-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-dashboard-theme] #app .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px){
body[data-dashboard-theme] #app .main{padding:24px!important}
body[data-dashboard-theme] #app .hero-title{font-size:32px!important}
body[data-dashboard-theme] #app .executive-main-grid{grid-template-columns:1fr!important}
body[data-dashboard-theme] #app .executive-side{grid-column:auto;grid-template-columns:1fr 1fr!important}
body[data-dashboard-theme] #app .theme-center-head{grid-template-columns:1fr}
body[data-dashboard-theme] #app .theme-account{min-width:0}
}
@media(max-width:980px){
body[data-dashboard-theme] #app.app-shell{display:block!important}
body[data-dashboard-theme] #app .sidebar{position:relative!important;width:100%!important;height:auto!important;max-height:none;padding:14px 18px!important;border:0!important;border-bottom:1px solid var(--edge)!important;overflow:visible}
body[data-dashboard-theme] #app .brand{grid-template-columns:40px minmax(0,1fr) auto!important;margin:0!important;padding:0!important;border:0!important;min-height:40px}
body[data-dashboard-theme] #app .brand h1{font-size:11px!important}
body[data-dashboard-theme] #app .brand br{display:none}
body[data-dashboard-theme] #app :is(.pb-brand-title,.pb-brand-sub){display:none!important}
body[data-dashboard-theme] #app button.dashboard-menu-toggle{display:block!important;min-height:38px!important;background:var(--nav-active)!important;color:var(--nav-ink)!important;border:1px solid var(--edge)!important;padding:8px 12px!important}
body[data-dashboard-theme] #app .sidebar-navigation{display:none!important;margin-top:20px;max-height:65vh;overflow:auto}
body[data-dashboard-theme] #app.navigation-open .sidebar-navigation{display:block!important}
body[data-dashboard-theme] #app .sidebar-footer{display:none!important}
body[data-dashboard-theme] #app .sidebar .nav-item{min-height:42px!important;font-size:13px!important}
body[data-dashboard-theme] #app .main{padding:24px 18px 60px!important;background-attachment:scroll}
body[data-dashboard-theme] #app .hero{padding:0!important;background:transparent!important;border-radius:0!important;margin-bottom:24px!important}
body[data-dashboard-theme] #app .hero-title{font-size:30px!important;line-height:1.15!important;overflow-wrap:anywhere}
body[data-dashboard-theme] #app .hero-row{display:block}
body[data-dashboard-theme] #app .hero-actions{margin-top:18px!important;gap:8px}
body[data-dashboard-theme] #app .top-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body[data-dashboard-theme] #app .executive-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;border:0!important;background:transparent!important;padding:0!important}
body[data-dashboard-theme] #app .metric{min-height:122px!important;padding:16px!important;border:1px solid var(--edge)!important;background:var(--surface)!important;border-radius:var(--corner)!important}
body[data-dashboard-theme] #app .metric-value{font-size:32px!important}
body[data-dashboard-theme] #app .executive-side,body[data-dashboard-theme] #app .executive-bottom-grid{grid-template-columns:1fr!important}
body[data-dashboard-theme] #app .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-dashboard-theme] #app :is(.pro-card,.card,.table-card){padding:18px!important}
body[data-dashboard-theme] #app .live-employees-card{overflow-x:auto!important}
body[data-dashboard-theme] #app .live-employees-card .pro-table{min-width:600px}
body[data-dashboard-theme] #app .key-status-card .donut-wrap{display:flex;grid-template-columns:none}
}
@media(max-width:560px){
body[data-dashboard-theme] #app .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center}
body[data-dashboard-theme] #app .hero-actions button{width:100%;height:40px!important;min-width:0}
body[data-dashboard-theme] #app .header-language-control{height:40px;justify-content:space-between;min-width:0}
body[data-dashboard-theme] #app .header-language-control select{min-width:80px!important;max-width:108px;width:auto;height:40px!important}
body[data-dashboard-theme] #app .header-language-status{grid-column:1/-1;text-align:left;font-size:11px}
body[data-dashboard-theme] #app .theme-grid{grid-template-columns:1fr}
body[data-dashboard-theme] #app .theme-account{width:100%}
body[data-dashboard-theme] #app .hero-title{font-size:28px!important}
body[data-dashboard-theme] #app :is(.card-title,.pro-title){font-size:17px!important}
body[data-dashboard-theme] #app .theme-center-head{margin-bottom:22px}
body[data-dashboard-theme] #app :is(.settings-card,.pdf-weekday-fieldset){padding:16px!important}
body[data-dashboard-theme] #app .quick-actions-card .action-row{flex-basis:100%}
body[data-dashboard-theme] #app .donut-legend{max-width:280px}
}
/* Permission hiding wins over every visual layout and responsive rule. */
body[data-dashboard-theme] #app .nav-item[aria-hidden="true"]{display:none!important}
@media(prefers-reduced-motion:reduce){body[data-dashboard-theme] #app *,body[data-dashboard-theme] #app *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Per-preview palettes, independent of the currently selected theme. */
body[data-dashboard-theme] #app .theme-preview[data-preview-theme="v49-signature"]{background-image:url("/assets/themes/v49-signature.svg?v=rc20")!important;color:#f4f2eb!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="v49-signature"]:after{background:#101416!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="v49-signature"] .preview-kpis i{background:#202629!important;border:1px solid #ffb56d!important;border-radius:0px!important;color:#ffb56d!important}
body[data-dashboard-theme] #app .theme-preview[data-preview-theme="classic-heritage"]{background-image:url("/assets/themes/classic-heritage.svg?v=rc20")!important;color:#25392f!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="classic-heritage"]:after{background:#f2f0e9!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="classic-heritage"] .preview-kpis i{background:#fcfbf6!important;border:1px solid #325f49!important;border-radius:0px!important;color:#325f49!important}
body[data-dashboard-theme] #app .theme-preview[data-preview-theme="modern-enterprise"]{background-image:url("/assets/themes/modern-enterprise.svg?v=rc20")!important;color:#263e54!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="modern-enterprise"]:after{background:#ffffff!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="modern-enterprise"] .preview-kpis i{background:#ffffff!important;border:1px solid #235dcc!important;border-radius:10px!important;color:#235dcc!important}
body[data-dashboard-theme] #app .theme-preview[data-preview-theme="liquid-glass-light"]{background-image:url("/assets/themes/liquid-glass-light.svg?v=rc20")!important;color:#153b48!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="liquid-glass-light"]:after{background:#f9fdff!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="liquid-glass-light"] .preview-kpis i{background:#f9fdff!important;border:1px solid #086d82!important;border-radius:22px!important;color:#086d82!important}
body[data-dashboard-theme] #app .theme-preview[data-preview-theme="liquid-glass-dark"]{background-image:url("/assets/themes/liquid-glass-dark.svg?v=rc20")!important;color:#e5f2e8!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="liquid-glass-dark"]:after{background:#0d1515!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="liquid-glass-dark"] .preview-kpis i{background:#142120!important;border:1px solid #b3e7a8!important;border-radius:0px!important;color:#b3e7a8!important}
body[data-dashboard-theme] #app .theme-preview[data-preview-theme="warm-premium"]{background-image:url("/assets/themes/warm-premium.svg?v=rc20")!important;color:#fff6e9!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="warm-premium"]:after{background:#49362d!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="warm-premium"] .preview-kpis i{background:#fffbf5!important;border:1px solid #914b31!important;border-radius:0 20px 20px 20px!important;color:#914b31!important}
body[data-dashboard-theme] #app .theme-preview[data-preview-theme="dresden-signature"]{background-image:url("/assets/themes/dresden-signature.svg?v=rc20")!important;color:#faf4e8!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="dresden-signature"]:after{background:#14243b!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="dresden-signature"] .preview-kpis i{background:#ffffff!important;border:1px solid #735b2e!important;border-radius:4px!important;color:#735b2e!important}

/* Orbit: inset navigation, studio header and compact four-column instruments. */
body[data-dashboard-theme="orbit-studio"] #app .sidebar{top:16px;height:calc(100vh - 32px);max-height:calc(100vh - 32px);margin:16px 0 16px 16px;border:1px solid var(--edge)!important;border-radius:18px!important}
body[data-dashboard-theme="orbit-studio"] #app .main{padding:32px!important}
body[data-dashboard-theme="orbit-studio"] #app .hero{padding:26px!important;background:var(--surface)!important;border-left:4px solid var(--accent)!important;border-radius:20px!important}
body[data-dashboard-theme="orbit-studio"] #app .hero-title{font-size:36px!important;font-weight:500!important}
body[data-dashboard-theme="orbit-studio"] #app .executive-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-dashboard-theme="orbit-studio"] #app .metric{min-height:118px!important;border-top:2px solid var(--accent)!important}
body[data-dashboard-theme="orbit-studio"] #app .metric-value{font-size:32px!important}
body[data-dashboard-theme="orbit-studio"] #app .executive-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
body[data-dashboard-theme="orbit-studio"] #app .executive-side{grid-column:1/-1;grid-template-columns:1.5fr 1fr}
body[data-dashboard-theme="orbit-studio"] #app .key-status-card .donut-wrap{display:grid;grid-template-columns:158px minmax(0,1fr)}
body[data-dashboard-theme] #app .theme-group-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 18px;color:var(--ink)}
body[data-dashboard-theme] #app .theme-group-heading h3{margin:0;font:650 21px/1.3 var(--heading-font),sans-serif;color:var(--ink)}
body[data-dashboard-theme] #app .theme-group-heading>span{font-size:12px;color:var(--subtle);white-space:nowrap}
body[data-dashboard-theme] #app .theme-grid[data-theme-group]{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1650px){body[data-dashboard-theme] #app .theme-grid[data-theme-group]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){body[data-dashboard-theme="orbit-studio"] #app .executive-main-grid{grid-template-columns:1fr!important}}
@media(max-width:980px){body[data-dashboard-theme="orbit-studio"] #app .sidebar{top:0;height:auto;max-height:none;margin:0;border:0!important;border-bottom:1px solid var(--edge)!important;border-radius:0!important}body[data-dashboard-theme="orbit-studio"] #app .main{padding:24px 18px 60px!important}body[data-dashboard-theme="orbit-studio"] #app .hero{padding:0!important;background:transparent!important;border-left:0!important;border-radius:0!important}body[data-dashboard-theme="orbit-studio"] #app .executive-side{grid-template-columns:1fr!important}body[data-dashboard-theme="orbit-studio"] #app .key-status-card .donut-wrap{display:flex}}
@media(max-width:560px){body[data-dashboard-theme] #app .theme-grid[data-theme-group]{grid-template-columns:1fr}body[data-dashboard-theme="orbit-studio"] #app .hero-title{font-size:28px!important}}
body[data-dashboard-theme] #app .theme-preview[data-preview-theme="dresden-signature"]{color:#faf4e8!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="dresden-signature"]:after{background:#0b1523!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="dresden-signature"] .preview-kpis i{background:#19283b!important;border-color:#e2c180!important;color:#e2c180!important}
body[data-dashboard-theme] #app .theme-preview[data-preview-theme="orbit-studio"]{background-image:url('/assets/themes/orbit-studio.svg?v=rc20')!important;color:#f0edf9!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="orbit-studio"]:after{background:#1b1829!important}body[data-dashboard-theme] #app .theme-preview[data-preview-theme="orbit-studio"] .preview-kpis i{background:#201e31!important;border:1px solid #c7b1ff!important;border-radius:12px!important;color:#c7b1ff!important}

/* Conversation navigation and metadata must remain legible in all eight themes. */
body[data-dashboard-theme] #chatPanel .chat-thread{background:var(--theme-panel)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;box-shadow:none!important}
body[data-dashboard-theme] #chatPanel .chat-thread.selected{border-color:var(--theme-accent)!important;box-shadow:inset 3px 0 var(--theme-accent)!important}
body[data-dashboard-theme] #chatPanel .chat-thread strong,body[data-dashboard-theme] #chatPanel .chat-thread small{color:inherit!important}
body[data-dashboard-theme] #chatPanel .chat-meta{color:var(--theme-muted)!important}
body[data-dashboard-theme] #chatPanel .chat-user{background:var(--theme-panel)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
body[data-dashboard-theme] #chatPanel .chat-msg{background:var(--theme-panel)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
body[data-dashboard-theme] #chatPanel .chat-msg.me{background:var(--theme-panel-soft)!important}

/* Messenger and persistent unread indicators. */
body[data-dashboard-theme] #chatPanel.docked{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;height:min(76vh,850px);min-height:520px;max-height:none;z-index:1;border-radius:20px;box-sizing:border-box}
#messengerDock{min-width:0}.chat-input textarea{flex:1;min-width:0;min-height:52px;max-height:160px;resize:vertical;font:inherit}
.chat-unread-bell{display:inline-flex;align-items:center;gap:3px;background:#c71935;color:#fff;border-radius:999px;padding:4px 6px;font-size:10px;line-height:1;animation:chatBellPulse 1.6s ease-in-out infinite;flex-shrink:0}
.chat-unread-bell[hidden]{display:none!important}.chat-unread-bell svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes chatBellPulse{0%,100%{box-shadow:0 0 0 0 rgba(199,25,53,.42)}50%{box-shadow:0 0 0 7px rgba(199,25,53,0)}}
@media(prefers-reduced-motion:reduce){.chat-unread-bell{animation:none}}
.chat-user .chat-dot.offline{background:#8792a4}.chat-receipt{margin-top:7px;font-size:11px;color:var(--theme-muted,#91a6bf)}
.chat-receipt[data-read-status="read"]{color:#48bfff}.chat-receipt details{display:inline-block;margin-left:7px}.chat-receipt details[open]{display:block}.chat-receipt details div{margin-top:4px}
body[data-theme-tone="light"] .chat-receipt[data-read-status="read"]{color:#075db0}.thread-unread{display:inline-block;border-radius:10px;background:#c71935;color:white;padding:1px 5px}
body[data-dashboard-theme] #chatPanel .chat-input textarea{background:var(--theme-input);color:var(--theme-text);border-color:var(--theme-border)}
@media(max-width:600px){body[data-dashboard-theme] #chatPanel.docked{height:78vh;min-height:470px}.chat-unread-bell{padding:3px}.chat-input{padding:8px}.chat-input textarea{max-width:100%}}

#messengerDock #chatPanel.docked{height:max(480px,calc(100dvh - 410px));min-height:480px;box-shadow:0 5px 24px rgba(0,0,0,.13)!important;font-family:Arial,sans-serif}
#messengerDock #chatPanel .chat-thread{background:var(--theme-panel)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;text-align:left}
#messengerDock #chatPanel .chat-thread.selected{background:var(--theme-panel-soft)!important;border-color:var(--theme-accent)!important}

#chatPanel .chat-msg{align-self:flex-start;max-width:86%;box-sizing:border-box}
#chatPanel .chat-msg.me{align-self:flex-end}
#chatPanel .chat-msg>div[data-user-content]{white-space:pre-wrap;overflow-wrap:anywhere}

/* One contact directory and conversation list shared by the full messenger and popup. */
#chatPanel .chat-sidebar{width:270px;flex:0 0 270px;display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--theme-border);background:var(--theme-panel-soft);box-sizing:border-box}
#chatPanel .chat-sidebar-tabs{display:flex;gap:5px;padding:12px 10px 8px}
#chatPanel .chat-sidebar-tabs button{flex:1;min-width:0;font-size:11px}
#chatPanel .chat-sidebar-tabs button[aria-pressed="true"]{border-color:var(--theme-accent)!important;box-shadow:inset 0 -2px var(--theme-accent)!important}
#chatPanel .chat-search-label{padding:0 12px;font-size:11px;color:var(--theme-muted)}
#chatPanel #chatSearch{width:calc(100% - 20px);min-width:0;margin:5px 10px;padding:9px 10px;font-size:12px;box-sizing:border-box;background:var(--theme-input);color:var(--theme-text);border:1px solid var(--theme-border);border-radius:10px}
#chatPanel .chat-unread-filter{display:flex;align-items:center;gap:7px;padding:5px 12px;font-size:11px;color:var(--theme-muted)}
#chatPanel .chat-unread-filter input{width:15px;height:15px;min-width:15px;margin:0;accent-color:var(--theme-accent)}
#chatPanel .chat-directory-hint{padding:5px 12px 10px;font-size:10px;color:var(--theme-muted);line-height:1.5}
#chatPanel .chat-sidebar :is(.chat-users,.chat-threads){display:block;flex:1;min-height:0;width:auto;max-height:none;padding:0 8px 8px;overflow:auto;border:0;background:transparent!important}
#chatPanel .chat-sidebar [hidden],#chatPanel [hidden]{display:none!important}
#chatPanel .chat-user{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;text-align:left;padding:10px!important;margin-bottom:6px;border-radius:12px;font:inherit;white-space:normal;min-width:0}
#chatPanel .chat-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:var(--theme-panel-soft);border:1px solid var(--theme-border);color:var(--theme-accent);font-size:12px;font-weight:800}
#chatPanel .chat-contact-label{display:block;min-width:0}.chat-contact-label strong{display:block;overflow-wrap:anywhere;font-size:12px}.chat-contact-label small{display:block;margin-top:5px;color:var(--theme-muted);font-size:10px}
body[data-dashboard-theme] #app #chatPanel .chat-user{background:var(--theme-panel)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
body[data-dashboard-theme] #app #chatPanel .chat-contact-label strong{color:var(--theme-text)!important}
#chatPanel .chat-thread{width:100%;box-sizing:border-box;min-width:0;max-width:none;border-radius:12px;padding:11px!important}
#chatPanel .chat-thread-top{display:flex;align-items:center;justify-content:space-between;gap:6px}#chatPanel .chat-thread-top strong{white-space:normal;overflow-wrap:anywhere;min-width:0}
#chatPanel .chat-thread-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5;font-weight:400;font-size:11px;color:var(--theme-muted);margin:5px 0;overflow-wrap:anywhere}
#chatPanel .chat-empty{padding:12px;line-height:1.6}
#chatPanel .chat-conversation-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
#chatPanel .chat-conversation-heading>strong{font-size:16px;overflow-wrap:anywhere}
#chatPanel .chat-workflow-state{font-size:10px;white-space:nowrap}
#chatPanel .chat-date-divider{align-self:center;padding:5px 12px;border-radius:20px;background:var(--theme-panel-soft);border:1px solid var(--theme-border);color:var(--theme-muted);font-size:11px;margin:4px 0}
#chatPanel .chat-conversation{position:relative;overflow:hidden}#chatPanel .chat-body{scrollbar-gutter:stable}
#chatPanel .chat-latest{align-self:center;position:absolute;bottom:10px;z-index:1;max-width:calc(100% - 20px);box-shadow:0 3px 12px rgba(0,0,0,.2)}
#chatPanel .chat-editor{flex:1;min-width:0}#chatPanel .chat-editor textarea{display:block;width:100%;max-width:100%;box-sizing:border-box}
#chatPanel .chat-input{align-items:flex-start}#chatPanel .chat-composer-hint{display:flex;justify-content:space-between;gap:8px;margin-top:5px;font-size:10px;color:var(--theme-muted)}
#chatPanel .chat-connection-status{padding:8px 12px;background:#784900;color:#fff;font-size:12px}
#chatPanel .chat-compose-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:7px}
#chatPanel .chat-compose-tools button{font-size:11px;padding:5px 9px!important}
#chatPanel .chat-gif-selection{font-size:10px;overflow-wrap:anywhere;max-width:200px;color:var(--theme-muted)}
#chatPanel .chat-emoji-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;max-width:340px;padding:8px;margin-bottom:7px;background:var(--theme-panel-soft);border:1px solid var(--theme-border);border-radius:12px}
#chatPanel .chat-emoji-picker .chat-emoji{padding:5px!important;font-size:21px!important;line-height:1.5;background:var(--theme-panel)!important;box-shadow:none!important;border:1px solid transparent!important;color:var(--theme-text)!important}
#chatPanel .chat-emoji-picker .chat-emoji:focus-visible{outline:2px solid var(--theme-accent)}
#chatPanel .chat-gif-card{margin-top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:100%}
#chatPanel .chat-gif-card img{display:block;max-width:100%;max-height:240px;object-fit:contain;border-radius:10px}
#chatPanel .chat-gif-card button{font-size:11px}
#chatPanel:not(.docked) .chat-sidebar{width:205px;flex-basis:205px}#chatPanel:not(.docked) .chat-thread-preview{-webkit-line-clamp:1}
#chatPanel .chat-mobile-directory{display:none}
@media(max-width:700px){
  #chatPanel .chat-mobile-directory{display:block;margin:5px 8px;text-align:left;font-size:11px;padding:7px 10px!important}
  #chatPanel:not(.chat-directory-open) .chat-sidebar{display:none!important}
  #chatPanel .chat-sidebar-tabs button{font-size:10px;padding:6px 4px!important}
  body:has(#chatPanel.open) .chat-fab{display:none}
  #chatPanel .chat-workspace{flex-direction:column}#chatPanel .chat-sidebar,#chatPanel:not(.docked) .chat-sidebar{width:100%;flex:0 0 190px;max-height:190px;border-right:0;border-bottom:1px solid var(--theme-border);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}
  #chatPanel .chat-sidebar-tabs{padding:6px;grid-column:1;grid-row:1}#chatPanel .chat-search-label{display:none}#chatPanel #chatSearch{grid-column:2;grid-row:1;width:calc(100% - 12px);margin:6px;padding:8px}
  #chatPanel .chat-unread-filter{grid-column:1;grid-row:2;padding:0 8px 5px;font-size:10px}#chatPanel .chat-directory-hint{grid-column:2;grid-row:2;padding:0 8px 5px;font-size:9px}
  #chatPanel .chat-sidebar :is(.chat-users,.chat-threads){grid-column:1 / -1;grid-row:3;display:flex;gap:7px;overflow:auto;padding:3px 7px 7px}
  #chatPanel .chat-sidebar .chat-thread{flex:0 0 180px;margin:0}#chatPanel .chat-sidebar .chat-user{flex:0 0 165px;margin:0;padding:8px!important}#chatPanel .chat-sidebar .chat-avatar{display:none}
  #chatPanel .chat-thread-preview{-webkit-line-clamp:1}#chatPanel .chat-thread small{font-size:9px}#chatPanel .chat-thread-actions{gap:4px}#chatPanel .chat-thread-actions button{font-size:10px;padding:5px 7px!important}
  #chatPanel .chat-thread-header{padding:8px}#chatPanel .chat-conversation-heading>strong{font-size:13px}#chatPanel .chat-composer-hint>span:first-child{display:none}
  #messengerDock #chatPanel.docked{min-height:650px;height:80dvh}#chatPanel .chat-body{padding:10px}#chatPanel .chat-msg{max-width:94%}
}

/* Spacious messenger: directory stays beside the conversation and its composer. */
#messengerDock #chatPanel.docked{height:max(760px,calc(100dvh - 100px));min-height:760px}
body[data-dashboard-theme] #chatPanel:not(.docked){width:960px;height:min(760px,calc(100dvh - 100px));min-height:520px}
#chatPanel .chat-head{flex-shrink:0;gap:12px}#chatPanel .chat-head-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}
#chatPanel .chat-workspace{flex:1;min-height:0;overflow:hidden}
#chatPanel .chat-sidebar{width:320px;flex-basis:320px}
#chatPanel:not(.docked) .chat-sidebar{width:280px;flex-basis:280px}
#chatPanel .chat-sidebar .chat-folders{padding:12px 10px 5px;margin:0;flex-shrink:0;gap:5px}
#chatPanel .chat-sidebar .chat-folders select{font-size:12px;padding:8px;min-width:0}
#chatPanel .chat-sidebar .chat-folders button{font-size:10px;white-space:normal;padding:7px!important;max-width:90px}
#chatPanel .chat-sidebar .chat-users,#chatPanel .chat-sidebar .chat-threads{flex:1 1 0;min-height:120px;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:auto}
#chatPanel .chat-conversation{flex:1;min-height:0;min-width:0}
#chatPanel .chat-conversation>.chat-input{flex-shrink:0;border-top:1px solid var(--theme-border);background:var(--theme-panel)!important;margin-top:0}
#chatPanel .chat-conversation>.chat-thread-header,#chatPanel .chat-conversation>.chat-target-row,#chatPanel .chat-connection-status{flex-shrink:0}
#chatPanel[data-chat-mode="thread"] .chat-target-row{display:none}
#chatPanel .chat-conversation>.chat-body{flex:1 1 0;min-height:80px}
#chatPanel .chat-empty-state{margin:auto;padding:28px;max-width:420px;text-align:center;color:var(--theme-muted);line-height:1.7}
#chatPanel .chat-empty-state svg{display:block;margin:0 auto 14px;width:42px;height:42px;fill:none;stroke:var(--theme-accent);stroke-width:1.5}
#chatPanel .chat-empty-state strong{display:block;color:var(--theme-text);font-size:18px}#chatPanel .chat-empty-state p{margin:8px 0;font-size:13px}
#chatPanel .chat-latest{position:static;bottom:auto;flex-shrink:0;margin:4px 8px}
body.chat-expanded-open{overflow:hidden!important}
body[data-dashboard-theme] #chatPanel.expanded,body[data-dashboard-theme] #messengerDock #chatPanel.docked.expanded{position:fixed!important;inset:12px!important;left:12px!important;right:12px!important;top:12px!important;bottom:12px!important;width:calc(100vw - 24px)!important;height:calc(100dvh - 24px)!important;min-height:0!important;max-height:none!important;z-index:200;border-radius:18px}
@media(max-width:700px){
  #messengerDock #chatPanel.docked{height:85dvh;min-height:720px}
  body[data-dashboard-theme] #chatPanel:not(.docked){min-height:0}
  #chatPanel .chat-sidebar,#chatPanel:not(.docked) .chat-sidebar{display:flex!important;flex-direction:column;width:100%;flex:0 0 250px;max-height:250px}
  #chatPanel:not(.chat-directory-open) .chat-sidebar{display:none!important}
  #chatPanel .chat-sidebar .chat-folders{padding:5px 7px 0;flex:0 0 auto}
  #chatPanel .chat-sidebar .chat-folders select{padding:6px}
  #chatPanel .chat-sidebar .chat-sidebar-tabs{padding:5px 7px;flex-shrink:0}
  #chatPanel .chat-sidebar #chatSearch{margin:2px 7px;width:calc(100% - 14px);padding:7px;flex-shrink:0}
  #chatPanel .chat-sidebar .chat-directory-hint{padding:3px 8px;flex-shrink:0}
  #chatPanel .chat-sidebar .chat-unread-filter{padding:3px 8px;flex-shrink:0}
  #chatPanel .chat-sidebar .chat-users,#chatPanel .chat-sidebar .chat-threads{min-height:55px;flex:1 1 0;display:flex}
  #chatPanel .chat-head{display:flex;flex-wrap:wrap;padding:10px;gap:7px}#chatPanel .chat-head-actions{margin-left:auto;gap:4px}#chatPanel .chat-head-actions button{font-size:10px;padding:6px 7px!important}
  #chatPanel .chat-conversation>.chat-body{min-height:100px}
}