/* ============================================================
   AI Lawyer — Style variants (B: light, C: memo)
   Applied via body[data-variant]. Loaded after styles.css.
   ============================================================ */

/* ====================== VARIANT B — Svetlo / Mirno ====================== */
body[data-variant="b"] {
  --paper: #f4f5f7; --paper-2: #eaedf1;
  --line: #e3e6ea; --line-2: #d2d8df;
}
[data-variant="b"] .sidebar {
  background: #fbfbfc;
  color: var(--ink-700);
  border-right: 1px solid var(--line);
}
[data-variant="b"] .sb-brand { border-bottom: 1px solid var(--line); }
[data-variant="b"] .sb-brand .wordmark .name { color: var(--navy-900); }
[data-variant="b"] .sb-brand .wordmark .name em { color: var(--navy-600); }
[data-variant="b"] .sb-brand .wordmark .sub { color: var(--ink-400); }
[data-variant="b"] .sb-new {
  background: var(--navy-800);
  border-color: rgba(0,0,0,.08);
  box-shadow: 0 2px 8px rgba(20,40,70,.16);
}
[data-variant="b"] .sb-new .plus { color: #fff; }
[data-variant="b"] .sb-group-label { color: var(--ink-400); }
[data-variant="b"] .sb-item { color: var(--ink-700); }
[data-variant="b"] .sb-item .t { color: var(--ink-900); }
[data-variant="b"] .sb-item:hover { background: rgba(20,40,70,.045); }
[data-variant="b"] .sb-item.active { background: rgba(33,58,94,.08); border-color: rgba(33,58,94,.16); }
[data-variant="b"] .sb-item.active .t { color: var(--navy-800); }
[data-variant="b"] .sb-item .meta { color: var(--ink-400); }
[data-variant="b"] .sb-item .meta .pill { color: var(--navy-500); }
[data-variant="b"] .sb-foot { border-top: 1px solid var(--line); color: var(--ink-500); }
[data-variant="b"] .sb-foot .ava { background: var(--navy-700); color: #fff; }
[data-variant="b"] .sb-foot .who b { color: var(--navy-900); }

/* synthesis: drop brass + navy gradient → clean white w/ navy accent */
[data-variant="b"] .synth { box-shadow: var(--shadow-md); }
[data-variant="b"] .synth:before { background: var(--navy-700); }
[data-variant="b"] .synth-head {
  background: #fff; color: var(--navy-900);
  border-bottom: 1px solid var(--line);
}
[data-variant="b"] .synth-head .meta .k { color: var(--navy-900); }
[data-variant="b"] .synth-head .meta .by { color: var(--ink-400); }
[data-variant="b"] .synth-head .tag { color: var(--navy-600); border-color: rgba(33,58,94,.28); }
[data-variant="b"] .synth-sec .sh { color: var(--navy-600); }
[data-variant="b"] .synth-sec .sh .mk { background: var(--navy-600); }
[data-variant="b"] .synth-body { background: linear-gradient(180deg, rgba(33,58,94,.025), transparent 90px); }

/* count chip + panel: navy instead of brass */
[data-variant="b"] .panel-head .count { color: var(--navy-600); background: rgba(33,58,94,.07); border-color: rgba(33,58,94,.16); }
[data-variant="b"] .disclaimer .s { color: var(--navy-500); }

/* ====================== VARIANT C — Memo / Uredniško ====================== */
body[data-variant="c"] {
  --paper: #f7f6f2; --paper-2: #efece4;
  --line: #e4e1d8; --line-2: #d6d2c6;
}
[data-variant="c"] .sidebar {
  background: #f2f0e9;
  color: var(--ink-700);
  border-right: 1px solid var(--line);
}
[data-variant="c"] .sb-brand { border-bottom: 1px solid var(--line); }
[data-variant="c"] .sb-brand .wordmark .name { color: var(--navy-900); }
[data-variant="c"] .sb-brand .wordmark .name em { color: var(--navy-700); font-style: italic; }
[data-variant="c"] .sb-brand .wordmark .sub { color: var(--ink-400); }
[data-variant="c"] .sb-new {
  background: transparent; color: var(--navy-800);
  border: 1.5px solid var(--navy-800);
  box-shadow: none;
}
[data-variant="c"] .sb-new .plus { color: var(--navy-800); }
[data-variant="c"] .sb-new:hover { background: var(--navy-800); color: #fff; filter: none; }
[data-variant="c"] .sb-new:hover .plus { color: #fff; }
[data-variant="c"] .sb-group-label { color: var(--ink-400); }
[data-variant="c"] .sb-item { color: var(--ink-700); border-radius: 0; padding-left: 13px; }
[data-variant="c"] .sb-item .t { color: var(--ink-900); }
[data-variant="c"] .sb-item:hover { background: rgba(20,30,46,.04); }
[data-variant="c"] .sb-item.active { background: transparent; border-color: transparent; border-left: 2px solid var(--navy-800); }
[data-variant="c"] .sb-item.active .t { color: var(--navy-900); }
[data-variant="c"] .sb-item .meta { color: var(--ink-400); }
[data-variant="c"] .sb-item .meta .pill { color: var(--ink-400); }
[data-variant="c"] .sb-foot { border-top: 1px solid var(--line); color: var(--ink-500); }
[data-variant="c"] .sb-foot .ava { background: var(--navy-800); color: #fff; border-radius: 50%; }
[data-variant="c"] .sb-foot .who b { color: var(--navy-900); }

/* topbar: serif title bigger, quieter dots */
[data-variant="c"] .tb-title .h { font-size: 18px; }

/* panel: compact strip of slim cards, no confidence bars */
[data-variant="c"] .panel-head .lab { color: var(--ink-500); }
[data-variant="c"] .panel-head .count { color: var(--ink-500); background: transparent; border-color: var(--line-2); }
[data-variant="c"] .model-grid { display: flex; flex-wrap: wrap; gap: 8px; }
[data-variant="c"] .mcard {
  flex: 1 1 232px; box-shadow: none;
  border: 1px solid var(--line-2); border-radius: 8px;
  padding: 11px 13px; background: #fff;
}
[data-variant="c"] .mcard:hover { transform: none; box-shadow: var(--shadow-sm); }
[data-variant="c"] .mcard .conf { display: none; }
[data-variant="c"] .mcard .verdict { margin-top: 9px; }

/* synthesis: typeset legal memo — no navy block, no brass */
[data-variant="c"] .synth {
  box-shadow: none;
  border: 1px solid var(--line-2);
  border-radius: 4px;
  background: #fff;
}
[data-variant="c"] .synth:before { display: none; }
[data-variant="c"] .synth-head {
  background: #fff; color: var(--ink-900);
  border-bottom: 2px solid var(--navy-900);
  padding: 17px 28px 15px;
}
[data-variant="c"] .synth-head .tag { display: none; }
[data-variant="c"] .synth-head .meta .k { color: var(--navy-900); font-size: 21px; letter-spacing: .2px; }
[data-variant="c"] .synth-head .meta .by { color: var(--ink-400); }
[data-variant="c"] .synth-body { background: #fff; padding: 26px 28px 28px; }
[data-variant="c"] .synth-lede { font-size: 19px; }
[data-variant="c"] .synth-lede b { color: var(--navy-800); }
[data-variant="c"] .synth-sec .sh { color: var(--ink-500); }
[data-variant="c"] .synth-sec .sh .mk { background: var(--ink-400); width: 14px; height: 1.5px; transform: none; }
[data-variant="c"] .steps li .n {
  background: #fff; color: var(--navy-800);
  border: 1.5px solid var(--navy-800); width: 25px; height: 25px;
}
[data-variant="c"] .kpoints li .b { background: var(--navy-700); }
[data-variant="c"] .risk { background: var(--card-2); border-color: var(--line-2); }
[data-variant="c"] .risk .ic { background: rgba(20,30,46,.06); color: var(--navy-800); }
[data-variant="c"] .risk .tx b { color: var(--navy-800); }
[data-variant="c"] .synth-foot .agree .pips i { background: var(--navy-700); }
[data-variant="c"] .synth-foot .agree .pips i.off { background: var(--line-2); }
[data-variant="c"] .disclaimer .s { color: var(--navy-700); }