/* ===========================================================================
   TrustHours v5 design tokens: THE ONLY SOURCE OF DESIGN VALUES.
   From "Trusthours Everything": TrustHours-Style-Guide.html (core) plus the
   values the approved role prototypes use (extended; approved by Sayed 21 Oct).
   Every other stylesheet uses var(--…) from here. Never hard-code a colour,
   font, radius or shadow anywhere else.
   =========================================================================== */
@font-face{font-family:'Figtree';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/figtree-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/figtree-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* ---- colour · Style Guide ---- */
  --ink:#14172B; --slate:#5D6480; --muted:#9CA2BA; --hairline:#E8E9F0; --soft:#F3F4F8; --canvas:#F6F6F9; --white:#FFFFFF;
  --iris:#5B5BD6; --iris-tint:#EEF0FF; --iris-pale:#BDBDF2;
  --green:#15A36F; --amber:#D98E04; --amber-text:#B8770A; --sand:#F2CF8E; --red:#C83A54; --red-tint:#FBE7EC;
  --card-hover:#C9CBE0;

  /* ---- colour · used by the prototypes (approved extension) ---- */
  --iris-text:#3B3B9E;      /* text on iris-tint: active nav, chips      */
  --iris-deep:#4343B8;      /* "to approve" filter                       */
  --iris-mid:#8B8BE8;       /* on-break dot                              */
  --ink-hover:#2A2E4A;      /* primary button hover                      */
  --row-hover:#FAFAFD;      /* table row hover                           */
  --seg-bg:#ECEDF3;         /* segmented control track, agent lines      */
  --track:#F0F1F6;          /* thin progress track (day clock)           */
  --avatar-bg:#ECEDF4;      /* avatar placeholder                        */
  --line-faint:#F5F6F9;     /* faint row divider in dense tables         */
  --disabled:#D5D8E3;       /* disabled primary (saved state)            */
  --ok:#12B981; --ok-text:#0E9F6E; --ok-tint:rgba(18,185,129,.12);   /* status bars / chips */
  --warn:#F5A623; --warn-tint:rgba(245,166,35,.14);
  --bad:#E24B5F;  --bad-text:#A3203A; --bad-tint:#FDE7EC; --bad-soft:#FFF5F6;
  --off-text:#64748B; --off-bg:#F1F2F9; --heading-alt:#0F172A; --hint:#94A3B8;
  /* project / client colour pairs (tint, text), in prototype order */
  --pc1-bg:#EEF0FF; --pc1:#3B3B9E; --pc2-bg:#E0F7EF; --pc2:#0E7A57; --pc3-bg:#E6F6FA; --pc3:#0B6E80;
  --pc4-bg:#F3E8FF; --pc4:#6B21A8; --pc5-bg:#FFF1DB; --pc5:#9A5B00; --pc6-bg:#FDE7EC; --pc6:#A3203A;
  --scrim:rgba(14,16,30,.42);
  --on-ink-70:rgba(255,255,255,.7); --on-ink-60:rgba(255,255,255,.6); --on-ink-45:rgba(255,255,255,.45);
  --on-ink-25:rgba(255,255,255,.25); --on-ink-12:rgba(255,255,255,.12); --on-ink-08:rgba(255,255,255,.08); --ink-72:rgba(20,23,43,.72);
  --lightbox:rgba(14,16,30,.92);

  /* ---- ribbon: 54 segments, 9:00–18:00 in 10-minute steps ---- */
  --rib-productive:var(--iris); --rib-neutral:var(--iris-pale); --rib-idle:var(--sand);
  --rib-break:var(--hairline); --rib-future:var(--soft); --rib-gap:1.5px;

  /* ---- type ---- */
  --font-display:'Manrope',system-ui,sans-serif;   /* numbers and titles, tabular */
  --font-body:'Figtree',system-ui,sans-serif;      /* everything you read         */
  --label-track:.09em;

  /* ---- shape ---- */
  --r-card:10px; --r-control:8px; --r-chip:6px; --r-tag:4px; --r-bar:3px;

  /* ---- elevation (popovers, drawer, toast only; cards never have a shadow) ---- */
  --sh-pop:0 8px 24px rgba(20,23,43,.1);
  --sh-drawer:-20px 0 50px rgba(20,23,43,.15);
  --sh-toast:0 10px 30px rgba(20,23,43,.25);
  --sh-seg:0 1px 2px rgba(20,23,43,.12);

  /* ---- layout ---- */
  --sidebar-w:204px; --header-pad:12px 30px; --page-pad:22px 30px 48px; --page-gap:14px;

  /* ---- motion: plays once, nothing loops ---- */
  --m-fade:400ms; --m-grow:600ms; --m-rise:600ms; --m-quick:150ms;
}
@keyframes thfade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes thgrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes thrise{from{transform:scaleX(0)}to{transform:scaleX(1)}}