/* The two approved themes, shared by customer and operations views. */
:root,[data-theme=violet]{
  color-scheme:dark;
  --bg:#11131b;--surface:#191d29;--surface-raised:#252b3a;--inset:#141720;--summary-bg:#1d212c;
  --line:#343a4b;--text:#f2f3f8;--muted:#adb6c8;--placeholder:#9ca7bb;
  --accent:#a18aef;--accent-strong:#7352d6;--accent-hover:#7a56d7;--accent-ink:#c4b4ff;--accent-soft:#342946;
  --success:#6ddcb5;--success-bg:#16392f;--success-line:#305b49;--warning:#f0c477;--warning-bg:#362d20;--warning-line:#56442a;
  --danger:#ffa1ac;--danger-bg:#3b242e;--danger-line:#613440;--sheet-shadow:#0003;--logo-filter:none;
}
[data-theme=lavender]{
  color-scheme:light;--bg:#f0eef5;--surface:#fff;--surface-raised:#efebf5;--inset:#fbfaff;--summary-bg:#faf9fc;
  --line:#ddd8e7;--text:#292334;--muted:#71687c;--placeholder:#776e83;
  --accent:#7352bf;--accent-strong:#7352bf;--accent-hover:#6545b2;--accent-ink:#6645af;--accent-soft:#eee7fa;
  --success:#207653;--success-bg:#e9f6ef;--success-line:#c6e4d2;--warning:#916415;--warning-bg:#fff7e6;--warning-line:#f0dfb8;
  --danger:#b73e54;--danger-bg:#fff0f2;--danger-line:#f1cdd4;--sheet-shadow:#3a23450f;--logo-filter:none;
}
.button{background:var(--accent-strong)}.button:hover:not(:disabled){background:var(--accent-hover)}
.button.secondary{background:transparent}.button.secondary:hover:not(:disabled){background:var(--surface-raised);border-color:var(--muted)}
.button.tertiary{background:transparent}.button.tertiary:hover{background:var(--accent-soft)}
.input::placeholder{color:var(--placeholder)}
.notice[data-tone=warning]{border-color:var(--warning-line)}.notice[data-tone=danger]{border-color:var(--danger-line)}.notice[data-tone=success]{border-color:var(--success-line)}
.badge[data-tone=accent]{background:var(--accent-soft)}
.review-bar{background:var(--inset);border-color:var(--line)}.review-bar__label{color:var(--muted)}
.review-bar__nav a[aria-current=page]{color:var(--accent-ink);background:var(--accent-soft)}.review-bar__nav a:hover{background:var(--surface-raised)}
.palette-bar{display:flex;align-items:center;gap:2px;width:fit-content;max-width:calc(100% - 32px);margin:14px auto 0;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--inset)}
.palette-option{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:82px;min-height:40px;padding:6px 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:13px;line-height:1.5;font-weight:500;white-space:nowrap}
.palette-option svg{width:17px;height:17px}
.palette-option:hover{background:var(--surface-raised);color:var(--text)}
.palette-option[aria-pressed=true]{background:var(--surface-raised);color:var(--text);font-weight:650}
.palette-option:focus-visible{outline-offset:1px}
.brand img{filter:var(--logo-filter,none)}
@media(max-width:600px),(pointer:coarse){.palette-option{min-height:44px}}