/* Calm section accents: colour supplements names, icons and active state. */
body[data-section="dashboard"]{--accent:#326d69;--accent-soft:#e9f3f1;--bg:#f5f8f7;}
.nav-item[data-nav="dashboard"]{--nav-accent:#326d69;--nav-soft:#e9f3f1;}
body[data-section="clients"]{--accent:#326c80;--accent-soft:#eaf3f7;--bg:#f5f8fa;}
.nav-item[data-nav="clients"]{--nav-accent:#326c80;--nav-soft:#eaf3f7;}
body[data-section="humanResources"]{--accent:#695689;--accent-soft:#f0ebf7;--bg:#f8f6fa;}
.nav-item[data-nav="humanResources"]{--nav-accent:#695689;--nav-soft:#f0ebf7;}
body[data-section="projects"]{--accent:#3e618f;--accent-soft:#ecf1f9;--bg:#f5f7fa;}
.nav-item[data-nav="projects"]{--nav-accent:#3e618f;--nav-soft:#ecf1f9;}
body[data-section="contracts"]{--accent:#575f88;--accent-soft:#edf0f8;--bg:#f6f7fa;}
.nav-item[data-nav="contracts"]{--nav-accent:#575f88;--nav-soft:#edf0f8;}
body[data-section="changeOrders"]{--accent:#806444;--accent-soft:#f5efe6;--bg:#faf8f5;}
.nav-item[data-nav="changeOrders"]{--nav-accent:#806444;--nav-soft:#f5efe6;}
body[data-section="serviceTickets"]{--accent:#91605c;--accent-soft:#f8edeb;--bg:#fbf7f6;}
.nav-item[data-nav="serviceTickets"]{--nav-accent:#91605c;--nav-soft:#f8edeb;}
body[data-section="tasks"]{--accent:#816c38;--accent-soft:#f6f1e3;--bg:#faf9f5;}
.nav-item[data-nav="tasks"]{--nav-accent:#816c38;--nav-soft:#f6f1e3;}
body[data-section="socialMedia"]{--accent:#785777;--accent-soft:#f5edf5;--bg:#faf7fa;}
.nav-item[data-nav="socialMedia"]{--nav-accent:#785777;--nav-soft:#f5edf5;}
body[data-section="contentPlan"]{--accent:#625783;--accent-soft:#f0edf7;--bg:#f8f7fb;}
.nav-item[data-nav="contentPlan"]{--nav-accent:#625783;--nav-soft:#f0edf7;}
body[data-section="suppliers"]{--accent:#526e7e;--accent-soft:#edf3f6;--bg:#f6f8fa;}
.nav-item[data-nav="suppliers"]{--nav-accent:#526e7e;--nav-soft:#edf3f6;}
body[data-section="financeHub"]{--accent:#426b50;--accent-soft:#ebf4ed;--bg:#f5f8f5;}
.nav-item[data-nav="financeHub"]{--nav-accent:#426b50;--nav-soft:#ebf4ed;}
body[data-section="boq"]{--accent:#5b6881;--accent-soft:#edf1f7;--bg:#f6f8fa;}
.nav-item[data-nav="boq"]{--nav-accent:#5b6881;--nav-soft:#edf1f7;}
body[data-section="quotes"]{--accent:#846044;--accent-soft:#f7eee5;--bg:#fbf8f5;}
.nav-item[data-nav="quotes"]{--nav-accent:#846044;--nav-soft:#f7eee5;}
body[data-section="invoices"]{--accent:#386b62;--accent-soft:#e8f3f0;--bg:#f5f9f7;}
.nav-item[data-nav="invoices"]{--nav-accent:#386b62;--nav-soft:#e8f3f0;}
body[data-section="crm"]{--accent:#875952;--accent-soft:#f7ece9;--bg:#faf7f5;}
.nav-item[data-nav="crm"]{--nav-accent:#875952;--nav-soft:#f7ece9;}
body[data-section="files"]{--accent:#546f84;--accent-soft:#edf3f8;--bg:#f6f8fb;}
.nav-item[data-nav="files"]{--nav-accent:#546f84;--nav-soft:#edf3f8;}
body[data-section="reports"]{--accent:#46667d;--accent-soft:#eaf2f7;--bg:#f5f8fa;}
.nav-item[data-nav="reports"]{--nav-accent:#46667d;--nav-soft:#eaf2f7;}
body[data-section="portal"]{--accent:#356e75;--accent-soft:#eaf5f5;--bg:#f5f9f9;}
.nav-item[data-nav="portal"]{--nav-accent:#356e75;--nav-soft:#eaf5f5;}
body[data-section="users"]{--accent:#655e7f;--accent-soft:#f0eef7;--bg:#f8f7fa;}
.nav-item[data-nav="users"]{--nav-accent:#655e7f;--nav-soft:#f0eef7;}
body[data-section="audit"]{--accent:#716553;--accent-soft:#f4f0e9;--bg:#faf9f6;}
.nav-item[data-nav="audit"]{--nav-accent:#716553;--nav-soft:#f4f0e9;}
body[data-section="settings"]{--accent:#576674;--accent-soft:#edf1f5;--bg:#f7f8fa;}
.nav-item[data-nav="settings"]{--nav-accent:#576674;--nav-soft:#edf1f5;}
body[data-section]{color:var(--ink);background:var(--bg)}
body[data-section] .btn:not(.secondary):not(.danger){background:var(--accent);box-shadow:0 2px 8px #24394b0d}
body[data-section] .btn:not(.secondary):not(.danger):hover{background:var(--accent);filter:brightness(.92)}
body[data-section] .btn.secondary{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}
body[data-section] .page-head{border-inline-start:4px solid var(--accent);padding-inline-start:16px}
body[data-section] .page-head .eyebrow,body[data-section] .stat-icon{color:var(--accent)}
body[data-section] .stat-icon{background:var(--accent-soft)}
body[data-section] .progress span{background:var(--accent)}
body[data-section] .detail-tabs button.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 -3px var(--accent)}
.nav-item[data-nav] svg{color:var(--nav-accent,#526c76);opacity:.9}
.nav-item[data-nav]:hover{background:var(--nav-soft,#edf3f5);color:var(--nav-accent,#526c76)}
.nav-item[data-nav].active{background:var(--nav-soft,#edf3f5);color:var(--nav-accent,#526c76);border-color:transparent;box-shadow:inset -3px 0 var(--nav-accent,#526c76)}
.nav-item[data-nav].active svg{color:var(--nav-accent,#526c76)}
.nav-item[data-nav] .count{color:var(--nav-accent,#526c76);background:var(--nav-soft,#edf3f5)}
body[data-section] .social-day.is-today{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}
body[data-section] button:focus-visible,body[data-section] a:focus-visible{outline-color:var(--accent)}
@media print{body[data-section]{background:#fff}.page-head{border:0!important}}
/* BOQ reference and project metadata */
.boq-reference-card,.boq-stage-title{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eef5f8;border-inline-start:4px solid #466d83}
.boq-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}.boq-meta small,.boq-meta strong{display:block}.boq-meta small{color:#586a76;margin-bottom:6px}.boq-description{white-space:pre-wrap!important;min-width:290px;max-width:650px;line-height:1.9}.boq-terms{white-space:pre-wrap;line-height:2}.boq-stage-nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.boq-reference-stage{scroll-margin-top:20px}.boq-stage-title h2{margin:0}
@media(max-width:640px){.boq-reference-card,.boq-stage-title{align-items:stretch;flex-direction:column}.boq-description{min-width:260px}}
/* Readable bold typography and white labels on saturated colour surfaces. */
body,button,input,select,textarea,th,td,small,label,p,a,span{font-weight:700}
body[data-section] .btn,body[data-section] .btn.secondary,.row-actions button{background:var(--accent,#326d69);color:#fff;border-color:var(--accent,#326d69);font-weight:700}
body[data-section] .btn.danger,.row-actions button.delete,button[data-delete],button[data-hr-delete]{background:#a23838;color:#fff;border-color:#a23838}
body[data-section] .btn:hover,.row-actions button:hover{color:#fff;filter:brightness(.92)}
body[data-section] .detail-tabs button.active,.nav-item[data-nav].active,.nav-item[data-nav]:hover{background:var(--nav-accent,var(--accent,#326d69));color:#fff}
.nav-item[data-nav].active svg,.nav-item[data-nav]:hover svg{color:#fff;opacity:1}
.nav-item[data-nav] .count{background:var(--nav-accent,#526c76);color:#fff}
.badge{background:#566575;color:#fff;font-weight:700}.badge.green{background:#326b4b;color:#fff}.badge.blue{background:#3e618f;color:#fff}.badge.red{background:#a23838;color:#fff}.badge.amber{background:#81652f;color:#fff}
.boq-stage-title{background:#466d83;color:#fff}.boq-stage-title h2,.boq-stage-title strong{color:#fff}
.card-actions,.row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.row-actions button{padding:7px 11px;border-radius:7px;white-space:nowrap}
button:disabled{cursor:not-allowed;opacity:.65}
@media print{body,th,td,p,span{font-weight:700}.badge{color:#183248!important;background:#fff!important}}
body *{font-weight:700!important}
body[data-section] button[data-delete],body[data-section] button[data-hr-delete]{background:#a23838;color:#fff;border-color:#a23838}
.contract-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:18px 0}.contract-template-grid p{line-height:1.8}.contract-document-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;background:#fff;color:#172c39;padding:20px;border:1px solid #dbe3e8;border-radius:8px}#field_body{min-height:48vh;line-height:1.9;resize:vertical;font-size:14px}