/*
  Recruiter Command skin for public Spectre dashboards.
  Port source: outputs/recruiter-reliability-20260925/source/spectre_recruiter_dashboard.html
  Rollback handle: remove this stylesheet link from dashboard HTML.
*/
:root{
  --bg:#060a16;
  --sidebar:#0a1020;
  --surface:#0d1322;
  --raised:#141c2d;
  --hover:#192437;
  --line:rgba(148,163,184,.15);
  --text:#f1f4f8;
  --muted:#a1a8b8;
  --subtle:#8a93a5;
  --green:#34d399;
  --green-bg:rgba(16,185,129,.12);
  --blue:#38bdf8;
  --blue-bg:rgba(14,165,233,.12);
  --amber:#fbbf24;
  --amber-bg:rgba(251,191,36,.12);
  --red:#fb7185;
  --red-bg:rgba(251,113,133,.12);
  --command-sidebar-width:256px;
  --command-bg:#060a16;
  --command-bg-2:#0a1020;
  --command-panel:rgba(8,12,28,.92);
  --command-panel-soft:rgba(8,13,28,.72);
  --command-muted:#8a8f98;
  --command-line:rgba(99,102,241,.15);
  --command-brand:#6366f1;
  --command-brand-soft:rgba(99,102,241,.12);
  --command-brand-line:rgba(99,102,241,.35);
  --command-trust:#0ea5e9;
  --command-signal:#10b981;
  --command-accent:var(--accent,#34d399);
  --command-accent-bg:var(--accent-bg,rgba(16,185,129,.12));
  --command-accent-rgb:16,185,129;
  --command-glow:rgba(var(--command-accent-rgb),.18);
  --command-glow-soft:rgba(var(--command-accent-rgb),.08);
}

:root[data-product=opsline],
:root[data-product=education]{
  --command-accent:#34d399;
  --command-accent-bg:rgba(16,185,129,.12);
  --command-accent-rgb:16,185,129;
}

:root[data-product=faultline]{
  --command-accent:#fb7185;
  --command-accent-bg:rgba(251,113,133,.12);
  --command-accent-rgb:251,113,133;
}

:root[data-product=hardline]{
  --command-accent:#38bdf8;
  --command-accent-bg:rgba(56,189,248,.12);
  --command-accent-rgb:56,189,248;
}

:root[data-product=small-business]{
  --command-accent:#fbbf24;
  --command-accent-bg:rgba(251,191,36,.12);
  --command-accent-rgb:251,191,36;
}

@keyframes command-node-pulse{
  0%,100%{box-shadow:0 0 6px 2px rgba(var(--command-accent-rgb),.45),0 0 16px 4px rgba(var(--command-accent-rgb),.15)}
  50%{box-shadow:0 0 12px 4px rgba(var(--command-accent-rgb),.65),0 0 28px 8px rgba(var(--command-accent-rgb),.22)}
}

@keyframes command-bleed-drip{
  0%{height:0;opacity:.9}
  100%{height:36px;opacity:0}
}

@keyframes command-constellation-shimmer{
  0%,100%{opacity:.42}
  50%{opacity:.72}
}

body{
  min-height:100vh;
  background:
    linear-gradient(135deg,#060a16 0%,#0a1020 50%,#060a16 100%);
  color:var(--text);
  overflow-x:hidden;
  font-family:Inter,Arial,sans-serif;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.42;
  background:
    radial-gradient(1.5px 1.5px at 20% 15%,rgba(var(--command-accent-rgb),.46),transparent),
    radial-gradient(1.5px 1.5px at 60% 25%,rgba(14,165,233,.38),transparent),
    radial-gradient(1px 1px at 35% 55%,rgba(var(--command-accent-rgb),.32),transparent),
    radial-gradient(1.5px 1.5px at 80% 70%,rgba(14,165,233,.32),transparent),
    radial-gradient(1px 1px at 15% 85%,rgba(var(--command-accent-rgb),.35),transparent),
    radial-gradient(1px 1px at 45% 40%,rgba(255,255,255,.14),transparent),
    linear-gradient(110deg,transparent 0 34%,rgba(var(--command-accent-rgb),.035) 34.2% 45%,transparent 45.2% 100%),
    linear-gradient(28deg,transparent 0 70%,rgba(14,165,233,.04) 70.2% 79%,transparent 79.2% 100%);
}

::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(var(--command-accent-rgb),.22);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(var(--command-accent-rgb),.38)}

.sidebar{
  width:var(--command-sidebar-width);
  padding:24px 16px 16px;
  background:
    radial-gradient(ellipse at 30% 20%,rgba(var(--command-accent-rgb),.09) 0%,transparent 60%),
    radial-gradient(ellipse at 70% 80%,rgba(14,165,233,.06) 0%,transparent 60%),
    linear-gradient(180deg,#060a16 0%,#0a1020 40%,#0c1228 100%);
  border-right-color:rgba(var(--command-accent-rgb),.16);
  box-shadow:none;
  overflow:hidden auto;
}

.sidebar::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(1.5px 1.5px at 20% 15%,rgba(var(--command-accent-rgb),.48),transparent),
    radial-gradient(1.5px 1.5px at 60% 25%,rgba(14,165,233,.4),transparent),
    radial-gradient(1px 1px at 35% 55%,rgba(var(--command-accent-rgb),.34),transparent),
    radial-gradient(1.5px 1.5px at 80% 70%,rgba(14,165,233,.35),transparent),
    radial-gradient(1px 1px at 15% 85%,rgba(var(--command-accent-rgb),.38),transparent),
    radial-gradient(1px 1px at 55% 95%,rgba(14,165,233,.35),transparent);
}

.sidebar::after{
  content:none;
}

.brand,
.workspace-name,
.workspace-switch,
.nav-label,
.sidebar nav,
.sidebar-bottom{
  position:relative;
  z-index:2;
}

.brand{
  min-height:40px;
  color:#fff;
  text-shadow:0 0 24px rgba(var(--command-accent-rgb),.34),0 0 60px rgba(var(--command-accent-rgb),.12);
}

.brand small{
  color:rgba(var(--command-accent-rgb),.7);
  letter-spacing:0;
}

.brand-fallback::before{
  content:"";
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:1px solid rgba(var(--command-accent-rgb),.36);
  border-radius:9px;
  background:
    linear-gradient(135deg,transparent 38%,var(--command-accent) 39% 48%,#fbbf24 49% 62%,transparent 63%),
    radial-gradient(circle at 50% 50%,rgba(var(--command-accent-rgb),.1),transparent 64%),
    #071022;
  box-shadow:0 0 18px rgba(var(--command-accent-rgb),.14);
}

.workspace-name,
.workspace-switch{
  margin-top:24px;
  margin-bottom:24px;
}
.workspace-name{padding:8px;min-height:40px}
.brand:hover{color:var(--text)}
.side-link svg:first-child{margin-left:0}
a:hover{color:var(--command-accent)}

.workspace-symbol{
  color:var(--command-accent);
  background:var(--command-accent-bg);
  border-color:rgba(var(--command-accent-rgb),.26);
  box-shadow:0 0 22px rgba(var(--command-accent-rgb),.08);
}

.workspace-switch select{
  background:rgba(8,12,28,.72);
  border-color:rgba(var(--command-accent-rgb),.16);
  color:var(--text);
  border-radius:8px;
}

.nav-label{
  color:rgba(var(--command-accent-rgb),.56);
  font-weight:700;
  letter-spacing:0;
}

.sidebar nav{
  gap:4px;
  flex-shrink:0;
  padding-bottom:8px;
}

.sidebar nav::before,
:root[data-product=hardline] .hl-nav-group::before{
  content:"";
  position:absolute;
  top:20px;
  bottom:20px;
  left:17px;
  width:1px;
  background:rgba(var(--command-accent-rgb),.24);
  pointer-events:none;
}
:root[data-product=hardline] .sidebar nav::before{content:none}
:root[data-product=hardline] .hl-nav-group{position:relative;padding-top:20px}
:root[data-product=hardline] .hl-nav-group::before{top:52px;bottom:20px}
:root[data-product=hardline] .hl-nav-group:first-child::before{top:32px}
:root[data-product=hardline] .hl-nav-group .nav-label{color:var(--subtle);padding-bottom:8px}

.sidebar nav a,
.side-link{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px 12px;
  min-height:40px;
  font-size:13px;
  border:0;
  border-radius:8px;
  color:#8a8f98;
  transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}

:root[data-product=hardline] .hl-nav-group a{padding:9px 12px;gap:12px;min-height:40px;font-size:13px}
.sidebar nav a>span:not(.nav-count){min-width:0;overflow-wrap:break-word}
.sidebar>.brand,.sidebar>.workspace-name,.sidebar>.workspace-switch{flex-shrink:0}
:focus-visible{outline-color:var(--command-accent)}

.sidebar nav a::before{
  content:"";
  width:11px;
  height:11px;
  flex:0 0 11px;
  box-sizing:border-box;
  border-radius:50%;
  border:2px solid rgba(var(--command-accent-rgb),.4);
  background:rgba(10,14,26,.9);
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}

.sidebar nav a:hover,
.side-link:hover{
  color:#e4e4e7;
  background:rgba(var(--command-accent-rgb),.08);
  border-color:rgba(var(--command-accent-rgb),.16);
}

.sidebar nav a:hover::before{
  border-color:rgba(var(--command-accent-rgb),.8);
  box-shadow:0 0 8px 2px rgba(var(--command-accent-rgb),.3);
}

.sidebar nav a[aria-current=page]{
  color:color-mix(in srgb,var(--command-accent) 72%,#fff);
  background:rgba(var(--command-accent-rgb),.12);
  border-color:rgba(var(--command-accent-rgb),.24);
  box-shadow:0 0 28px rgba(var(--command-accent-rgb),.09);
}

.sidebar nav a[aria-current=page]::before{
  border-color:var(--command-accent);
  background:var(--command-accent);
  box-shadow:0 0 10px 2px rgba(var(--command-accent-rgb),.28);
}

.sidebar nav a[aria-current=page]::after{
  content:none;
  position:absolute;
  bottom:-2px;
  left:17px;
  width:2px;
  height:0;
  pointer-events:none;
  z-index:3;
  background:linear-gradient(180deg,rgba(var(--command-accent-rgb),.8),rgba(var(--command-accent-rgb),.2),transparent);
  animation:command-bleed-drip 1.8s ease-out forwards;
}

.sidebar nav a svg,
.side-link svg{
  opacity:.64;
  transition:opacity .25s ease;
}

.sidebar nav a:hover svg,
.sidebar nav a[aria-current=page] svg,
.side-link:hover svg{
  opacity:1;
}

.nav-count{
  margin-left:auto;
  color:color-mix(in srgb,var(--command-accent) 72%,#fff);
  background:rgba(var(--command-accent-rgb),.1);
  border:1px solid rgba(var(--command-accent-rgb),.25);
  border-radius:999px;
}

.app-shell{
  position:relative;
  margin-left:var(--command-sidebar-width);
}

.app-shell::before{
  content:"";
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:var(--command-sidebar-width);
  z-index:-1;
  pointer-events:none;
  background:none;
}

.topbar{
  background:rgba(5,8,20,.7);
  border-bottom-color:rgba(var(--command-accent-rgb),.12);
  backdrop-filter:blur(18px);
}

.sample-badge{
  color:#fbbf24;
  background:rgba(251,191,36,.1);
  border:1px solid rgba(251,191,36,.24);
  font-weight:700;
}

.icon-button,
.button,
.filters label,
.search-field,
.status-select,
dialog{
  background:rgba(8,12,28,.78);
  border-color:rgba(148,163,184,.14);
}

.icon-button:hover,
.button:hover:not(:disabled),
a.button:hover{
  background:rgba(var(--command-accent-rgb),.1);
  border-color:rgba(var(--command-accent-rgb),.28);
}

.button.primary,
.button.primary:hover{
  color:var(--on-accent,#04130d)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--command-accent) 70%,#fff),var(--command-accent));
  border-color:rgba(var(--command-accent-rgb),.68);
  box-shadow:0 0 24px rgba(var(--command-accent-rgb),.18);
  filter:none;
}

.page-heading{
  padding-bottom:0;
  border-bottom:0;
  margin-bottom:28px;
}

.eyebrow{
  color:color-mix(in srgb,var(--command-accent) 76%,#fff);
  font-weight:700;
  letter-spacing:0;
}

h1{
  font-size:24px;
  font-weight:700;
  letter-spacing:0;
  text-shadow:0 0 34px rgba(var(--command-accent-rgb),.1);
}

.filters{
  padding:0 0 20px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:none;
}

.metrics{
  gap:16px;
  border:0;
  margin-bottom:30px;
}

.metric,
.chart-section,
.company-section,
.table-section,
.course-card,
.session-item,
.task-list,
.report-heading,
.analyst-result,
.command-input,
.table-wrap,
.work-summary>section{
  border:1px solid rgba(var(--command-accent-rgb),.13);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(8,12,28,.88),rgba(8,12,28,.62));
  box-shadow:0 0 40px -10px rgba(var(--command-accent-rgb),.09),0 0 80px -20px rgba(14,165,233,.05);
}

.metric{
  position:relative;
  padding:22px!important;
  overflow:hidden;
}

.metric:last-child{border:1px solid rgba(var(--command-accent-rgb),.13)}
.metric.attention strong{color:var(--amber)}
.metric[data-hl-drill]{cursor:pointer}
.metric[data-hl-drill]:hover{background:var(--raised);border-color:var(--command-accent)}
.status-row[data-status-filter]{width:100%;border:0;border-radius:0;background:transparent;text-align:left;color:var(--text)}
.status-row[data-status-filter]:hover{background:var(--raised)}
.work-summary>section{padding:20px}
.work-summary{gap:20px}

.metric::after,
.chart-section::after,
.company-section::after,
.table-section::after,
.course-card::after,
.work-summary>section::after{
  content:"";
  position:absolute;
  inset:auto 18px 0 18px;
  height:1px;
  opacity:.45;
  background:linear-gradient(90deg,transparent,rgba(var(--command-accent-rgb),.55),transparent);
}

.chart-section,
.company-section,
.table-section,
.course-card,
.work-summary>section{
  position:relative;
  overflow:hidden;
}

.chart-section,
.company-section{
  padding:20px;
}

.table-section{
  padding:22px;
  margin-top:30px;
  border-top:1px solid rgba(var(--command-accent-rgb),.13);
}

.metric strong{
  color:#fff;
  font-weight:650;
}

.metric-top,
.section-head p,
.page-heading p:last-child,
.company-meta,
.task-copy p,
.report-heading p,
.work-source,
.command-scope{
  color:#a9b4c4;
}

th{
  background:rgba(15,23,42,.84);
  color:#8fa3b8;
}

td,
.company-row,
.task-row,
.deadline-row,
.course-banner,
.course-footer,
.source-facts,
.work-register,
.tab-strip,
.report-heading{
  border-color:rgba(148,163,184,.12)!important;
}

tbody tr:hover{
  background:rgba(var(--command-accent-rgb),.055);
}

.course-symbol,
.company-avatar,
.avatar,
.date-tile{
  border-color:rgba(var(--command-accent-rgb),.22);
  background:rgba(var(--command-accent-rgb),.11);
  color:color-mix(in srgb,var(--command-accent) 76%,#fff);
}

.progress{
  background:rgba(148,163,184,.13);
}

.progress>span,
.status-row .progress span{
  background:linear-gradient(90deg,var(--command-accent),color-mix(in srgb,var(--command-accent) 55%,#fff));
  box-shadow:0 0 16px rgba(var(--command-accent-rgb),.28);
}

.status{
  border:1px solid rgba(56,189,248,.18);
}

.status.complete{
  border-color:rgba(16,185,129,.22);
}

.status.attention{
  border-color:rgba(251,191,36,.22);
}

.status.absent{
  border-color:rgba(251,113,133,.22);
}

.persona-choice{
  border-radius:8px 8px 0 0;
}

.persona-choice>span{
  color:var(--command-accent);
}

.persona-choice[aria-pressed=true]{
  background:rgba(var(--command-accent-rgb),.09);
  border-bottom-color:var(--command-accent);
}

.text-button:hover,
.work-title:hover,
.person-cell button:hover,
.company-name:hover,
.deadline-row button:hover{
  color:var(--command-accent);
}

.toast{
  background:color-mix(in srgb,var(--command-accent) 12%,#fff);
  color:#04130d;
  border:1px solid rgba(var(--command-accent-rgb),.28);
}

@media(max-width:950px){
  .app-shell::before{left:0}
  .app-shell{margin-left:0}
}

/* Shared sections stay open; only repeated items and data tables are framed. */
.table-section,.chart-section,.company-section,.task-list,.report-heading,.analyst-result{border:0;border-radius:0;box-shadow:none;background:none}
.table-section{padding:22px 0}
.chart-section,.company-section{padding:20px 0}
.chart-section::after,.company-section::after,.table-section::after{content:none}
:root[data-theme=light][data-product=education]{--accent:#18744f}

:root[data-theme=light]{
  --command-accent:var(--accent,#18744f);
  --command-accent-bg:rgba(var(--command-accent-rgb),.08);
  --command-panel:#fff;
  --command-muted:#536173;
}
:root[data-theme=light] body{background:#f4f6f9;color:var(--text)}
:root[data-theme=light] body::before,:root[data-theme=light] .sidebar::before{display:none}
:root[data-theme=light] .sidebar,:root[data-theme=light] .topbar{background:#fff;border-color:var(--line)}
:root[data-theme=light] .brand,:root[data-theme=light] .metric strong{color:var(--text);text-shadow:none}
:root[data-theme=light] .brand small,:root[data-theme=light] .nav-label{color:var(--muted)}
:root[data-theme=light] .sidebar nav a,:root[data-theme=light] .side-link{color:var(--muted)}
:root[data-theme=light] .sidebar nav a[aria-current=page]{color:var(--command-accent);background:var(--command-accent-bg);box-shadow:none}
:root[data-theme=light] .sidebar nav a::before{background:#fff}
:root[data-theme=light] .sidebar nav a[aria-current=page]::before{background:var(--command-accent)}
:root[data-theme=light] :is(.metric,.table-wrap,.course-card,.session-item,.work-summary>section,.command-input,.icon-button,.button,.filters label,.search-field,.status-select,.workspace-switch select,dialog){background:#fff;color:var(--text);border-color:var(--line);box-shadow:none}
:root[data-theme=light] :is(.metric-top,.section-head p,.page-heading p:last-child,.company-meta,.task-copy p,.report-heading p,.work-source,.command-scope){color:var(--muted)}
:root[data-theme=light] th{background:var(--raised);color:var(--muted)}
:root[data-theme=light] .metric.attention strong{color:var(--amber)}
:root[data-theme=light] .button.primary{background:var(--command-accent);color:#fff!important}
:root[data-theme=light] .eyebrow{color:var(--command-accent)}
:root[data-theme=light] .nav-count{color:var(--command-accent)}
@media(max-width:680px){
  .metrics{gap:10px}
  .metric{padding:16px!important}
  .heading-actions{flex-wrap:wrap}
  .button{white-space:normal;text-align:center}
}

@media(prefers-reduced-motion:reduce){
  .sidebar::after,
  .sidebar nav a[aria-current=page]::before,
  .sidebar nav a[aria-current=page]::after{
    animation:none!important;
  }
}