/* ============================================================
   app-energie.css  —  IPRO-Chrome fuer die Energie-Wiki (PREFIX=energie)
   Ergaenzung zu ipro-skin.css. NUR paint (Farbe/Rahmen/Schrift),
   KEINE Layout-Eigenschaften -> nichts bricht um.

   Besonderheit: die App laedt static/xp.css (renoplan-Skin) mit
   !important auf fast allem. Deshalb hier gezielt !important, damit
   der IPRO-Tango-Look tatsaechlich greift (bleibt paint-only,
   voll reversibel: nur diese Datei + 1 nginx-Link).
   #ipro-topbar NICHT anfassen (kommt aus dem SHIM).
   Stand: 2026-07-06
   ============================================================ */

/* --- Grundflaeche + IBM-Plex erzwingen (xp.css setzt Inter !important) --- */
body{background:var(--paper) !important;color:var(--ink) !important;font-family:var(--ipro-ui) !important}

/* --- Kopf-/Befehlsleiste (.top) + Index-Header --- */
.top,header{background:var(--chrome-1) !important;color:var(--ink) !important;border-bottom:1px solid var(--bd) !important;box-shadow:0 1px 0 var(--hi) inset !important}
.top a,.top strong,header a,header strong{color:var(--ink) !important}
.fort{background:var(--chrome-2) !important;color:var(--ink-2) !important;border:1px solid var(--bd) !important}

/* --- Buttons: gefaster Tango-Look --- */
.btn,button,input[type=submit]{color:var(--ink) !important;background:linear-gradient(var(--content),var(--chrome-2)) !important;border:1px solid var(--bd) !important;border-radius:var(--r) !important;box-shadow:0 1px 0 var(--hi) inset !important}
.btn:hover,button:hover,input[type=submit]:hover{border-color:var(--accent-lo) !important}
.btn:not(.grau):not(.sek):not(.sekundaer){background:var(--accent) !important;color:#fff !important;border-color:var(--accent) !important}
.btn:not(.grau):not(.sek):not(.sekundaer):hover{background:var(--accent) !important;border-color:var(--accent-lo) !important}
.btn.aus,.btn:disabled,button:disabled{color:var(--ink-3) !important;background:var(--chrome-2) !important;border-color:var(--bd) !important}

/* --- Linke SiteMap + Filter-Reiter --- */
.nav{background:var(--panel) !important;border-right:1px solid var(--bd) !important}
.filter{background:var(--chrome-2) !important;border-bottom:2px solid var(--accent) !important}
.filter label{background:var(--content) !important;color:var(--ink) !important;border:1px solid var(--bd) !important}
#fAlle:checked~.filter label[for=fAlle],#fInput:checked~.filter label[for=fInput],#fErw:checked~.filter label[for=fErw],#fOut:checked~.filter label[for=fOut]{background:var(--accent) !important;color:#fff !important;border-color:var(--accent) !important}

/* --- Gliederungsbaum-Knoten --- */
.node:hover{background:var(--accent-bg) !important}
.node.sel{background:var(--accent-bg) !important;color:var(--ink) !important;border-left-color:var(--accent) !important;box-shadow:inset 3px 0 0 var(--accent) !important}
.node.nb{color:var(--ink-3) !important}

/* --- Karten / Panels --- */
.karte,.card,.grp,.blatt,.info,.win{background:var(--panel) !important;border:1px solid var(--bd) !important;border-radius:var(--r-card) !important;box-shadow:0 1px 0 var(--hi) inset !important}
h1,h2,.karte h3{color:var(--ink) !important}

/* --- Tabellenkopf im Chrome-Grau --- */
table th,thead th{background:var(--chrome-2) !important;color:var(--ink) !important;border-bottom:1px solid var(--bd) !important}

/* --- Eingabefelder: weiss + Fokus-Akzent --- */
input[type=text],input[type=password],input:not([type]),textarea,select{background:var(--content) !important;color:var(--ink) !important;border:1px solid var(--bd-lo) !important;border-radius:var(--r) !important}
input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-lo) !important;border-color:var(--accent) !important}

/* --- Badges dezent im Akzent --- */
.badge.firma{background:var(--accent-bg) !important;color:var(--accent) !important}
.badge.geheim{background:var(--chrome-2) !important;color:var(--brass) !important}