/* Unity departments on the Hub — CRM surfaces (brief 1583).
   MONOCHROME by owner ruling 2026-10-30 ("Everything on unity side
   should be black and white"): black, white and true grays only,
   converted from the former Eyekus palette at equal lightness so the
   hierarchy survives. Status meaning rides on text labels and shade,
   never colour alone. ONE exception, scoped at the end of this file:
   the Sales dashboard keeps a little of the Nexus scheme (indigo
   #120C2E / cream #F3EDDA / gold #E8C15A) in three named spots. */
:root{
  color-scheme:dark;
  --bg:#1D1D1D;
  --surface:#303030;
  --surface-raised:#373737;
  --surface-soft:#3B3B3B;
  --text:#E6E6E6;
  --dim:#B8B8B8;
  --border:rgba(217,217,217,.30);
  --accent:#A1A1A1;
  --accent-ink:#1D1D1D;
  --profit:#909090;
  --loss:#AEAEAE;
  --amber:#A1A1A1;
  --radius:16px;
  --shadow:0 18px 44px rgba(11,11,11,.45);
  --shadow-control:0 8px 20px rgba(11,11,11,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.unity-dept{
  background:var(--bg);color:var(--text);
  font-family:"Jost","Avenir Next","Segoe UI",sans-serif;
  font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;
}
.ud-sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ud-skip{position:absolute;left:1rem;top:-4rem;z-index:60;background:var(--accent);color:var(--accent-ink);padding:.6rem 1rem;border-radius:0 0 10px 10px;font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.ud-skip:focus{top:0}
a{color:var(--accent)}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:"Cinzel","Jost",serif;font-weight:600;letter-spacing:.02em;margin:0}
.ud-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--accent);margin:0 0 .35rem;font-weight:600}
.ud-wrap{max-width:1180px;margin:0 auto;padding:1.6rem 1.2rem 3rem}
.ud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}
.ud-top h1{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.1}
.ud-sub{color:var(--dim);margin:.35rem 0 0;max-width:65ch}
.ud-back{font-weight:600;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.ud-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:0 12px 30px rgba(11,11,11,.25);margin-bottom:1rem}
.ud-panel h2{font-size:1.15rem;margin-bottom:.4rem}
.ud-panel h3{font-size:1rem}
.ud-muted{color:var(--dim)}
.ud-empty{border:1px dashed var(--border);border-radius:var(--radius);padding:1.2rem;color:var(--dim)}
.ud-empty strong{color:var(--text)}
.ud-grid{display:grid;gap:1rem}
.ud-door-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.ud-door{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;color:var(--text);text-decoration:none;box-shadow:0 12px 30px rgba(11,11,11,.25);min-height:44px}
.ud-door:hover{background:var(--surface-raised)}
.ud-door h2{font-size:1.2rem;margin:.3rem 0 .4rem}
.ud-door p{color:var(--dim);margin:0}
.ud-door .ud-go{color:var(--accent);font-weight:600;display:inline-block;margin-top:.7rem}
.ud-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.ud-kpi .ud-kpi-value{font-family:"Cinzel",serif;font-size:1.7rem;line-height:1.15}
.ud-kpi .ud-kpi-label{color:var(--dim);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}
.ud-kpi .ud-kpi-note{color:var(--dim);font-size:.88rem;margin-top:.25rem}
.ud-cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.ud-chart-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;align-items:start}
.ud-chart{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;padding:.8rem}
.ud-chart svg{width:100%;height:auto;display:block}
.ud-bar-row{display:grid;grid-template-columns:130px 1fr 110px;gap:.7rem;align-items:center;margin-bottom:.5rem}
.ud-bar-track{background:var(--bg);border-radius:8px;height:1.4rem;overflow:hidden}
.ud-bar-fill{display:block;height:100%;background:var(--accent)}
.ud-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
table.ud-table{border-collapse:collapse;width:100%;min-width:520px}
.ud-table caption{text-align:left;font-weight:600;padding:.7rem .8rem;color:var(--text)}
.ud-table th,.ud-table td{padding:.6rem .8rem;text-align:left;vertical-align:top}
.ud-table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--dim);border-bottom:1px solid var(--border);font-weight:600}
.ud-table tbody tr{border-bottom:1px solid rgba(217,217,217,.14)}
.ud-table tbody tr:hover{background:var(--surface-soft)}
.ud-table .ud-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ud-btn{font:inherit;font-size:16px;font-weight:600;cursor:pointer;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised);color:var(--text);padding:.55rem 1rem;min-height:44px;min-width:44px;box-shadow:var(--shadow-control);display:inline-flex;align-items:center;justify-content:center}
.ud-btn:hover{background:var(--surface-soft)}
.ud-btn-gold{background:var(--accent);color:var(--accent-ink);border-color:transparent}
.ud-btn-gold:hover{background:#B3B3B3}
.ud-btn:disabled{opacity:.55;cursor:not-allowed}
.ud-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}
.ud-field label{font-size:.9rem;color:var(--text);font-weight:600}
.ud-field .ud-help{color:var(--dim);font-size:.88rem}
.ud-field input,.ud-field select,.ud-field textarea{font:inherit;font-size:16px;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;padding:.6rem .7rem;min-height:44px;width:100%}
.ud-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem}
.ud-chip{display:inline-block;padding:.15rem .6rem;border-radius:999px;border:1px solid var(--border);font-size:.82rem;font-weight:600;background:var(--surface-soft);color:var(--text);white-space:nowrap}
.ud-chip-ok{background:var(--profit);color:#191919;border-color:transparent}
.ud-chip-warn{background:var(--amber);color:var(--accent-ink);border-color:transparent}
.ud-chip-bad{background:var(--loss);color:#1D1D1D;border-color:transparent}
.ud-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.ud-list li{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;padding:.7rem .8rem}
.ud-list .ud-list-meta{color:var(--dim);font-size:.88rem}
.ud-status{min-height:1.5em}
.ud-status[data-kind="error"]{color:var(--loss);font-weight:600}
.ud-status[data-kind="success"]{color:var(--profit);font-weight:600}
.ud-legend{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:var(--dim);font-size:.9rem}
.ud-legend i{display:inline-block;width:.8rem;height:.8rem;border-radius:3px;background:var(--accent);margin-right:.35rem;vertical-align:-1px}
@media (max-width:700px){.ud-wrap{padding:1rem .8rem 2.4rem}.ud-bar-row{grid-template-columns:100px 1fr 84px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* SALES-ONLY NEXUS ACCENTS (owner ruling 2026-10-30: the Sales
   dashboard keeps "a little bit of the nexus colour scheme" on the
   monochrome base). Tokens taken verbatim from the live Nexus CSS
   (assets/nexus.css :root): indigo #120C2E, cream #F3EDDA, gold
   #E8C15A (dim cream #C9C2A8, gold hover #F0CD76). The accent lives
   in EXACTLY three spots and nowhere else on the page:
   (1) the header band, (2) the primary action button,
   (3) the lead KPI figure. Everything else on Sales — panels, tables,
   charts, chips, forms — stays monochrome like Finance. */
body.unity-dept[data-unity-page="sales"] .ud-top{
  background:#120C2E;color:#F3EDDA;border-radius:0 0 var(--radius) var(--radius);
  padding:1.1rem 1.2rem;box-shadow:0 12px 30px rgba(11,11,11,.35);
}
body.unity-dept[data-unity-page="sales"] .ud-top h1{color:#F3EDDA}
body.unity-dept[data-unity-page="sales"] .ud-top .ud-eyebrow{color:#E8C15A}
body.unity-dept[data-unity-page="sales"] .ud-top .ud-sub{color:#C9C2A8}
body.unity-dept[data-unity-page="sales"] .ud-top .ud-back{color:#F3EDDA}
body.unity-dept[data-unity-page="sales"] .ud-btn-gold{
  background:#E8C15A;color:#120C2E;border-color:transparent;
}
body.unity-dept[data-unity-page="sales"] .ud-btn-gold:hover{background:#F0CD76}
body.unity-dept[data-unity-page="sales"] .ud-kpis .ud-kpi:first-child .ud-kpi-value{color:#E8C15A}