/* ── Design system base tokens: medium theme (default) ─────────── */
:root{
  --sunken:#1E1F22;--base:#2B2D31;--raised:#313338;--overlay:#383A40;
  --border-subtle:#27292C;--border-default:#3F4147;--border-strong:#5C5F66;
  --text-primary:#F2F3F5;--text-secondary:#B5BAC1;--text-tertiary:#80848E;
  --accent:#4FD6BE;--accent-dim:#1D3D38;
  --red:#ED4245;--red-dim:rgba(237,66,69,0.15);
  --yellow:#FAA61A;--yellow-dim:rgba(250,166,26,0.15);
  --green:#57F287;--green-dim:rgba(87,242,135,0.15);
}
/* ── Dark ────────────────────────────────────────────────────────── */
html[data-theme="dark"]{
  --sunken:#0B0E14;--base:#10141C;--raised:#141926;--overlay:#1C2235;
  --border-subtle:#181E2A;--border-default:#1E2530;--border-strong:#2A3342;
  --text-primary:#D7DEE8;--text-secondary:#8B96A5;--text-tertiary:#5C6673;
  --accent:#4FD6BE;--accent-dim:#1E4A42;
  --red:#F85149;--red-dim:rgba(248,81,73,0.12);
  --yellow:#E3B341;--yellow-dim:rgba(227,179,65,0.12);
  --green:#3FB950;--green-dim:rgba(63,185,80,0.12);
}
/* ── Light ───────────────────────────────────────────────────────── */
html[data-theme="light"]{
  --sunken:#F2F3F5;--base:#FFFFFF;--raised:#F7F8FA;--overlay:#FFFFFF;
  --border-subtle:#E8EAED;--border-default:#D4D7DC;--border-strong:#B9BBBE;
  --text-primary:#1A1B1E;--text-secondary:#4E5058;--text-tertiary:#86898F;
  --accent:#1A9E8C;--accent-dim:#D1F0EC;
  --red:#C7312D;--red-dim:rgba(199,49,45,0.1);
  --yellow:#B07D14;--yellow-dim:rgba(176,125,20,0.1);
  --green:#1A7A3F;--green-dim:rgba(26,122,63,0.1);
}
/* ── Feedback dropdown ──────────────────────────────────────────── */
.fb-notif-drop{background:var(--base);border:1px solid var(--border-default)}
.fb-notif-item{border-color:var(--border-subtle);color:var(--text-primary)}
.fb-notif-item:hover{background:var(--raised)}
.fb-notif-comment{color:var(--text-primary)}
.fb-notif-meta,.fb-notif-empty{color:var(--text-secondary)}
[data-theme="light"] .fb-notif-drop{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 32px rgba(0,0,0,0.18)}
[data-theme="light"] .fb-notif-item{border-color:#f0f0f0;color:#252525}
[data-theme="light"] .fb-notif-item:hover{background:#f8f9fa}
[data-theme="light"] .fb-notif-comment{color:#252525}
[data-theme="light"] .fb-notif-meta,[data-theme="light"] .fb-notif-empty{color:#6b7280}
/* ── Account theme picker ────────────────────────────────────────── */
.acct-theme-btn{flex:1;padding:5px 0;border-radius:6px;border:1px solid rgba(255,255,255,0.12);background:transparent;color:rgba(255,255,255,0.5);cursor:pointer;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:inherit;transition:border-color .15s,background .15s,color .15s}
.acct-theme-btn:hover{border-color:rgba(255,255,255,0.3);color:rgba(255,255,255,0.8)}
.acct-theme-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}
.acct-theme-icon{font-size:13px;line-height:1}
.acct-theme-label{font-size:9px;font-family:'IBM Plex Mono',monospace}