/* Radiology OS spectrum system. Global visual layer; no behavior or study data changes. */
:root {
  --spectrum-cyan:#00f5d4; --spectrum-sky:#28c7f2; --spectrum-violet:#9250ef;
  --spectrum-pink:#f00073; --spectrum-orange:#ff732e; --spectrum-amber:#ffbd19;
  --spectrum-bar:linear-gradient(90deg,var(--spectrum-cyan),var(--spectrum-sky) 23%,var(--spectrum-violet) 48%,var(--spectrum-pink) 72%,var(--spectrum-orange) 91%,var(--spectrum-amber));
  --bg:#090e1a; --surface:#11192a; --surface-2:#172236; --surface-3:#21304a;
  --ink:#f0f6ff; --muted:#a9bbd0; --line:#2e425d; --line-soft:#293a51;
  --field-line:#617c96; --accent:#27e0d2; --accent-text:#46ebde; --accent-soft:#123438;
  --primary:#14cfcc; --primary-hover:#40eee3; --primary-ink:#041521; --focus:#45dcff;
  --side:#0b1424; --side-2:#16273d; --side-line:#2b4159; --side-ink:#edf7ff; --side-muted:#a9bfd4;
  --accent-blue:#28c7f2; --accent-violet:#b27aff; --teal-soft:#133b40; --blue-soft:#182e49;
  --lime:#27e0d2; --lime-ink:#061521; --ok:#2be4bf;
  --warn:#ffad64; --error:#ff738b;
  --accent-glow:rgba(0,245,212,.15); --accent-glow-soft:rgba(0,245,212,.07);
  color-scheme:dark;
}
@media (prefers-color-scheme:dark) {
  :root {
    --bg:#090e1a; --surface:#11192a; --surface-2:#172236; --surface-3:#21304a;
    --ink:#f0f6ff; --muted:#a9bbd0; --line:#2e425d; --line-soft:#293a51;
    --accent:#27e0d2; --accent-soft:#123438; --primary-hover:#40eee3; --primary-ink:#041521;
    --accent-glow:rgba(0,245,212,.15); --accent-glow-soft:rgba(0,245,212,.07);
  }
}
body {
  background:radial-gradient(ellipse at 13% 2%,rgba(0,245,212,.07),transparent 28%),
             radial-gradient(ellipse at 94% 3%,rgba(240,0,115,.065),transparent 30%),var(--bg);
  color:var(--ink);
}
::selection{background:rgba(40,199,242,.40);color:#fff}
.sidebar,#main-sidebar{background:var(--side);border-color:var(--side-line)}
.topbar{position:relative;border-color:var(--line);background:rgba(12,23,40,.93)}
.topbar::after {
  content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;
  background:var(--spectrum-bar);pointer-events:none;z-index:2;
}
.sidebar .brand,.topbar .brand {color:var(--ink)}
.nav.active,.nav[aria-current="page"],.nav[aria-selected="true"]{
  background:linear-gradient(90deg,rgba(0,245,212,.13),rgba(40,199,242,.035));
  color:#a6fff2;border-color:rgba(0,245,212,.36);
}
.nav.active::before,.nav[aria-current="page"]::before{background:var(--spectrum-cyan)}
.page-title .eyebrow,.workspace-heading .eyebrow {color:var(--spectrum-cyan)}
.page-title h2,.workspace-heading h2 {color:#f5f9ff}
.primary,.app button.primary {
  background:linear-gradient(110deg,#00cbb8,#1eabdf);color:#041522;border-color:#40e8df;
  box-shadow:0 0 15px rgba(0,245,212,.10);
}
.primary:hover,.app button.primary:hover{filter:brightness(1.08);box-shadow:0 0 22px rgba(0,245,212,.21)}
.secondary,.quiet-button{border-color:#42617c;color:#d8eefe}
.workspace-panel,.rail-card,.review-dashboard,.study-panel,.overview-card,
.library-panel,.preview-pane,.domain-card {
  background:var(--surface);border-color:var(--line);
}
.workspace-panel:hover,.rail-card:hover{border-color:#45657b}
:is(.workspace-panel,.rail-card,.review-dashboard,.study-panel,.overview-card,.library-panel,.preview-pane) h2,
:is(.workspace-panel,.rail-card,.review-dashboard,.study-panel,.overview-card,.library-panel,.preview-pane) h3{color:#f0f7ff}
:where(input,textarea,select){accent-color:var(--spectrum-cyan)}
:where(input,textarea,select):focus-visible{outline:2px solid var(--spectrum-sky);outline-offset:2px}
a{color:#72ccff}
a:hover{color:#8dffe9}
:where(.chip,.badge,.tag){border-color:#46617c}
:where(.chip,.badge,.tag):focus-visible{outline-color:var(--spectrum-violet)}
#tab-review .review-stats>div:nth-child(1){border-top:2px solid var(--spectrum-cyan)}
#tab-review .review-stats>div:nth-child(2){border-top:2px solid var(--spectrum-violet)}
#tab-review .review-stats>div:nth-child(3){border-top:2px solid var(--spectrum-orange)}
#tab-review .review-stats strong{color:#f7fbff}
#tab-review .review-stats>div:nth-child(2) strong{color:#d8baff}
#tab-review .review-stats>div:nth-child(3) strong{color:#ffc096}
#tab-file .items-table thead,#tab-file .table-wrap thead{background:#18243a}
#tab-file .items-table tr:hover{background:rgba(40,199,242,.075)}
#tab-file .type-bar button[aria-pressed="true"]{color:var(--spectrum-cyan);border-color:var(--spectrum-cyan)}
#tutor-drawer,.tutor-drawer{border-color:rgba(165,91,240,.42)}
.tutor-heading{background:linear-gradient(110deg,#151936,#27152f);border-bottom:2px solid var(--spectrum-violet)}
.tutor-heading .eyebrow{color:#d5a8ff}
dialog:not(#cards-dialog){background:var(--surface);color:var(--ink);border-color:var(--line)}
dialog:not(#cards-dialog) .cards-header{border-bottom:2px solid var(--spectrum-violet)}
#cards-dialog {--accent-text:var(--spectrum-cyan)}
@media (prefers-reduced-motion:reduce) {
  .primary,.app button.primary{transition:none}
}