/* Helpdesk Panic — v2 service desk design for the Main Menu (account/) and the Shift Dashboard (dashboard/).
   Active with html.hdp-v2 (set by theme.js); html.theme-light switches to the light variant. Same colours as
   theme-v2.css on the Desk. */

html.hdp-v2{
  --v2-bg:#0b0f15;--v2-panel:#121923;--v2-panel2:#17202c;--v2-line:#243041;--v2-text:#e6ebf2;--v2-muted:#8a97a8;
  --v2-head:#0f1621;--v2-headtext:#e6ebf2;--v2-accent:#3b82f6;
  --v2-ok:#22c55e;--v2-warn:#f59e0b;--v2-bad:#ef4444;
  --mono:ui-monospace,"JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace;
}
html.hdp-v2.theme-light{
  --v2-bg:#eef1f5;--v2-panel:#ffffff;--v2-panel2:#f6f8fb;--v2-line:#d6dce5;--v2-text:#152033;--v2-muted:#5d6878;
  --v2-head:#1e2a3b;--v2-headtext:#ffffff;
  --v2-ok:#15803d;--v2-warn:#b45309;--v2-bad:#b91c1c;
}

/* Base */
html.hdp-v2,html.hdp-v2 body{background:var(--v2-bg)!important;color:var(--v2-text)}
html.hdp-v2 .muted,html.hdp-v2 small,html.hdp-v2 .row small{color:var(--v2-muted)}
html.hdp-v2 .eyebrow,html.hdp-v2 .kicker{color:var(--v2-muted);letter-spacing:.14em}
html.hdp-v2 .panel,html.hdp-v2 .row,html.hdp-v2 .metric,html.hdp-v2 .licence,html.hdp-v2 .orgcard,html.hdp-v2 .devbox,
html.hdp-v2 .matchstate,html.hdp-v2 .summary-root,html.hdp-v2 .autostart,html.hdp-v2 .empty,html.hdp-v2 .proposal{
  background:var(--v2-panel)!important;border-color:var(--v2-line)!important;box-shadow:none;color:var(--v2-text)}
html.hdp-v2 .row,html.hdp-v2 .metric,html.hdp-v2 .licence,html.hdp-v2 .orgcard{background:var(--v2-panel2)!important}
html.hdp-v2 .pill,html.hdp-v2 .badge,html.hdp-v2 .tag,html.hdp-v2 .career-pills span{background:var(--v2-panel2);border-color:var(--v2-line);color:var(--v2-text)}
html.hdp-v2 button,html.hdp-v2 .button{background:var(--v2-panel2);border-color:var(--v2-line);color:var(--v2-text)}
html.hdp-v2 button.ghost,html.hdp-v2 .ghost{background:transparent}
html.hdp-v2 button.primary,html.hdp-v2 .primary{background:var(--v2-accent)!important;border-color:var(--v2-accent)!important;color:#fff!important}
html.hdp-v2 button.danger{background:#b91c1c;border-color:#b91c1c;color:#fff}
html.hdp-v2 input,html.hdp-v2 select{background:var(--v2-panel2);border-color:var(--v2-line);color:var(--v2-text)}
html.hdp-v2 label,html.hdp-v2 label span,html.hdp-v2 label>span{color:var(--v2-muted)}
html.hdp-v2 a{color:var(--v2-accent)}
html.hdp-v2 .toast{background:var(--v2-head);border-color:var(--v2-head);color:var(--v2-headtext)}

/* Top bar like a service desk tool */
html.hdp-v2 .topbar{background:var(--v2-head);color:var(--v2-headtext);border-radius:14px;padding:12px 16px;border-bottom:3px solid var(--v2-accent)}
html.hdp-v2 .topbar .eyebrow,html.hdp-v2 .topbar h1{color:var(--v2-headtext)}
html.hdp-v2 .topbar .pill,html.hdp-v2 .topbar button,html.hdp-v2 .topbar .button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:var(--v2-headtext)}
html.hdp-v2 .topbar button.danger{background:#b91c1c;border-color:#b91c1c}
html.hdp-v2 #themeBtn{padding:6px 10px;font-size:1rem;line-height:1}

/* Main Menu: the four start cards each get a colour, like modules in a service desk portal */
html.hdp-v2 .actioncard{background:var(--v2-panel)!important;border:1px solid var(--v2-line);border-top:4px solid var(--card,#3b82f6);color:var(--v2-text)}
html.hdp-v2 .actioncard small{color:var(--v2-muted)}
html.hdp-v2 .actioncard[data-open="soloPanel"]{--card:#3b82f6}
html.hdp-v2 .actioncard[data-open="matchPanel"]{--card:#a855f7}
html.hdp-v2 .actioncard[data-open="joinPanel"]{--card:#14b8a6}
html.hdp-v2 .actioncard[data-open="careerPanel"]{--card:#f59e0b}
html.hdp-v2 .career-bar{background:var(--v2-panel2);border-color:var(--v2-line)}
html.hdp-v2 .career-bar i{background:linear-gradient(90deg,#3b82f6,#22c55e)}

/* Shift Dashboard */
html.hdp-v2 .joincode,html.hdp-v2 .metric span,html.hdp-v2 .badge.sla-live{font-family:var(--mono)}
html.hdp-v2 .joincopy a{color:var(--v2-accent)}
html.hdp-v2 .badge.ok,html.hdp-v2 .presence-online,html.hdp-v2 .metric.ok span,html.hdp-v2 .badge.sla-live.ok,html.hdp-v2 .summary-root span.ok,html.hdp-v2 .tag.root{color:var(--v2-ok)}
html.hdp-v2 .badge.warn,html.hdp-v2 .metric.warn span,html.hdp-v2 .badge.sla-live.warn,html.hdp-v2 .lead-offline,html.hdp-v2 .autostart.waiting{color:var(--v2-warn)}
html.hdp-v2 .badge.bad,html.hdp-v2 .presence-offline,html.hdp-v2 .metric.bad span,html.hdp-v2 .badge.sla-live.bad,html.hdp-v2 .tag.bad{color:var(--v2-bad)}
html.hdp-v2 .team-mode{color:var(--v2-accent)}
html.hdp-v2 .row small.ctx,html.hdp-v2 .summary-root span{color:var(--v2-muted)}
html.hdp-v2 .tag.prio-p1{background:#dc2626;border-color:#dc2626;color:#fff}
html.hdp-v2 .tag.prio-p2{background:#ea580c;border-color:#ea580c;color:#fff}
html.hdp-v2 .tag.prio-p3{background:#2563eb;border-color:#2563eb;color:#fff}
html.hdp-v2 .tag.prio-p4{background:#64748b;border-color:#64748b;color:#fff}
html.hdp-v2 .tag.change{color:#ea580c;border-color:#ea580c}
html.hdp-v2 .corr-head{background:var(--v2-panel2)}
html.hdp-v2.theme-light .corr-head.strong strong{color:#b45309}html.hdp-v2.theme-light .corr-head.restored strong{color:#15803d}html.hdp-v2.theme-light .corr-head.change strong{color:#b91c1c}
html.hdp-v2.theme-light .row.sev-warning strong{color:#b45309}html.hdp-v2.theme-light .row.sev-critical strong{color:#b91c1c}
html.hdp-v2.theme-light .hdp-rating{color:var(--v2-text)}
html.hdp-v2.theme-light input::placeholder{color:#94a3b8}
/* 0.9.40: expansion tick boxes on the Shift Dashboard setup. */
.dash-mods{display:grid;gap:6px;align-content:start}.dash-mods>span{font-size:.85rem;color:var(--v2-muted)}
.dash-mods .tickrow{display:flex;align-items:center;gap:8px;font-weight:600}