/* Focus and channel settings repairs from the UX hunt. */
.list-item[role="button"]:focus-visible { outline: 2px solid var(--accent-2); outline-offset: -2px; }
@media (max-width: 800px) {
  .ss-topic-slowmode { flex-direction: column; min-width: 0; }
  .ss-topic-slowmode > input { min-width: 0; width: 100%; }
  .settings-panel .ss-topic-slowmode > select { flex: none; width: 100%; padding-right: 36px; }
}

/* White labels need a darker fill; keep each solid theme’s hue and other tokens. */
:is(body, .cz-mini).theme-aurora {
  --accent: #1c8376;
  --accent-hover: #187266;
  --accent-press: #146256;
}
:is(body, .cz-mini).theme-forest {
  --accent: #2d854d;
  --accent-hover: #2c824b;
}
:is(body, .cz-mini).theme-sunset {
  --accent: #ad622d;
  --accent-hover: #995727;
  --accent-press: #854b22;
}
:is(body, .cz-mini).theme-dracula {
  --accent: #8568b0;
  --accent-hover: #755a9e;
  --accent-press: #664e8a;
}
:is(body, .cz-mini).theme-rose {
  --accent: #c6486f;
  --accent-hover: #c8426b;
}
:is(body, .cz-mini).theme-slate {
  --accent: #5875b3;
  --accent-hover: #4e689f;
  --accent-press: #435989;
}
:is(body, .cz-mini).theme-crimson {
  --accent: #d8384a;
}