/* ============================================================
   Theme — Allotment Suite
   "Indigo & Brass". Formal, records-office feeling: deep indigo
   chrome, warm paper content area, brass used only for authority
   and protocol. Squarer corners, serif numerals in the KPIs.
   ============================================================ */
:root{
  --bg:#f2f0ec;
  --surface:#ffffff;
  --surface-2:#faf8f5;
  --surface-3:#eeebe5;
  --line:#e2ded6;
  --line-strong:#cdc7bb;

  --chrome:#191536;
  --chrome-2:#221d47;
  --chrome-line:#2f2860;
  --chrome-text:#a9a2cf;

  --ink:#1b1830;
  --ink-2:#413c5c;
  --ink-3:#6b6685;
  --ink-4:#9791ac;

  --accent:#4338ca;
  --accent-2:#e5e2fb;
  --accent-ink:#332aa3;

  --ok:#0f7a54;      --ok-bg:#e3f4ec;
  --warn:#a45c09;    --warn-bg:#fbf0dc;
  --bad:#b52a3c;     --bad-bg:#fbe9eb;
  --info:#1d6b8c;    --info-bg:#e2f0f6;
  --vip:#a16207;     --vip-bg:#fbf0d5;   /* brass = protocol */

  --radius:8px;
  --radius-sm:5px;
  --sidebar-w:250px;
}

/* Brass rule under the masthead */
.brand{border-bottom:1px solid var(--chrome-line);
  box-shadow:inset 0 -3px 0 -1px rgba(180,131,42,.55)}
.brand .crest{background:linear-gradient(160deg,#b8862f,#8a5f18);border-radius:5px;
  box-shadow:0 0 0 1px rgba(255,255,255,.16) inset}

.nav a.on{background:rgba(180,131,42,.15);border-left-color:#c99a3d;color:#fff}
.nav a.on .tail{background:rgba(201,154,61,.35)}
.navgrp{color:#6f6899}

/* KPI numerals get a little more weight and letter-spacing — reads like a register */
.kpi .vl{font-weight:700;letter-spacing:-.02em}
.kpi{border-radius:8px}

/* Protocol grade badges keep the brass identity */
.q-rank.P1{background:#a16207}
.q-rank.P2{background:#4338ca}

.bar.g-P1{background:#a16207}
.bar.g-P2{background:#4338ca}

/* Action Centre — bordered rows, closer to a file noting sheet */
.al{border-left:3px solid transparent}
.al:hover{border-left-color:var(--accent)}
.al-grp{background:#f6f3ee;letter-spacing:.09em}
.al-t{font-weight:660}

.topbar{border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 rgba(180,131,42,.18)}

.btn-p{background:var(--accent);border-color:var(--accent)}
.btn-p:hover{background:#372dae;border-color:#372dae}


/* ============================================================
   Typography — Allotment Suite
   Serif headings over a humanist sans body: the look of a
   records office. Cambria and Constantia ship with Windows, so
   this costs no network request.
   ============================================================ */
:root{
  --serif:Cambria,Constantia,"Palatino Linotype",Georgia,serif;
  --sans:"Segoe UI",-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
}
h1,h2,h3,h4,.kpi .vl,.card-h h3,.brand .bt b,.pghead h1,.topbar h1,
.drawer-h h3,.al-t{font-family:var(--serif)}
.topbar h1{font-size:20px;font-weight:600;letter-spacing:-.006em}
.kpi .vl{font-weight:700;letter-spacing:-.014em}
.kpi .lb{text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700}
.card-h h3{font-size:15px;font-weight:600;letter-spacing:-.004em}
.al-t{font-size:15px;font-weight:600;letter-spacing:-.004em}
.tbl thead th{font-family:var(--sans)}
.brand .bt b{font-size:14px;font-weight:600}
.drawer-h h3{font-size:17px;font-weight:600}
.sec-t{font-family:var(--sans)}
/* Tighter rows — this tool is a dense working register */
.tbl tbody td{padding:8px 12px}
.content{padding:16px 20px 44px}

/* Comfortable targets: 23px-tall buttons are hard for anyone to hit. */
.btn{padding:7px 13px;font-size:13px}
.btn-sm{padding:6px 11px;font-size:12.5px;min-height:29px}
.seg button{padding:6px 12px;min-height:29px}