/* Norella V11.1 - consistent semantic palette across original Watakat V8.6 UI */
:root[data-theme="office"],:root[data-theme="light"]{
 --bg:#f4f7f8; --panel:#fff; --panel-2:#f7fafb; --card:#fff;
 --stroke:#d7e1e8; --text:#1a2b3c; --muted:#5f7287;
 --green:#18825d; --coral:#c65c71; --purple:#7955b4; --amber:#a46b1c;
 --blue:#356fae; --danger:#c7465e;
 --theme-bg:#f4f7f8; --theme-surface:#ffffff; --theme-surface2:#f7fafb;
 --theme-tile:#f5f8fa; --theme-input:#ffffff; --theme-border:#d7e1e8;
 --theme-text:#1a2b3c; --theme-muted:#526579; --theme-accent:#268b83;
 --theme-active:#e5f4f0; --theme-primary:#287e7b;
 --theme-shadow:rgba(18,38,63,.065); color-scheme:light;
}
:root[data-theme="office"] body,:root[data-theme="light"] body{background:var(--theme-bg)!important;color:var(--theme-text)!important}
:root[data-theme="office"] .norella-team-toolbar,:root[data-theme="light"] .norella-team-toolbar{background:#14263a!important;color:#edf7fb!important;border-color:#263f52!important}
:root[data-theme="office"] .norella-workspace-tab,:root[data-theme="light"] .norella-workspace-tab{color:#e9f4f7!important;border-color:#51677a!important;background:transparent!important;opacity:1!important}
:root[data-theme="office"] .norella-workspace-tab.is-active,:root[data-theme="light"] .norella-workspace-tab.is-active{background:#55c7b1!important;color:#102b31!important;border-color:#55c7b1!important}
:root[data-theme="office"] #norellaCurrentWorkspace,:root[data-theme="light"] #norellaCurrentWorkspace{color:#b7d4db!important;opacity:1!important}
:root[data-theme="office"] .norella-team-toolbar .btn,:root[data-theme="light"] .norella-team-toolbar .btn{background:#f6fafb!important;color:#15323c!important;border-color:#d5e1e5!important}
:root[data-theme="office"] .metric-card,:root[data-theme="office"] .panel,:root[data-theme="light"] .metric-card,:root[data-theme="light"] .panel{background:#fff!important;border-color:#d7e1e8!important;box-shadow:0 4px 18px rgba(18,38,63,.055)!important}
:root[data-theme="office"] .table-wrap thead th,:root[data-theme="light"] .table-wrap thead th{background:#eff4f5!important;color:#4c6071!important;border-bottom:1px solid #d7e1e8!important}
:root[data-theme="office"] .table-wrap tbody td,:root[data-theme="light"] .table-wrap tbody td{color:#25394a!important;border-color:#e0e8eb!important}
:root[data-theme="office"] .w-name,:root[data-theme="light"] .w-name{color:#1a2b3c!important}
:root[data-theme="office"] .inline-status,:root[data-theme="light"] .inline-status{filter:none!important;opacity:1!important;background:color-mix(in srgb,var(--status-color) 13%,white)!important;color:color-mix(in srgb,var(--status-color) 80%,#142b3b)!important;border-color:color-mix(in srgb,var(--status-color) 30%,white)!important}
:root[data-theme="office"] .status-pill,:root[data-theme="office"] .badge,:root[data-theme="light"] .status-pill,:root[data-theme="light"] .badge{filter:none!important;opacity:1!important}
:root[data-theme="office"] .btn.primary,:root[data-theme="light"] .btn.primary{background:#287e7b!important;color:#fff!important;box-shadow:none!important}
:root[data-theme="office"] .btn.secondary,:root[data-theme="light"] .btn.secondary{background:#fff!important;color:#223c4b!important;border:1px solid #d3dee4!important}
:root[data-theme="office"] .tab-btn.active,:root[data-theme="light"] .tab-btn.active{background:#e0f0ed!important;color:#155f59!important}
:root[data-theme="office"] input,:root[data-theme="office"] select,:root[data-theme="office"] textarea,:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea{color:#243b4b!important;background:#fff!important;border-color:#cbd9e0!important}
:root[data-theme="office"] input::placeholder,:root[data-theme="office"] textarea::placeholder,:root[data-theme="light"] input::placeholder,:root[data-theme="light"] textarea::placeholder{color:#8294a2!important}
:root[data-theme="office"] .metric-label,:root[data-theme="light"] .metric-label{color:#5c7080!important}
:root[data-theme="office"] .metric-value.green,:root[data-theme="light"] .metric-value.green{color:#137a52!important}
:root[data-theme="office"] .metric-value.coral,:root[data-theme="light"] .metric-value.coral{color:#bd6073!important}
:root[data-theme="office"] .metric-value.purple,:root[data-theme="light"] .metric-value.purple{color:#7955ab!important}
:root[data-theme="office"] .month-bar,:root[data-theme="light"] .month-bar{background:#fff!important;border-color:#d7e1e8!important}
:root[data-theme="office"] *:focus-visible,:root[data-theme="light"] *:focus-visible{outline:2px solid #218d86!important;outline-offset:2px}
/* Preserve semantic dark-theme status colors and existing component structure. */