/* ==========================================================================
   RUHIGE OBERFLÄCHEN · letzte Schicht über dem Glas-Design
   Weniger Glow, weniger Glas: Karten und Schaltflächen sind jetzt ruhige,
   klar abgegrenzte Flächen mit dünner Linie und weichem Schatten.
   Zurück zum starken Glas-Look: diese Datei in index.html entfernen.
   Einzelne Regler stehen direkt unter :root.
   ========================================================================== */
:root, :root:not([data-theme="dark"]), :root[data-theme="dark"] {
  --lg-refraction: 0;            /* keine Linsen-Brechung am Rand */
  --lg-blur: 0px;
  --glass-blur: 0px;
  --lg-bf-default: none;         /* kein Hintergrund-Weichzeichner auf Karten */
  --glow-strength: 0;
}
:root:not([data-theme="dark"]) {
  --glass-bg: #ffffff;
  --glass-bg-hover: #f3f6f4;
  --glass-line: rgba(20, 30, 25, .10);
  --lg-shadow: 0 0 0 1px rgba(20, 30, 25, .09), 0 1px 2px rgba(20, 30, 25, .05), 0 3px 10px rgba(20, 30, 25, .04);
  --glass-shadow: var(--lg-shadow);
}
:root[data-theme="dark"] {
  --glass-bg: #1c1d20;
  --glass-bg-hover: #232428;
  --glass-line: rgba(255, 255, 255, .09);
  --lg-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 1px 2px rgba(0, 0, 0, .4), 0 3px 10px rgba(0, 0, 0, .22);
  --glass-shadow: var(--lg-shadow);
}

/* Hintergrund: schlicht statt farbiger Lichtflecken */
body::before,
:root:not([data-theme="dark"]) body::before { background: none; }

/* Kein Weichzeichner und keine Spiegelkanten auf Flächen */
.tile, .chip, .icon-btn, .pager a, .back, .help, details.blk, .search-input, .filter, .card, .mini, .list-rows,
.leit, .dd > div, .notruf, .theme-btn, .hcard, .btn, .pa, .modal-card, .upd, .net-pill, .lang-menu, .fc-face, .fab, .lang-btn, .tabbar,
.notice, .chk, .res-sec .res, a.docc {
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
.tile:hover, :root:not([data-theme="dark"]) .tile:hover { box-shadow: var(--lg-shadow); }
.tile:hover, .help:hover, details.blk:hover, .chip:hover, .pager a:hover, .row:hover, .btn:hover, .pa:hover { background: var(--glass-bg-hover); }

/* Seitenleiste und Kopfzeile: ruhig, mit dezentem Weichzeichner nur für die Lesbarkeit beim Scrollen */
.sidebar, :root:not([data-theme="dark"]) .sidebar { background: var(--bg); border-right: 1px solid var(--line); -webkit-backdrop-filter: none; backdrop-filter: none; }
.topbar { background: color-mix(in srgb, var(--bg) 97%, transparent); -webkit-backdrop-filter: none; backdrop-filter: none; }
.nav-link:hover, .nav-link:focus-visible { background: var(--glass-bg-hover); box-shadow: none; }
.nav-link[aria-current="page"], :root:not([data-theme="dark"]) .nav-link[aria-current="page"] {
  background: color-mix(in srgb, var(--accent) 11%, transparent); box-shadow: none; color: var(--accent);
}
.brand-logo, .sidebar:has(.nav-link:hover, .nav-link:focus-visible) .brand-logo { filter: none; }
.theme-btn svg { filter: none; }
.theme-btn:hover { transform: none; }

/* Hinweise: klare Farbflächen ohne Schein */
:root:not([data-theme="dark"]) details.blk.warn, :root:not([data-theme="dark"]) .help.warn {
  background: color-mix(in srgb, var(--warn) 10%, #fff);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--warn) 32%, transparent);
}
:root:not([data-theme="dark"]) .notruf {
  background: color-mix(in srgb, var(--bad) 8%, #fff);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--bad) 28%, transparent);
}
:root:not([data-theme="dark"]) .dd .do { background: color-mix(in srgb, var(--good) 8%, #fff); box-shadow: 0 0 0 1px color-mix(in srgb, var(--good) 26%, transparent); }
:root:not([data-theme="dark"]) .dd .dont { background: color-mix(in srgb, var(--bad) 7%, #fff); box-shadow: 0 0 0 1px color-mix(in srgb, var(--bad) 24%, transparent); }
:root[data-theme="dark"] details.blk.warn, :root[data-theme="dark"] .help.warn { background: color-mix(in srgb, var(--warn) 10%, var(--card)); }
:root[data-theme="dark"] .notruf { background: color-mix(in srgb, var(--bad) 12%, var(--card)); }
:root[data-theme="dark"] .dd .do { background: color-mix(in srgb, var(--good) 10%, var(--card)); }
:root[data-theme="dark"] .dd .dont { background: color-mix(in srgb, var(--bad) 10%, var(--card)); }
.notice, .notice.n-info, .notice.n-warn { background: var(--glass-bg); }

/* Eingabefelder: Fokus klar, aber ohne Leuchten */
.search-input:focus { box-shadow: var(--lg-shadow), 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent); }

/* Dialoge: ruhiger Hintergrund */
.modal-bg { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(10, 15, 12, .5); }
.modal-card { background: var(--card); }

/* Hervorgehobene Schaltflächen und Hinweis-Karten ohne Leuchten */
.btn.cta { background: var(--accent); box-shadow: 0 1px 2px rgba(0, 0, 0, .18); }
.btn.cta:hover { background: color-mix(in srgb, var(--accent) 88%, #000); }
.hcard { background: color-mix(in srgb, var(--c) 9%, var(--card)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--c) 26%, transparent); }
.notfall-chip { box-shadow: 0 1px 2px rgba(0, 0, 0, .2) !important; }