/* Data colours are independent of company accents. White surfaces remain white. */
:root{--status-blue:#4b6fa5;--status-green:#39745b;--status-amber:#9a6b24;--status-red:#a4544b;--status-teal:#347d80;--status-slate:#687483;--ux-blue:var(--status-blue);--ux-teal:var(--status-teal);--ux-amber:var(--status-amber);--ux-rose:var(--status-red);--ux-violet:#7b7059}
[data-tone=blue]{--tone:#4b6fa5;--tone-ink:#345582;--tone-soft:#edf3fb;--tone-line:#cbd9ed}
[data-tone=green]{--tone:#39745b;--tone-ink:#285a43;--tone-soft:#edf6f0;--tone-line:#c9dfd1}
[data-tone=amber]{--tone:#9a6b24;--tone-ink:#795019;--tone-soft:#fbf4e7;--tone-line:#e8d8b8}
[data-tone=red]{--tone:#a4544b;--tone-ink:#873e37;--tone-soft:#fbefed;--tone-line:#e9cbc5}
[data-tone=teal]{--tone:#347d80;--tone-ink:#265f62;--tone-soft:#eaf5f5;--tone-line:#c4dfe0}
[data-tone=slate]{--tone:#687483;--tone-ink:#505c6b;--tone-soft:#f1f3f6;--tone-line:#d9dfe6}
.workspace :is(.op-status,.stage-pill,.access-status,.plan-label,.package-grid .pill)[data-tone],.access-portal :is(.access-status,.admin-status)[data-tone]{background:var(--tone-soft);color:var(--tone-ink);border:1px solid var(--tone-line);border-radius:7px;padding:5px 9px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.workspace :is(.op-status,.stage-pill,.access-status,.plan-label)[data-tone]::before,.access-portal :is(.access-status,.admin-status)[data-tone]::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--tone);flex:none}
.workspace .op-kpi[data-tone]{border-color:var(--tone-line);background:linear-gradient(110deg,var(--tone-soft),#fff 80%);border-top:3px solid var(--tone);box-shadow:0 2px 10px #202b3c04}
.workspace .op-kpi[data-tone]::before{display:none}
.workspace .op-kpi[data-tone]>strong{color:var(--tone-ink)}
.workspace .op-kpi[data-tone] small{color:#606974}
.workspace .op-kpi[data-tone]>span i{color:var(--tone)}
.workspace .ov-sales-totals .ov-mini[data-tone]{border:0;border-radius:9px;background:var(--tone-soft);padding:9px 10px}
.workspace .ov-mini[data-tone] strong{color:var(--tone-ink)}
.workspace .ov-switch button[data-tone] b{background:var(--tone-soft);color:var(--tone-ink);padding:3px 6px;border-radius:5px}
.workspace .ov-switch button[data-tone][aria-pressed=true]{background:var(--tone-soft);color:var(--tone-ink);box-shadow:inset 0 -2px var(--tone)}
.workspace .ov-progress[data-tone] progress::-webkit-progress-value{background:var(--tone)}
.workspace .ov-progress[data-tone] progress::-moz-progress-bar{background:var(--tone)}
.access-portal .portal-progress[data-tone]{accent-color:var(--tone)}
.workspace :is(.op-progress,.progress){background:#eef1f5}
.workspace :is(.op-progress,.progress)>i{background:var(--status-blue)}
.workspace .op-gantt-track{background:#eef1f5}
.workspace .op-gantt-track i{background:var(--status-blue)}
.workspace .op-gantt-track i.positive{background:var(--status-green)}
.workspace .op-gantt-track i.negative{background:var(--status-red)}
.workspace [data-tone]>.op-module-icon,.workspace [data-tone] .op-module-icon{background:var(--tone-soft);color:var(--tone-ink)}
.workspace .semantic-package:not(button){border-top:3px solid var(--tone);background:linear-gradient(180deg,var(--tone-soft),#fff 130px)}
.workspace .semantic-package h2,.workspace .semantic-package h3{color:var(--tone-ink)}
.workspace .builder-package-options .semantic-package{border-bottom:3px solid var(--tone)}
.workspace .builder-package-options .semantic-package[aria-pressed=true]{background:var(--tone-soft);color:var(--tone-ink);border-color:var(--tone);box-shadow:0 0 0 1px var(--tone)}
.workspace .plan-room.selected{border-color:var(--status-blue);box-shadow:0 0 0 2px #4b6fa51a}
.workspace .plan-room-result:has(.plan-check),.workspace .plan-notice{background:#fbf4e7;color:#795019}
.workspace .plan-check,.workspace .op-form-error,.workspace .form-error{color:#873e37}
.workspace .bulk-grid td[data-edited=true]{background:#edf3fb}
.workspace .bulk-grid td[data-edited=true] input,.workspace .bulk-grid td[data-edited=true] select{border-color:#4b6fa5}
.workspace .bulk-grid tr[data-invalid=true] td:first-child,.workspace .bulk-grid tr[data-invalid=true] [data-bulk-cost]{background:#fbefed;color:#873e37;box-shadow:inset 3px 0 #a4544b}
.workspace .bulk-grid [aria-invalid=true]{border-color:#a4544b!important;background:#fbefed!important}
.workspace .bulk-diff td:last-child{background:#edf3fb;color:#345582}
#bulk-errors:not(:empty){background:#fbefed;color:#873e37;border-left:3px solid #a4544b;padding:12px}
#bulk-import-result.form-error{background:#fbefed;color:#873e37;padding:12px;border-radius:8px}
.workspace .ux-empty-art{background:#edf3fb;color:#345582}
.delivery-progress{min-width:110px;max-width:170px;font-size:13px}
.delivery-progress progress{display:block;width:100%;height:6px;appearance:none;border:0;border-radius:5px;background:#eef1f5;margin-top:7px;accent-color:var(--tone)}
.delivery-progress progress::-webkit-progress-bar{background:#eef1f5;border-radius:5px}
.delivery-progress progress::-webkit-progress-value{background:var(--tone);border-radius:5px}
.delivery-progress progress::-moz-progress-bar{background:var(--tone);border-radius:5px}
@media(prefers-reduced-motion:reduce){.workspace .ux-bar-track>i,.workspace .op-progress i{animation:none;transition:none}}