/* ══════════════════════════════════════════════════════════════════════════
   SABATO PORTAL THEME — /sbt/ui.css
   The ONE place the portal's look is decided. The portal page and every tool
   (BIS, PO Dashboard, Task Dashboard, Helpdesk, Order → Delivery) link this
   file after their own styles, so a colour or font changed here reaches all
   of them on their next load — no tool needs a redeploy.
   ══════════════════════════════════════════════════════════════════════════ */
:root{
  --sbt-bg:#ECEEF1; --sbt-bg2:#E1E5EA; --sbt-bg3:#D2D8E0;
  --sbt-card:#F5F7F9; --sbt-card2:#FFFFFF;
  --sbt-line:#DDE3EA; --sbt-line2:#E9EDF1;
  --sbt-accent:#2563EB; --sbt-accent-l:#5B8DEF; --sbt-accent-d:#1D4ED8;
  --sbt-accent-soft:rgba(37,99,235,.10); --sbt-accent-bg:#E8EFFD;
  --sbt-text:#1A2430; --sbt-text-s:#4A5562; --sbt-text-t:#8590A0;
  --sbt-green:#1D7A3F; --sbt-green-bg:#E7F4EC;
  --sbt-red:#B33A2E;   --sbt-red-bg:#FBEDEB;
  --sbt-amber:#B45309; --sbt-amber-bg:#FBF2E3;
  --sbt-purple:#6D28D9;--sbt-purple-bg:#F1ECFD;
  --sbt-cyan:#0E7490;  --sbt-cyan-bg:#E9F4F8;
  --sbt-sh:0 3px 22px rgba(22,32,46,.09);
  --sbt-sh-sm:0 1px 3px rgba(22,32,46,.06),0 4px 14px rgba(22,32,46,.04);
  --sbt-sans:'DM Sans','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --sbt-serif:'Playfair Display',Georgia,serif;
  --sbt-radius:12px;
  /* the portal's navy — top bar, side rail, table heads, active chips */
  --sbt-dark:#12234A; --sbt-dark2:#1A2F5E; --sbt-on-dark:#EAF0F6;
  --sbt-sub:#475569; --sbt-field:#CBD2DC;
  --sbt-hover:#F8FAFC; --sbt-hover2:#F1F5F9;
  --sbt-r-btn:9px; --sbt-r-sm:8px; --sbt-pill:999px;
  --sbt-fs:14px; --sbt-fs-btn:13.5px; --sbt-fs-label:10.5px;
}
html[data-tool] body{font-family:var(--sbt-sans)}
.sbt-title{font-family:var(--sbt-serif);font-weight:500;letter-spacing:.2px}
.sbt-title em{font-style:italic;color:var(--sbt-accent)}
.sbt-num{font-family:var(--sbt-serif);font-weight:500;font-variant-numeric:tabular-nums}
.sbt-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sbt-accent)}
html[data-tool] ::-webkit-scrollbar{width:6px;height:8px}
html[data-tool] ::-webkit-scrollbar-thumb{background:rgba(37,99,235,.22);border-radius:6px}
html[data-tool] ::-webkit-scrollbar-thumb:hover{background:rgba(37,99,235,.4)}