/* V5-only replaceable visual tokens, read-only derived from V4 public/styles.css. */
:root{--nav:#10232b;--nav-deep:#102932;--nav-active:#1d4950;--workspace:#f4f6f7;--surface:#fff;--ink:#24323d;--muted:#75818c;--accent:#165c63;--border:#e4e8eb;--focus:#24777b}
*{box-sizing:border-box}body{margin:0;background:var(--workspace);color:var(--ink);font:14px Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}
aside{position:fixed;inset:0 auto 0 0;width:244px;background:var(--nav);color:#c3d2d7;padding:23px 14px;display:flex;flex-direction:column;overflow-y:auto}
.brand-name{font-size:17px;font-weight:750;line-height:1.3;color:#fff;padding:8px 12px 0}.brand-subtitle{font-size:10px;letter-spacing:.1em;color:#91adb4;padding:0 12px 20px}
nav{display:flex;flex-direction:column;gap:3px}.nav-group{color:#819ca3;font-size:10px;letter-spacing:.12em;font-weight:750;padding:19px 12px 7px}
nav a{display:block;color:#c3d2d7;text-decoration:none;border-radius:10px;padding:11px 12px;font-weight:550;line-height:1.3}nav a:hover{background:#1b3a42;color:#fff}nav a.active{background:var(--nav-active);color:#fff}nav a:focus-visible{outline:2px solid #9cd4d3;outline-offset:2px}
aside small{display:block;margin-top:auto;padding:20px 12px 3px;border-top:1px solid #31505a;color:#90a7ad;font-size:11px;line-height:1.5}
main{margin-left:244px;min-height:100vh;padding:0 30px 50px;max-width:none}header{margin:0 -30px 26px;background:#fff;border-bottom:1px solid var(--border);padding:16px 30px;display:flex;justify-content:space-between;align-items:center;gap:16px}
header small{color:var(--muted);font-size:10px;letter-spacing:.08em;font-weight:700}header h2{margin:4px 0 0;font-size:19px;letter-spacing:-.02em}.header-actions{display:flex;gap:12px;align-items:center}.private-label{color:var(--muted);font-size:12px}
h2{font-size:17px;margin:0 0 12px}section{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;margin:16px 0;box-shadow:0 2px 9px #152b3505}
section>p{color:#63757d;line-height:1.55}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px;margin:18px 0}label{display:grid;gap:6px;color:#56666e;font-size:12px;font-weight:650}
input,select,textarea{padding:10px 11px;border-radius:8px;border:1px solid #cbd8dc;min-width:0;background:white;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #24777b44;border-color:var(--focus)}
button{padding:10px 14px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;align-self:end;font-weight:650}button:hover{filter:brightness(.94)}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9f9;border:1px solid #e5eced;padding:15px;border-radius:9px;min-height:1em;font-size:12px;line-height:1.55}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}.cards span{padding:17px;background:#f9fbfb;border:1px solid var(--border);border-radius:11px;font-weight:600}
.check{display:flex;align-items:center;gap:8px}.check input{accent-color:var(--accent)}#notice{padding:13px 16px;background:#eaf3f2;border:1px solid #d1e6e5;color:#23565a;border-radius:10px;line-height:1.5}
details{margin-top:22px}summary{cursor:pointer;font-weight:650}#enquiries button,#quotes button{margin:6px}#quotes article,#task-list article{border:1px solid var(--border);padding:15px;margin:12px 0;border-radius:10px;background:#fff}
#entry-fields{grid-column:1/-1;display:grid;gap:14px}#entry-fields details{border:1px solid var(--border);border-radius:9px;padding:14px;margin:0}#entry-fields label{display:inline-grid;width:48%;margin:0 2% 10px 0}#entry-list button,#task-list button{margin:6px}
body.workspace-navigated #workspace>section:not(.active-section){display:none}body.workspace-navigated #workspace>section.active-section:not([hidden]){display:block}
[hidden]{display:none!important}
@media(max-width:850px){aside{position:relative;width:auto;inset:auto;padding:14px}aside small,.brand-subtitle{display:none}nav{flex-direction:row;overflow-x:auto;gap:4px}nav a{white-space:nowrap;font-size:12px;padding:9px}.nav-group{display:none}main{margin:0;padding:0 14px 35px}header{margin:0 -14px 18px;padding:14px}section{padding:16px}form{grid-template-columns:1fr}.private-label{display:none}}
@media(max-width:520px){#entry-fields label{width:100%;margin-right:0}.cards{grid-template-columns:1fr 1fr}header h2{font-size:16px}}

/* Exact V4 shell geometry and Executive Overview hierarchy. */
aside{width:252px;padding:23px 14px}.side-header{display:flex;align-items:center;gap:11px;padding:7px 9px 23px}.side-header strong{color:#fff;font-size:15px}.side-header small{display:block;font-size:11px;margin:3px 0 0;padding:0;border:0;color:var(--muted)}
.brand-circle{background:#17363e;color:#e8d2a8;border:1px solid #4a6c6d;width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;font-weight:800}
.nav-label{color:#718d93;font-size:10px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;padding:18px 12px 7px}
nav{gap:0}nav a{display:flex;gap:10px;align-items:center;color:#b4c5cb;font-weight:500;padding:10px 12px;margin:2px 0}.glyph{width:20px;font-size:17px}.sidebar-foot{margin-top:auto;padding:16px 10px 4px;border-top:1px solid #31505a;font-size:12px;color:#8fa8af}.sidebar-foot strong{color:#e8f1f0;display:block}.sidebar-foot small{padding:0;margin:4px 0 0;border:0}
main{margin-left:252px;padding:0;min-width:0}header{margin:0;padding:16px 30px;min-height:74px}header h2{font-size:17px;margin:0}header small{display:block;font-size:11px;letter-spacing:0;font-weight:400;margin-top:3px}#workspace-controls{display:flex;gap:8px;align-items:center}#workspace-controls select{max-width:235px;font-size:12px;padding:8px 10px}
.content{padding:29px 30px 60px;max-width:1600px;margin:auto}.overview{border:0;border-radius:0;padding:0;margin:0;background:transparent;box-shadow:none}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}h1{font-size:28px;letter-spacing:-.04em;margin:0}.heading p{color:var(--muted);margin:6px 0 0}
.status-banner{margin:0 0 17px;background:#f4faf9;border:1px solid #d9e8e8;border-radius:10px;color:#3a6d6d!important;padding:14px 17px;font-size:12px;line-height:1.65}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric,.panel{background:#fff;border:1px solid var(--border);border-radius:14px}.metric{padding:20px;min-height:130px}.metric>span{color:var(--muted);font-size:12px;display:block}.metric>strong{display:block;font-size:29px;letter-spacing:-.05em;margin-top:10px}.metric small{display:block;margin-top:8px;color:var(--muted);font-size:11px}.metric strong.unavailable{font-size:19px;letter-spacing:0;margin-top:17px}
.panel{padding:20px;margin-top:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.panel-head h2{font-size:16px;margin:0}.subtle,.footer-guide{color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.cards .company-box{background:#fff;border:1px solid var(--border);border-radius:12px;padding:17px;min-height:168px}.company-box strong{display:block;font-size:13px;min-height:35px}.company-tag{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e6f1ed;color:#207965;margin-bottom:13px}.company-number{font-size:22px;font-weight:750;display:block}.company-box small{font-weight:400;display:block;color:var(--muted);font-size:11px;margin-top:8px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.empty{border:1px dashed #d3dfe2;border-radius:12px;color:#809098;padding:55px 20px;text-align:center;background:#fff;font-size:13px}.mini-item{display:grid;gap:6px;padding:13px 0;border-bottom:1px solid #edf1f2}.mini-item small{color:var(--muted)}.callout-line{border-left:3px solid #b8d9d9;padding:6px 14px;margin:10px 0}.callout-line strong{font-size:13px;display:block}.callout-line span{color:var(--muted);display:block;font-size:12px;margin-top:6px}
.secondary{border:1px solid var(--border);background:#fff;color:#2b434b}.button{display:inline-block;padding:7px 10px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:650;white-space:nowrap}.footer-guide{line-height:1.6;margin-top:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.workspace-navigated #notice[data-quiet=true]{display:none}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.split{grid-template-columns:1fr}}
@media(max-width:850px){aside{position:relative;width:auto;padding:14px}.side-header{padding:0 0 12px}.nav-label,.sidebar-foot{display:none}nav{flex-direction:row;overflow-x:auto}.glyph{display:none}main{margin:0}header{padding:14px}.content{padding:20px 14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions{flex-wrap:wrap}#workspace-controls select{max-width:160px}}


/* Employee tasks: approved executive palette, scoped to this module. */
.task-workspace{max-width:100%;min-width:0}.task-heading p,.task-description{color:var(--muted);font-size:12px;line-height:1.5;margin:6px 0}.task-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:16px 0}.task-toolbar label{min-width:180px;flex:1}.task-toolbar button{margin:0 0 2px}.task-create-panel,.task-next-panel{border:1px solid var(--border,#dce4e8);border-radius:12px;padding:18px;margin:18px 0;background:#fff}.task-create-panel summary{cursor:pointer;font-weight:700}.task-wide{grid-column:1/-1}.task-table-scroll{max-width:100%;overflow:auto;border:1px solid #dce4e8;border-radius:12px}.task-table{width:100%;border-collapse:collapse;min-width:900px;text-align:left;font-size:13px}.task-table caption{text-align:left;padding:15px 16px;font-weight:700;background:#f4f6f7}.task-table th{background:#f4f6f7;color:#526776;font-size:11px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.task-table th,.task-table td{padding:15px 12px;border-bottom:1px solid #e7edf0;vertical-align:top}.task-table td:first-child{min-width:180px;max-width:300px;overflow-wrap:anywhere}.task-table td:nth-child(6){min-width:180px;max-width:260px;overflow-wrap:anywhere}.task-table select{min-width:125px;margin-top:8px}.task-table button{display:block;white-space:nowrap;margin:0 0 8px;padding:8px 11px;font-size:12px}.task-table tbody tr:hover{background:#f7fafb}.task-overdue td:first-child{border-left:3px solid #a34438}.task-badge{display:inline-block;font-size:11px;border-radius:20px;background:#eaf2f3;color:#1d4950;padding:4px 8px;white-space:nowrap}.task-state-blocked{background:#fff0dd;color:#8b5e1a}.task-state-complete{background:#e7f3ec;color:#286147}.task-late,.task-today{display:block;font-size:11px;margin-top:5px;font-weight:700}.task-late{color:#a34438}.task-today{color:#165c63}.task-empty{padding:30px;background:#f4f6f7;border-radius:12px;text-align:center;color:#667b88}.task-next-panel{background:#f5fafa}.secondary{background:#fff;color:#165c63;border:1px solid #cbdcde}#tasks-summary{font-size:13px;font-weight:600;color:#526776}.task-next-panel[hidden],#task-filters[hidden],#task-create[hidden]{display:none!important}

.task-table td:nth-child(4),.task-table td:nth-child(5){white-space:nowrap;min-width:95px}

/* Horizontal production CP: frozen identities and safe in-cell daily updates. */
.cp-workspace{min-width:0;max-width:100%}.cp-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.cp-heading p,.cp-help{font-size:12px;color:#6b808b;line-height:1.5}.cp-pending{font-size:11px;border:1px solid #d8e5df;background:#f1f7f3;color:#47675a;border-radius:8px;padding:9px 12px;max-width:260px}.cp-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:9px;margin:14px 0}.cp-toolbar label{min-width:180px}.cp-toolbar button{padding:9px 12px;font-size:12px;margin:0}.cp-columns{position:relative;border:1px solid #cbdcde;border-radius:8px;padding:9px 12px;font-size:12px;background:white}.cp-columns summary{cursor:pointer;color:#165c63;font-weight:650}#entry-columns{max-height:320px;overflow:auto;min-width:310px;padding:12px 0}#entry-columns label{display:flex;align-items:center;gap:8px;font-size:11px;max-width:350px;margin:5px 0}#entry-columns input{width:auto}.cp-grid-scroll{max-width:100%;overflow:auto;max-height:68vh;border:1px solid #d5e0e4;border-radius:10px;background:#fff;position:relative}.cp-grid{border-collapse:separate;border-spacing:0;width:max-content;table-layout:fixed;font-size:12px}.cp-grid th,.cp-grid td{width:190px;min-width:190px;max-width:190px;padding:9px;border-right:1px solid #dfe8ea;border-bottom:1px solid #dfe8ea;vertical-align:top;background:#fff}.cp-grid thead th{position:sticky;top:0;z-index:15;background:#eaf2f3;color:#1d4950;font-size:10px;font-weight:750;line-height:1.45;text-align:left;height:45px;overflow-wrap:anywhere}.cp-grid .cp-frozen{position:sticky;z-index:10;background:#f8fbfb;width:140px;min-width:140px;max-width:140px}.cp-grid .cp-frozen-buyer{left:0}.cp-grid .cp-frozen-style{left:159px}.cp-grid .cp-frozen-order{left:318px;box-shadow:3px 0 4px #10232b12}.cp-grid thead .cp-frozen{z-index:25;background:#e4eef0}.cp-grid .cp-row-actions{position:sticky;right:0;z-index:11;background:#f5f9f9;width:120px;min-width:120px;max-width:120px;box-shadow:-3px 0 4px #10232b12}.cp-grid thead .cp-row-actions{z-index:26}.cp-grid input,.cp-grid textarea{box-sizing:border-box;width:100%;min-width:0;padding:7px 6px;font-size:11px;height:32px;border:1px solid #c9d8dc;background:#fff;margin:0}.cp-grid textarea{height:55px;resize:vertical}.cp-grid input:focus,.cp-grid textarea:focus{outline:2px solid #165c63;outline-offset:-1px}.cp-grid input[type=checkbox]{height:auto;width:auto;margin:0 0 6px}.cp-grid .cp-frozen-buyer input:not([type=checkbox]){margin-bottom:6px}.cp-cell-label{display:block;font-size:9px;color:#6b808b;margin:0 0 4px}.cp-cell-label:not(:first-child){margin-top:7px}.cp-plan{display:block;background:#f2f5f6;border-radius:5px;padding:7px 5px;min-height:18px;color:#526c77;font-size:11px}.cp-plan-note,.cp-version{display:block;font-size:9px;color:#6d838e;margin-top:8px}.cp-milestone-status{display:block;font-size:9px;line-height:1.4;margin-top:7px;color:#5c7883}.cp-grid td[data-state=overdue]{background:#fff4ef}.cp-grid td[data-state=overdue] .cp-milestone-status{color:#a34438;font-weight:700}.cp-grid td[data-state=late]{background:#fff8e9}.cp-grid td[data-state=due-today]{background:#eef6f5}.cp-order-status{font-size:10px;line-height:1.45;margin:0 0 9px}.cp-grid button{font-size:11px;padding:8px;width:100%}.cp-dirty .cp-row-actions{border-left:3px solid #c08d34}.cp-empty{padding:35px;text-align:center;background:#f4f6f7;color:#6b808b;border-radius:10px}#entry-page{font-size:12px;font-weight:650;color:#526c77}@media(max-width:1100px){.cp-grid .cp-frozen{width:110px;min-width:110px;max-width:110px}.cp-grid .cp-frozen-style{left:129px}.cp-grid .cp-frozen-order{left:258px}}@media print{.cp-toolbar,.cp-help{display:none}}

.cp-grid .cp-frozen-style{left:140px}.cp-grid .cp-frozen-order{left:280px}@media(max-width:1100px){.cp-grid .cp-frozen-style{left:110px}.cp-grid .cp-frozen-order{left:220px}}
