/* Shared readable palette; layouts remain selectable independently of colours. */
:root{--brand-black:#f4f6f8;--brand-white:#fff;--brand-red:#a9472c;--brand-gold:#176f68}
html{background:#f4f6f8;color-scheme:light}
body,body[class]{--bg:#f4f6f8;--panel:#fff;--ink:#202e3c;--muted:#536575;--line:#d6dfe5;--accent:#176f68;--soft:#edf3f3;--hero:#eaf3f1;--hero-ink:#202e3c;--sidebar:#fff;--side-ink:#415565;--warn:#a83d29;--ring-color:#176f68;--radius:12px;background:var(--bg);color:var(--ink);font:16px/1.45 'Segoe UI',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
body[class] :is(button,input,select,textarea){font-family:inherit;font-size:15px;line-height:1.4}
body[class] :is(button,.button-link,.toolbar-action){min-height:42px;border:1px solid #bdcbd4;border-radius:8px;padding:9px 15px;cursor:pointer;background:#fff;color:#263c4c;box-shadow:0 1px 2px #172d3e0a;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600}
body[class] button:hover:not(:disabled),body[class] .button-link:hover{background:#edf4f3;border-color:#6f9693}
body[class] :is(button.active,button[aria-selected=true],button[aria-pressed=true],button.primary,.auth-card button[type=submit]){background:#176f68;color:#fff;border-color:#176f68}
body[class] button:disabled{cursor:wait;opacity:.55}
body[class] input,body[class] select,body[class] textarea{min-height:42px;border:1px solid #bdcbd4;background:white;color:var(--ink);padding:8px 12px;border-radius:8px}
body[class] input[type=checkbox]{min-height:18px;width:18px;height:18px;accent-color:#176f68}
body[class] :is(a,button,input,select,summary):focus-visible{outline:3px solid #176f68;outline-offset:3px}
body[class] a{color:#176b68}
body[class] :is(p,label,small,.overline,.metric>span,.person-stats span,.insight-label,.source-status,.data-filters,.comm-signal,.profile-badges,.chart-labels,.personal-plan small,.person-rank,.mode-label,.table-box th,.table-box td,.explore-shell label,.explore-shell th,.explore-shell td){font-size:14px;line-height:1.45}
body[class] :is(.table-box td,.explore-shell td,.section-content p,.person-info h3){font-size:16px}
body[class] :is(h1,h2,h3){font-family:var(--font-brand);color:var(--ink);line-height:1.2}
body[class] h1,body[class] .page-title h1{font-size:30px;font-weight:600;text-transform:none;letter-spacing:-.5px}
body[class] h2{font-size:24px;font-weight:600;margin:0 0 14px}
body[class] h3{font-size:20px;font-weight:600}
body[class] .overline{letter-spacing:1px;font-weight:600;color:var(--muted)}
body[class] :is(.panel,.person-card,.metric,.insight-card){border:1px solid var(--line);border-radius:12px;box-shadow:none}
body[class] .panel{padding:20px;background:#fff;margin:0}
body[class] .application-bar{min-height:64px;padding:10px 24px;background:#fff;gap:12px;border-bottom:1px solid var(--line)}
body[class] .application-bar .view-switch{background:transparent;gap:6px}
body[class] .application-bar .current-theme{display:none}
body[class] :is(.toolbar-brand img,.sidebar .brand img,.auth-brand img,.explore-top img,.live-loading img){filter:brightness(0) saturate(100%);opacity:.85}
body[class] .design-main{padding:18px 26px;min-width:0}
body[class] .sidebar{background:#fff;border-right:1px solid var(--line);padding:22px 14px}
body[class] .sidebar nav{display:grid;gap:8px}
body[class] .sidebar nav button{justify-content:flex-start;width:100%;font-size:15px}
body[class] .sidebar .brand span,body[class] .side-label{font-size:12px;letter-spacing:.8px}
body[class] .content-top,body[class] .design-footer{display:none}
body[class] .source-status{margin:0 0 12px;gap:15px;flex-wrap:wrap;background:none;padding:0}
body[class] .page-title{margin:0 0 18px;gap:20px;align-items:center}
body[class] .page-title .overline{display:none}
body[class] .data-filters{gap:10px}
body[class] .section-tabs{min-width:0;min-height:0}
.section-tabs>nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.section-content{min-width:0;min-height:0}
.section-content>.panel+.panel{margin-top:16px}
body[class] .section-content .table-box{margin-top:14px;background:#fff;max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:10px}
body[class] :is(.table-box th,.table-box td){padding:13px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
body[class] .table-box th{background:#edf2f5;color:#42596a;position:sticky;top:0;z-index:1;font-weight:600}
body[class] .table-box a{color:#176b68;font-weight:600}
body[class] .table-box tbody tr:hover{background:#f4f8f8}
body[class] .table-box td small{font-size:14px;color:var(--muted)}
body[class] .insight-leader{background:#edf6f1;border-color:#b6d5c3}
body[class] .insight-lagging{background:#fff3ec;border-color:#e4c6b5}
body[class] .insight-action{background:#f0f4fa;border-color:#c5d4e5}
body[class] .insight-card{padding:18px;display:block;text-align:left;color:var(--ink)}
body[class] .insight-card .insight-result strong{color:var(--ink)}
body[class] .insight-card:hover{box-shadow:0 4px 14px #203e5010}
body[class] .management-overview{margin:18px 0 0;gap:16px}
body[class] .hero{background:var(--hero);color:var(--ink);padding:22px;border-radius:12px;min-height:0}
body[class] .hero-row{grid-template-columns:1fr}
body[class] .overview-screen>.hero-row>.communications,body[class] .overview-screen>.bento-top>.stack{display:none}
body[class] .overview-screen .bento-top{grid-template-columns:1fr}
body[class] .overview-screen :is(.hospitality-intro,.wall-title,.people-intro,.editorial-lead){padding:22px;background:var(--hero);border:1px solid var(--line);border-radius:12px;margin:0}
body[class] .overview-screen :is(.hospitality-intro,.wall-title,.people-intro) h2{font-size:32px}
body[class] .overview-screen :is(.hero-value,.wall-title strong,.people-intro strong,.hospitality-result strong,.editorial-lead h2){font-size:42px;line-height:1.15;color:var(--ink)}
body[class] .overview-screen .editorial-caption{display:none}
body[class] .overview-screen .editorial-lead{grid-template-columns:1fr 2fr}
body[class] :is(.hero .progress,.hero-progress,.personal-plan .progress){background:#d4e3df}
body[class] .progress i{background:#176f68}
body[class] .person-card{display:block;text-align:left;background:white;color:var(--ink);padding:20px}
body[class] .person-card .portrait,body[class] .portrait{background:#e6eeec!important;color:#829f99!important}
body[class] .person-stats{gap:12px}
body[class] .person-stats b{font-size:20px}
body[class] .person-grid{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
body[class] .person-selector,body[class] .personal-tabs{margin:0 0 14px}
body[class] .personal-tabs{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0}
body[class] .manager-hero{max-height:210px;margin:0;background:var(--hero);border-radius:12px}
body[class] .manager-hero .portrait.large{width:110px;height:140px;min-height:0}
body[class] .manager-hero :is(h2,.people-person-copy h2){font-size:30px}
body[class] .manager-hero :is(.personal-summary strong,.editorial-person-result strong,.people-person-result b){font-size:38px}
body[class] .personal-summary{padding:20px}
body[class] .manager-focus{margin-top:16px}
body[class] .personal-kpis{margin:16px 0;gap:16px}
body[class] .personal-kpis .metric{padding:14px 18px;background:#fff}
body[class] .personal-kpis .metric strong{font-size:26px}
body[class] .personal-kpis .metric>span{font-size:14px}
body[class] .manager-direction,.manager-focus>.panel{padding:18px}
body[class] .manager-focus .spark{max-height:90px}
body[class] .attention-counts{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin:16px 0}
.attention-counts b{font-size:24px;margin-right:6px}
.attention-counts>span:last-child{margin-left:auto;color:var(--muted);font-size:14px}
.wait-badge{padding:5px 10px;border-radius:6px;background:#eef2f7;color:#3b536b;font-size:14px;white-space:nowrap}
.wait-badge.manager{background:#fff0e6;color:#8d431b}
body[class] .explore-shell{max-width:1720px;padding:18px 28px;margin:auto}
body[class] .explore-top{margin:0 0 12px;min-height:48px}
body[class] .explore-top img{width:110px;height:44px}
body[class] .explore-shell>.overline{display:none}
body[class] .explore-shell h1{margin:0 0 16px;font-size:30px}
body[class] .explore-shell h2{font-size:22px}
body[class] .explore-shell .panel{padding:18px;margin:16px 0}
body[class] .explore-shell summary{font-size:15px;padding:6px 0;cursor:pointer;font-weight:600;color:#294a59}
body[class] .explore-shell .explore-filters{background:white}
body[class] .explore-controls{margin:14px 0;gap:24px}
body[class] .explore-range{gap:12px}
body[class] .explore-message:empty{display:none}
body[class] .explore-summary{gap:14px;margin:14px 0;grid-template-columns:repeat(3,minmax(0,1fr))}
body[class] .explore-summary>div{padding:18px;font-size:15px}
body[class] .explore-summary strong{font-size:30px;margin:8px 0}
body[class] .explore-summary small{font-size:14px}
body[class] .explore-note{font-size:14px;margin:8px 0;color:var(--muted)}
body[class] .explore-actions{align-items:center;gap:10px}
body[class] .explore-calendar{max-height:520px;overflow:auto}
body[class] .admin-dialog{width:1100px;box-shadow:0 24px 80px #203e5030}
body[class] .admin-content button{background:#fff;color:var(--ink);border:1px solid #bdcbd4;justify-content:flex-start}
body[class] .admin-content :is(label,p,small,.personnel-card){font-size:14px}
body[class] .auth-card{box-shadow:0 16px 50px #203e5010}
body[class] :is(.setup-key,.recovery-codes code,#notification){background:#edf3f3;color:var(--ink)}
body[class] .theme-thumbnail{--thumb-bg:#f4f6f8;--thumb-dark:#cedbdc;--thumb-accent:#176f68}
body[class] .theme-option{color:var(--ink);text-align:left;display:block}
body[class] .theme-option.selected{color:var(--ink);background:#edf6f3;border-color:#176f68}
body[class] .theme-name b{font-size:15px}
body[class] main :is(p,small,label,span:not([data-metric])){font-size:14px!important;line-height:1.45}
body[class] .report-context{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
body[class] .attention-counts button{font-size:15px;min-height:46px}
body[class] .design-shell{height:calc(100dvh - 74px)}
body[class] .manager-hero{min-height:0!important;height:auto;max-height:none;padding:18px;gap:24px}
body[class] .manager-hero.people-person,body[class] .manager-hero.wall-person,body[class] .manager-hero.editorial-person{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center}
body[class] .manager-hero.editorial-person{grid-template-columns:120px minmax(0,1fr) minmax(240px,1fr)}
body[class] .manager-hero .people-person-copy{padding:0;min-height:0}
body[class] .manager-hero .people-person-copy :is(h2,p){margin:6px 0}
body[class] .manager-hero .people-person-result{margin:8px 0;gap:12px}
body[class] .manager-hero .people-person-result{padding:0;border:0}
body[class] .manager-hero .people-person-copy .progress{margin:8px 0}
body[class] .manager-hero.hospitality-person{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.3fr)}
body[class] .manager-hero.hospitality-person .profile-large{padding:12px;display:flex;flex-direction:row}
body[class] .manager-hero .personal-summary{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px}
body[class] .manager-hero :is(.profile,.profile-large){padding:12px;min-height:0}
body[class] .manager-hero .profile-large{display:flex;flex-direction:row;align-items:center;gap:20px}
body[class] .manager-hero .profile-large .portrait.large{width:110px;height:140px;min-height:0;flex:none}
body[class] .manager-hero .profile-large .profile-info{padding:0}
body[class] .manager-hero .profile-large h2{margin:6px 0;font-size:28px}
body[class] .design-main{max-width:none;margin:0;width:100%;text-align:left}
body[class] .design-main>:is(.source-status,.page-title,.person-selector,.personal-tabs,#manager-panel,.section-tabs){max-width:none;margin-left:0;margin-right:0;width:100%}
body[class] .manager-overview{max-width:none;width:100%;gap:12px}
body[class] .manager-overview,body[class] .manager-overview>*{min-width:0}
body[class] .manager-overview>.personal-kpis{margin:0}
body[class] .manager-focus{margin:0;gap:16px}
body[class] .application-bar{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}
body[class] .application-bar .toolbar-brand{margin-right:16px}
body[class] .application-bar .view-switch{margin:0;flex:none}
body[class] .application-bar .mode-label{margin-left:auto}
body[class] .sidebar .side-label{margin:0;padding:0 10px;font-size:14px}
body[class] .sidebar nav button.active{background:#176f68;color:#fff;border-color:#176f68}
body[class] .priority-row{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;justify-content:initial;text-align:left;width:100%;gap:18px;padding:11px 14px;margin:0 0 8px;min-height:46px}
body[class] .priority-row>strong{font-size:18px;white-space:nowrap;text-align:right}
body[class] .priority-row>span:last-child{text-align:right}
body[class] .manager-position{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-top:16px}
body[class] .manager-position>span{display:block;border:1px solid var(--line);background:var(--soft);border-radius:6px;padding:7px 10px}
body[class] .metric-caption{margin:7px 0 0;color:var(--muted)}
body[class] .manager-priorities .panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}
body[class] .manager-priorities .panel-head h3{margin:0}
body[class] .mini-badge{padding:5px 9px;white-space:nowrap;font-size:14px}
body[class] .source-copy{color:var(--muted)}
@media(min-width:1100px){
 body[class] .manager-hero.people-person h2 br{display:none}
 body[class] #app:has(.design-shell){height:100dvh;display:flex;flex-direction:column}
 body[class] .application-bar{flex-shrink:0}
 body[class] .design-shell{flex:1;min-height:0;height:auto!important;display:grid;grid-template-columns:200px minmax(0,1fr);margin:0}
 body[class] .sidebar{width:auto;min-width:0;position:relative;height:100%;display:flex;flex-direction:column;align-items:stretch;gap:16px}
 body[class] .sidebar .brand{margin:0;display:block;max-width:100%}
 body[class] .sidebar .brand img{max-width:100%}
 body[class] .sidebar .brand span{display:none}
 body[class] .sidebar nav{display:grid;gap:8px;flex:none}
 body[class] .sidebar nav span{display:inline}
 body[class] .sidebar .side-bottom{margin-top:auto}
 body:has(.design-shell),body:has(.explore-shell):not(.auth-body){overflow:hidden}
 body[class] .design-main{height:100%;display:flex;flex-direction:column;overflow:hidden}
 body[class] .design-main>.section-tabs{flex:1;display:flex;flex-direction:column;overflow:hidden}
 body[class] .section-tabs>.section-content{overflow:auto;flex:1;padding:0 4px 14px 0;scrollbar-gutter:stable}
 body[class] #manager-panel{flex:1;overflow:auto;min-height:0;padding-right:4px}
 body[class] #manager-panel>.section-tabs{height:100%;display:flex;flex-direction:column}
 body[class] .explore-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
 body[class] .explore-filters{flex-shrink:0;max-height:64vh;overflow:auto}
 body[class] #explore-results{flex:1;min-height:0;display:flex;flex-direction:column}
 body[class] #explore-results>.section-tabs{display:flex;flex-direction:column;flex:1;overflow:hidden}
 body[class] .section-content>.contact-attention{height:100%;display:flex;flex-direction:column}
 body[class] .contact-attention>.table-box{flex:1;min-height:0}
}
@media(max-width:1099px){body[class] .design-shell{height:auto}body[class] .person-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-content{overflow:auto}body[class] .manager-hero{max-height:none}}
@media(max-width:1099px){body[class] .manager-hero.hospitality-person{grid-template-columns:minmax(0,1fr)}body[class] .manager-hero .personal-summary{min-width:0;flex-wrap:wrap}body[class] .manager-hero .personal-summary>*{min-width:0}}
@media(max-width:760px){body[class] .application-bar{padding:10px;gap:8px}body[class] .design-main,body[class] .explore-shell{padding:16px}body[class] .person-grid{grid-template-columns:1fr}body[class] .explore-summary{grid-template-columns:1fr 1fr}body[class] h1{font-size:26px}.section-tabs>nav{flex-wrap:nowrap;overflow-x:auto}.section-tabs>nav>button{white-space:nowrap}body[class] .table-box{overflow:auto}body[class] .overview-screen .editorial-lead{grid-template-columns:1fr}body[class] .page-title{align-items:flex-start}.attention-counts>span:last-child{margin-left:0}}
@media(min-width:2200px){body[class] .design-main{padding:22px 32px}body[class] .manager-hero{grid-template-columns:minmax(360px,.8fr) minmax(0,1.6fr)}body[class] .person-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1400px){body[class] .application-bar .mode-label{display:none}body[class] .application-bar{gap:8px}body[class] .application-bar .toolbar-brand{margin-right:6px}body[class] .application-bar :is(button,.toolbar-action){padding:8px 11px;font-size:14px}}
@media(max-width:1099px){body[class] .page-title{flex-wrap:wrap;gap:12px}body[class] .design-main{overflow:visible}body[class] .personal-tabs{flex-wrap:nowrap;overflow-x:auto}body[class] .personal-tabs button{white-space:nowrap}body[class] .manager-hero.profile-summary-row{grid-template-columns:1fr}body[class] .manager-focus{grid-template-columns:1fr}body[class] .explore-controls{grid-template-columns:1fr}body[class] .explore-people{max-height:260px;overflow:auto}}
@media(max-width:760px){body[class] .sidebar{display:none}body[class] .application-bar .toolbar-brand{margin-right:auto}body[class] .view-switch{order:1}body[class] .application-bar>.toolbar-action{order:2}body[class] .manager-hero.people-person,body[class] .manager-hero.wall-person,body[class] .manager-hero.editorial-person{grid-template-columns:90px minmax(0,1fr);gap:12px}body[class] .manager-hero.editorial-person>.editorial-person-result{grid-column:1/-1}body[class] .manager-hero .portrait.large{width:90px!important;height:120px!important;min-height:0!important}body[class] .manager-hero :is(.people-person-copy,.profile-info){min-width:0}body[class] .manager-hero h2{font-size:25px;overflow-wrap:anywhere}body[class] .personal-summary{flex-wrap:wrap;gap:15px}body[class] .manager-hero .personal-plan{min-width:0}body[class] .data-filters{flex-wrap:wrap}body[class] .data-filters select{max-width:100%}body[class] .priority-row{gap:8px;padding:9px}body[class] .priority-row>strong{font-size:16px}body[class] .explore-range{align-items:stretch}body[class] .explore-range>label{flex:1;min-width:130px}body[class] .explore-range input{max-width:none;width:100%}}