/* ============================================================
   Geteilte Optik-Anpassung für Seiten mit EIGENEM <style>
   (admin.html, aktive_modelle.html, Editoren …).
   - Hell: Google-Blau + Roboto app-weit vereinheitlichen.
   - Dunkel: gängige Variablen + Flächen umstellen (Best-Effort;
     Feinschliff je Seite folgt). Wirkt NUR unter data-theme="dark".
   Diese Datei wird NACH dem Seiten-<style> eingebunden -> gewinnt bei Gleichstand.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

:root{ --accent:#1a73e8; }
body{ font-family:'Roboto','Segoe UI',system-ui,Arial,sans-serif; }

/* Checkboxen/Radios nie auf 100% Breite ziehen – manche Seiten setzen input{width:100%},
   was sonst die Häkchen-Zeilen (z. B. Rechte-Vorauswahl) verschiebt. */
input[type=checkbox], input[type=radio] { width:auto !important; flex:none !important; }

:root[data-theme="dark"]{
  --accent:#8ab4f8; --border:#5f6368; --green:#81c995; --orange:#fdd663; --red:#f28b82;
  --sidebar:#292a2d; --topbar:#292a2d;
  --akzent:#8ab4f8; --grau:#9aa0a6; --linie:#3c4043; --text:#e8eaed;
}
:root[data-theme="dark"] body{ background:#202124 !important; color:#e8eaed !important; }
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .modal,
:root[data-theme="dark"] .box,
:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .karte{ background:#292a2d !important; border-color:#3c4043 !important; color:#e8eaed !important; }
:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea{ background:#35363a !important; color:#e8eaed !important; border-color:#5f6368 !important; }
:root[data-theme="dark"] table{ color:#e8eaed !important; }
:root[data-theme="dark"] th{ color:#9aa0a6 !important; border-color:#3c4043 !important; }
:root[data-theme="dark"] td{ border-color:#3c4043 !important; }
:root[data-theme="dark"] a{ color:#8ab4f8; }