/* Shared dark-mode refinements for the GUI templates (gui-07).

   Every template already sets `color-scheme: light dark` on :root, which
   makes the browser swap the default page background/text color and native
   form controls automatically — that's real dark mode already, not just a
   hint. This file only tightens the handful of hardcoded accent colors
   (badges, claim-type highlight blocks, review buttons) that don't
   automatically adapt, so they keep good contrast on a dark canvas too.
   Loaded by every template via templates/_pwa_head.html.
*/

/* gui-11: profile switcher (_nav.html) — the ONE piece of nav markup common
   to literally every authenticated page, so it lives here once instead of
   being copy-pasted into each page's own inline <style> block like the rest
   of nav.topnav's layout is today. Not dark-mode-specific, just shared. */
.nav-profile { display: flex; align-items: center; gap: 0.3rem; }
.nav-profile select { font: inherit; padding: 0.2rem; }
.nav-profile button { font-size: 0.9rem; padding: 0.3rem 0.7rem; cursor: pointer; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
@media (prefers-color-scheme: dark) {
  .badge { border-color: #ffffff55; }
  table th, table td { border-color: #ffffff2a; }
  nav.topnav { border-bottom-color: #ffffff33; }
  .claim-fakta { background: color-mix(in srgb, #22c55e 14%, transparent); border-left-color: #22c55e; }
  .claim-interpretace { background: color-mix(in srgb, #3b82f6 14%, transparent); border-left-color: #3b82f6; }
  .claim-pohadka { background: color-mix(in srgb, #c084fc 14%, transparent); border-left-color: #c084fc; }
  button.approve { background: #22c55e; color: #0b1220; }
  button.reject { background: #f87171; color: #0b1220; }
}