/* Scope Studio · shared base (tokens + primitives). Component files use prefixes:
   sp- store picker · pp- period picker · su- setup/studio modals · sh- shell (menu, scope bar, sections) */
:root{
  --st-seq-1:#cde2fb;--st-seq-2:#9ec5f4;--st-seq-3:#6da7ec;--st-seq-4:#3987e5;--st-seq-5:#1c5cab;
  --st-set-1:#2a78d6;--st-set-2:#eb6834;--st-set-3:#1baf7a;--st-set-4:#eda100;--st-set-5:#e87ba4;--st-set-6:#008300;--st-set-7:#4a3aa7;--st-set-8:#e34948;
  --st-good:#0ca30c;--st-warn:#fab219;--st-serious:#ec835a;--st-crit:#d03b3b;
  --st-up-text:#006300;--st-down-text:#b42318;
  --st-surface:#ffffff;--st-raise:#f7fafc;--st-ring:#2a78d6;
  --st-radius:10px;--st-shadow:0 10px 34px rgba(12,61,94,.18);
}
.st-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer;line-height:1.2;display:inline-flex;align-items:center;gap:6px}
.st-btn:hover{background:#f2f7fa}
.st-btn.pri{background:var(--navy);border-color:var(--navy);color:#fff}.st-btn.pri:hover{background:#0a3350}
.st-btn.ghost{border-color:transparent;background:transparent}
.st-btn[disabled]{opacity:.45;cursor:not-allowed}
.st-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 11px;font-size:12.5px;color:#2a4250;cursor:pointer;white-space:nowrap;line-height:1.2}
.st-chip:hover{border-color:#c7d6df}
.st-chip.on{border-color:var(--navy);background:#eaf3f7;color:var(--navy);font-weight:600}
.st-letter{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:#fff;font-size:10.5px;font-weight:800;flex:0 0 auto}
.st-letter.ink{color:#0b0b0b}
.st-badge{font-size:10px;font-weight:700;border-radius:6px;padding:2px 6px;background:#eef2f5;color:#5a7686}
.st-ico{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;color:#fff;font-size:10px;font-weight:800;flex:0 0 auto}
.st-ico.good{background:var(--st-good)}.st-ico.warn{background:var(--st-warn);color:#1a1a19}.st-ico.crit{background:var(--st-crit)}.st-ico.none{background:#9fb2bf}
.st-delta{font-size:11.5px;font-weight:700;white-space:nowrap}
.st-delta.good{color:var(--st-up-text)}.st-delta.bad{color:var(--st-down-text)}.st-delta.flat{color:var(--mut)}
:focus-visible{outline:2px solid var(--st-ring);outline-offset:2px}
/* modal / sheet primitive */
.st-back{position:fixed;inset:0;background:rgba(6,20,30,.48);z-index:900;display:flex;align-items:center;justify-content:center}
.st-dlg{background:var(--st-surface);border-radius:14px;box-shadow:var(--st-shadow);width:min(1040px,96vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;color:var(--ink)}
.st-dlg-h{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.st-dlg-h h3{font-size:16px;margin:0}.st-dlg-h .x{margin-left:auto}
.st-dlg-b{flex:1;overflow:auto;padding:14px 18px;min-height:0}
.st-dlg-f{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid var(--line);flex-wrap:wrap;background:#fbfcfd}
.st-dlg-f .sp{flex:1}
.st-seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.st-seg button{border:0;background:#fff;padding:7px 12px;font-size:12.5px;font-weight:600;color:#5a7686;cursor:pointer}
.st-seg button.on{background:var(--navy);color:#fff}
.st-pop{position:fixed;z-index:950;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--st-shadow);padding:6px;min-width:220px;max-height:70vh;overflow:auto}
.st-pop .it{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:#2a4250;width:100%;border:0;background:none;text-align:left}
.st-pop .it:hover,.st-pop .it:focus{background:#f2f7fa}
.st-pop .sep{height:1px;background:var(--line);margin:4px 0}
.st-pop .hd{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:#9fb2bf;padding:6px 10px 2px}
#st-toasts{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:1000;display:flex;flex-direction:column;gap:8px;align-items:center}
.st-toast{background:#0e2733;color:#fff;border-radius:10px;padding:10px 14px;font-size:13px;display:flex;gap:10px;align-items:center;box-shadow:var(--st-shadow);max-width:92vw}
.st-toast button{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:7px;padding:4px 9px;font-weight:600;cursor:pointer}
@media (max-width:760px){
  .st-back{align-items:flex-end}
  .st-dlg{width:100vw;max-height:94vh;border-radius:16px 16px 0 0}
  .st-dlg-f{position:sticky;bottom:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}