/* ===== ASS Dashboard unified theme - "High-Vis Steel" - 2026-07-17 =====
   Loaded AFTER each page's inline styles. Unifies Command Center,
   PM Board, SOP Library, Login under one token set + identity. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&display=swap');

:root{
  /* steel base (bridges old #0a0a0f and #070a12 families) */
  --bg-primary:#0B1017; --bg-secondary:#121926; --bg-tertiary:#182233; --bg-card:#131B29;
  --bg:#0B1017; --panel:#131B29; --panel2:#182233;
  --border:#26334A; --line:#26334A;
  --text-primary:#EDF3FC; --text:#EDF3FC;
  --text-secondary:#93A3BB; --muted:#93A3BB; --text-muted:#7183A0;
  /* one work-blue everywhere */
  --accent-blue:#5B9BFF; --blue:#5B9BFF; --accent-snow:#5B9BFF; --accent-cyan:#4FC3E8;
  /* signature: high-vis amber = action */
  --hivis:#FFB020; --accent-amber:#FFB020; --amber:#FFB020; --warning:#FFB020;
  --accent-green:#2BC48A; --green:#2BC48A; --success:#2BC48A;
  --accent-red:#FF5D6C; --red:#FF5D6C; --danger:#FF5D6C;
  --accent-purple:#9B8CFF; --purple:#9B8CFF;
  --radius:14px;
  --shadow:0 4px 10px -2px rgba(0,0,0,.45);
  --shadow-lg:0 14px 30px -8px rgba(0,0,0,.55);
  --display:'Barlow Condensed',Inter,system-ui,sans-serif;
}

/* blueprint grid: faint, structural, construction vernacular */
body{
  background:
    linear-gradient(rgba(91,155,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,155,255,.028) 1px,transparent 1px),
    radial-gradient(circle at 12% -8%,#16233A 0,#0B1017 46%) !important;
  background-size:34px 34px,34px 34px,auto !important;
  background-attachment:fixed;
}

/* industrial display face - titles, brand, tabs, stat values only */
h1,.h1,.page-title,.brand,.stat-value,.header h1,.header-content h1{
  font-family:var(--display) !important; letter-spacing:.015em;
}
.stat-value{font-variant-numeric:tabular-nums; font-weight:700;}
.nav-tab,.nav a{font-family:var(--display); font-size:1.02rem; letter-spacing:.03em; text-transform:uppercase; font-weight:600;}

/* signature: high-vis active edge */
.nav-tab.active,.nav-tab[style*='border-left'],.nav .on{
  border-left:3px solid var(--hivis) !important;
  background:linear-gradient(90deg,rgba(255,176,32,.14),rgba(255,176,32,.02)) !important;
  color:#fff !important;
}
.nav-tab:hover{color:var(--hivis);}

/* primary action = amber, dark text (equipment striping) */
.btn-primary,.btn.primary,button.primary,.chip.active{
  background:var(--hivis) !important; border-color:var(--hivis) !important; color:#161200 !important; font-weight:800;
}
.btn-primary:hover,.btn.primary:hover{filter:brightness(1.08);}

/* normalize surfaces */
.stat-card,.card,.list,.reader,.sop-row,.panel{border-radius:var(--radius);}
.stat-card:hover,.sop-row:hover{border-color:rgba(255,176,32,.45) !important;}
.sop-row.active{border-color:var(--hivis) !important; background:rgba(255,176,32,.09) !important;}
.badge{background:rgba(91,155,255,.14); color:#A8C6FF;}
.badge.stale{background:rgba(255,176,32,.16); color:var(--hivis);}

/* SOP iframe seam: match unified bg */
#sopsFrame{background:#0B1017 !important;}

/* quality floor */
:focus-visible{outline:2px solid var(--hivis); outline-offset:2px; border-radius:6px;}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#26334A;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#33425E}
::-webkit-scrollbar-track{background:transparent}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}