/* CheckVN application theme. Semantic workflow colors remain in their component files. */
:root{--brand-primary:#b82438;--brand-deep:#8f1e30;--brand-gold:#efb738;--brand-ink:#443237;--brand-muted:#76635d;--brand-line:#e8dccc;--brand-tint:#fbe9e4;--brand-soft:#fff5e6;--brand-canvas:#faf6ef;--bg:var(--brand-canvas);--surface:#fff;--ink:var(--brand-ink);--muted:var(--brand-muted);--line:var(--brand-line);--green:var(--brand-primary);--lime:#ffe4a0;--amber:#986517;--shadow:0 10px 35px #69303d12;--ux-green:var(--brand-primary);--ux-text:var(--brand-ink)}
body{background:var(--brand-canvas);color:var(--brand-ink)}
input,select,textarea{border-color:var(--brand-line);accent-color:var(--brand-primary)}
input:focus,select:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #b8243815}
button:focus-visible,a:focus-visible{outline:3px solid var(--brand-gold);outline-offset:3px}
.btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}
.btn-primary:hover{background:var(--brand-deep)}
.btn-soft{background:var(--brand-tint);color:var(--brand-primary)}
.btn-lime{background:#ffe4a0;color:#623719}
.btn-light:hover{border-color:#d9b6a9;background:#fffaf2}
.avatar,.workspace .square{background:var(--brand-tint);color:var(--brand-primary)}
.sidebar{background:#fffdf9;border-color:var(--brand-line)}
.sidebar .brand{border-bottom:1px solid var(--brand-line);margin-bottom:18px;padding-bottom:19px}
.brand-caption{color:var(--brand-muted);font-size:9px;letter-spacing:1.5px}
.nav-item.active{background:var(--brand-tint);color:var(--brand-primary);box-shadow:inset 3px 0 var(--brand-primary)}
.nav-item.active .count{background:#f5d7cc;color:#8f1e30}
.nav-item:hover{background:#fff5e9}
.topbar{background:#fffdf9;border-bottom-color:var(--brand-line)}
.topbar-brand{display:none;align-items:center;justify-content:center;padding:0;flex-shrink:0}
.topbar-brand img{display:block;width:98px;height:34px;object-fit:contain}
.demo-chip{background:var(--brand-soft);border-color:#efd7a8;color:#8d5d24}
.notification:after{background:var(--brand-gold)}
.hero{background:linear-gradient(115deg,#841e31,#b82438)}
.hero .eyebrow,.hero p,.hero-flow>span{color:#f9e6dc}
.hero-actions .link-btn,.flow-mini{color:#fff4df}
.flow-mini span{color:#ffd676}
.flow-mini:last-child{background:#ffcf621a;border-color:#ffcf6245}
.progress>span,.hy-progress i,.room-progress>span{background:var(--brand-primary)}
.toast{background:#5d2633;color:#fffaf1}
/* Dashboard and person/AI home panels */
.hy-home-banner{background:linear-gradient(110deg,#fff5e5,#fffdf8);border:1px solid #ecd8b7;border-left:4px solid var(--brand-primary);color:var(--brand-ink);border-radius:15px}
.hy-home-banner strong{color:var(--brand-ink)}
.hy-home-banner span{color:var(--brand-muted)}
.ux-eyebrow,.office-eyebrow,.po-eyebrow{color:#a25348}
.ux-heading h1{color:var(--brand-ink)}
.ux-map-btn{color:var(--brand-primary);border-color:#e8c7bd;background:#fffdf8}
.ux-map-btn:hover{background:var(--brand-tint)}
.ux-kpis strong{color:var(--brand-ink)}
.ux-kpi-icon.green{background:var(--brand-tint);color:var(--brand-primary)}
.ux-kpi-icon.gold{background:#fff0ce;color:#966514}
.ux-kpi-icon.blue{background:#f4eaf3;color:#825377}
.ux-quick button{color:#8f532c;border-color:#eddbbc;background:#fff1d8}
.ux-quick button:first-child{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}
.ux-dept-grid>button>span{background:var(--brand-soft)!important;color:#9a5b36!important}
.ux-dept-grid>button.active{border-color:var(--brand-primary);background:#fff5ee}
.ux-dept-grid>button.active>span{background:#f9dfd8!important;color:var(--brand-primary)!important}
.ux-dept-grid>button.active strong{color:var(--brand-primary)}
.ux-person.selected{border-color:#c66064;box-shadow:0 0 0 2px #b824380b}
.ux-stage{background:#fff5e5;border-color:var(--brand-line);box-shadow:0 6px 25px #773e2d06}
.ux-stage-top>span{color:#8c5548}
.ux-stage-top i{background:var(--brand-primary)}
.ux-room-art{background:linear-gradient(#faf0e0 0 70%,#e9d7bb 70%)}
.ux-stage-caption{background:#fffdf8}
.ux-stage-top>button{color:var(--brand-primary)}
.ux-stage-actions .btn-soft{background:#fff0d4;color:#8b5a28}
.ux-bottom-nav{border-top-color:var(--brand-line);background:#fffdf8f5;box-shadow:0 -4px 20px #69303d08}
.ux-bottom-nav>button{color:var(--brand-muted)}
.ux-bottom-nav>button.active{color:var(--brand-primary);background:var(--brand-tint)}
.ux-bottom-new svg{background:var(--brand-primary);color:#fff;box-shadow:0 4px 12px #b8243824}
.ux-bottom-nav>button:focus-visible,.ux-dept-grid>button:focus-visible,.ux-person button:focus-visible{outline-color:var(--brand-gold)}
/* Shared work, agents, forms and settings */
.hy-tabs button.active,.pa-switch button.active,.view-switch button.active,.dept-option.selected,.department-tab.active,.roster-person.active{color:var(--brand-primary);border-color:#ce7d78;background:var(--brand-tint)}
.hy-explainer,.hy-box:not(.ai),.info-note,.pa-output,.pc-rule,.pc-steps,.pc-create-picker,.pc-task-panel,.pc-ai-context,.em-enable{background:var(--brand-soft);border-color:var(--brand-line)}
.pa-overview,.pc-overview{background:linear-gradient(110deg,#fff1db,#fffdf8);border-color:var(--brand-line)}
.pa-overview>div>strong,.pa-card-stats b,.po-metrics strong,.em-summary strong{color:var(--brand-primary)}
.pa-switch span,.pa-person-tags span,.pa-initial,.pc-code{background:var(--brand-tint);color:#8f3040;border-color:var(--brand-line)}
.pa-capabilities button:hover{background:var(--brand-soft)}
.pa-text-button,.drawer-tabs button.active{color:var(--brand-primary);border-color:var(--brand-primary)}
.em-card input[type=checkbox]{accent-color:var(--brand-primary)}
.pwa-install-card{background:#fffdf9;border-color:var(--brand-line)}
.pwa-install-card strong,.pwa-app-preview strong{color:var(--brand-ink)}
.pwa-install-card .btn{color:var(--brand-primary);background:var(--brand-tint);border-color:#e8c9bd}
.pwa-app-preview img,.pwa-install-card>img{border-color:var(--brand-line)}
.report-zone{background:var(--brand-deep)}
@media(max-width:760px){.topbar{padding:0 14px;gap:10px}.topbar>.flex{flex:1;min-width:0;gap:9px}.topbar-brand{display:flex;min-height:44px}.topbar-brand img{width:86px;height:32px}.topbar .breadcrumb{min-width:0;flex:1;gap:0;border-left:1px solid var(--brand-line);padding-left:10px}.topbar .breadcrumb>span,.topbar .breadcrumb>svg{display:none}.topbar .breadcrumb strong{font-size:12px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{gap:0;flex-shrink:0}.topbar-right .avatar{display:none}.topbar .icon-btn{min-width:42px;min-height:44px}.topbar .mobile-menu{border:0;background:none}.hy-home-banner{padding:16px;border-radius:15px}.ux-heading h1{font-size:clamp(25px,6.5vw,30px);line-height:1.35}.ux-quick{gap:10px}.ux-bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.mobile-shade.visible{background:#351a2b66}}
@media(max-width:360px){.topbar-brand img{width:76px}.topbar>.flex{gap:6px}.topbar .breadcrumb{padding-left:7px}.topbar .breadcrumb strong{font-size:11px}}