/* =====================================================================
   ADMIN: dunkles Design für secure.papersim.de
   Grenzt den Admin-Bereich sichtbar vom Programm ab. Wird nur auf den
   secure-Seiten nach admin.css geladen. Die Farbvariablen aus
   core/css/design.css werden dafür umgedeutet: --ps-navy ist hier die
   helle Schriftfarbe, Flächen mit Akzent bekommen dunkle Schrift.
   ===================================================================== */
body.adm, body.adm-dunkel {
  --ps-navy: #e8eff7;
  --ps-navy-2: #c9d6e4;
  --ps-text: #d2dce7;
  --ps-grau: #93a4b7;
  --ps-grau-hell: #6e8094;
  --ps-linie: #26384b;
  --ps-papier: #0b1520;
  --ps-weiss: #132130;
  --ps-blau-hell: #16304a;
  --ps-blau-mittel: #1d3c5a;
  --ps-blau-stark: #7fbef4;
  --ps-rot-hell: #3b1d23;
  --ps-gruen-hell: #143427;
  --ps-gelb-hell: #3a2f12;
  --adm-flaeche: #132130;
  --adm-flaeche-2: #182a3c;
  --adm-feld: #0e1a27;
  --adm-dunkel-schrift: #0b1520;
  color-scheme: dark;
  background: var(--ps-papier);
  color: var(--ps-text);
}

/* Kopf und Navigation */
body.adm .adm-kopf { background: rgba(11, 21, 32, .92); border-bottom-color: var(--ps-linie); }
body.adm .adm-marke-zusatz { background: #65adef; color: var(--adm-dunkel-schrift); }
body.adm .adm-nav { background: var(--adm-flaeche); }
body.adm .adm-nav a.aktiv { background: var(--adm-flaeche-2); color: var(--ps-navy); box-shadow: 0 1px 3px rgba(0, 0, 0, .4); }
body.adm .ps-wortmarke, body.adm-dunkel .ps-wortmarke { color: var(--ps-navy); }

/* Flächen, die in admin.css fest weiß sind */
body.adm .karte, body.adm .typwahl button, body.adm .knopf-x, body.adm .chips, body.adm .ph, body.adm .schritt,
body.adm .einmal code { background: var(--adm-flaeche); }
body.adm .tab tr:hover td, body.adm .inh-eintrag:hover { background: var(--adm-flaeche-2); }
body.adm .inh-eintrag { background: var(--adm-flaeche); border-bottom-color: var(--ps-linie); }
body.adm .inh-eintrag.aktiv { background: var(--ps-blau-hell); }
body.adm .med-zeile, body.adm .var-zeile, body.adm .diag-zeile { background: var(--adm-flaeche-2); }
body.adm .f input:not([type=checkbox]), body.adm .f select, body.adm .f textarea, body.adm .adm-suche,
body.adm .konto-form input, body.adm-dunkel .konto-form input { background: var(--adm-feld); border-color: #2d4359; color: var(--ps-text); }
body.adm .f.fehlerhaft textarea, body.adm .f.fehlerhaft input { background: #2a161a; }
body.adm .chip-e { background: #1e3550; }
body.adm .chip-e.alt { background: #3a2f12; }
body.adm .chip-e button { color: var(--ps-grau); }

/* Akzentflächen: helle Fläche, dunkle Schrift */
body.adm .typwahl button.aktiv { background: #65adef; border-color: #65adef; color: var(--adm-dunkel-schrift); }
body.adm .knopf, body.adm-dunkel .knopf { background: var(--adm-flaeche-2); color: var(--ps-text); }
body.adm .knopf.primaer, body.adm-dunkel .knopf.primaer { background: #65adef; color: var(--adm-dunkel-schrift); box-shadow: none; }
body.adm .knopf.primaer:hover, body.adm-dunkel .knopf.primaer:hover { background: #8cc3f5; }
body.adm .knopf.leise { background: transparent; color: var(--ps-blau-stark); }
body.adm .knopf.gefahr { color: #f0868a; box-shadow: inset 0 0 0 1.5px #5a2a30; }
body.adm .toast { background: #65adef; color: var(--adm-dunkel-schrift); }
body.adm .toast.fehler { background: var(--ps-rot); color: #fff; }
body.adm .adm-zahl { color: var(--adm-dunkel-schrift); }
body.adm .ps-ico.navy { background: #65adef; color: var(--adm-dunkel-schrift); }

/* Statusmarken und Hinweise */
body.adm .st-offen { background: #233446; color: #b7c4d2; }
body.adm .st-teilweise { background: #3a2f12; color: #f2cf7a; }
body.adm .st-geprueft { background: #143427; color: #7fd8ac; }
body.adm .st-abgelehnt { background: #3b1d23; color: #f19ea2; }
body.adm .st-inaktiv { background: #222d38; color: #8a96a3; }
body.adm .hinweis.warn, body.adm .ps-hinweis.warn { background: #3a2f12; color: #f2cf7a; }
body.adm .einmal { background: #143427; color: #7fd8ac; }
body.adm .diff-neu { background: #143427; }
body.adm .ed-vorschau { background: #252312; box-shadow: 0 4px 18px rgba(0, 0, 0, .5); }
body.adm .ed-vorschau mark { color: #f19ea2; }
body.adm .schritt.fehlt { background: #2a161a; }
body.adm .balken, body.adm .tage i { background: #233446; }
body.adm .tage i.l1 { background: #2b5c88; }

/* Anmeldeseite secure */
body.adm-dunkel.konto-seite { background: radial-gradient(1200px 600px at 50% -10%, #17304a, #0b1520 60%); }
body.adm-dunkel .konto-box { background: var(--adm-flaeche); box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .8); }
body.adm-dunkel .konto-box h1 { color: var(--ps-navy); }
body.adm-dunkel .konto-logo { filter: brightness(0) invert(1) opacity(.92); }
body.adm-dunkel .ps-sim-marke { background: #65adef; color: var(--adm-dunkel-schrift); }
body.adm-dunkel .konto-meldung { background: #3b1d23; color: #f19ea2; }
body.adm-dunkel .konto-meldung.info { background: var(--ps-blau-hell); color: var(--ps-text); }
body.adm-dunkel .konto-form label { color: var(--ps-text); }
body.adm .adm-marke img { filter: brightness(0) invert(1); }

/* Startseite des Admin-Bereichs */
body.adm .adm-held { background: radial-gradient(700px 300px at 90% -20%, rgba(101, 173, 239, .35), transparent 60%), #10273c; box-shadow: inset 0 0 0 1px #21405d; }
body.adm .adm-held .adm-unter { color: #a9bccf; }
body.adm .adm-aufgabe, body.adm .adm-fortschritt { background: var(--adm-flaeche); box-shadow: inset 0 0 0 1px var(--ps-linie); }
body.adm .adm-aufgabe b { color: #7fd8ac; }
body.adm .adm-aufgabe.offen b { color: #f2cf7a; }
body.adm .adm-fortschritt .balken { background: #233446; }

/* Formular-Baukasten im Editor */
body.adm .bk-zeile.komplex, body.adm .bk-liste.karten > .bk-eintrag { background: var(--adm-flaeche-2); }
body.adm .bk-feld { background: var(--adm-feld); border-color: #2d4359; color: var(--ps-text); }

/* Verknüpfungsgrafik: Knoten bleiben hell (Farbe = Freigabestatus), Schrift darin dunkel */
body.adm .gr-knoten text { fill: #0e2135; }
body.adm .gr-knoten .typ { fill: #5b6b80; }
body.adm .gr-label { fill: #c9d6e4; stroke: #132130; }
body.adm .gr-spalte { fill: #93a4b7; }

/* Speicherleiste im Editor */
body.adm .ed-speichern { background: rgba(19, 33, 48, .96); border-top-color: var(--ps-linie); }