/* ============================================================
   IPRO App-Skin — RenoPlan (KOPIE, PREFIX=renoplan, Port 8115)
   Ergaenzt ipro-skin.css: nur App-Chrome auf IPRO-Tokens.
   PAINT ONLY: nur Farbe/Rahmen/Schrift-Anmutung, KEIN Layout.
   Matrix (.mx): nur Farben/Rahmen — niemals Groessen (kein Umbruch).
   #ipro-topbar wird NICHT angefasst (kommt aus dem nginx-SHIM).
   Stand: 2026-07-06
   ============================================================ */

/* App-Kopfleiste -> helles Tango-Chrome wie die IPRO-Topbar direkt darueber
   (kein Doppel-Blau). Weisse App-Schrift -> dunkel/Akzent, damit lesbar. */
.top{background:linear-gradient(var(--chrome-1),var(--chrome-3));color:var(--ink);border-bottom:1px solid var(--bd)}
.top .app{color:var(--ink)}
.top .proj{color:var(--ink-2);border-left-color:var(--bd)}
.top .env{background:var(--chrome-3);color:var(--ink-2);border:1px solid var(--bd)}
.top a{color:var(--accent)}

/* Seiten-Navigation -> Chrome hell */
.nav{background:var(--chrome-1);border-right:1px solid var(--bd)}
.nav .grp{color:var(--ink-2)}
.nav a{color:var(--ink)}
.nav a:hover{background:var(--chrome-2)}
.nav a.active{background:var(--accent-bg);border-left-color:var(--accent);color:var(--accent)}

/* Befehlsleiste (Toolbar) -> Chrome */
.cmdbar{background:var(--chrome-1);border-bottom:1px solid var(--bd)}
.cmdbar .badge{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-lo)}

/* Karten/Panels -> Panelflaeche + IPRO-Rahmen */
.card{background:var(--panel);border:1px solid var(--bd);border-radius:var(--r-card)}
.card h2{background:var(--chrome-2);color:var(--ink);border-bottom:1px solid var(--bd)}

/* Kacheln -> Panel, Akzent-Oberkante, Akzent-Hover */
.tile{background:var(--content);border:1px solid var(--bd);border-top-color:var(--accent);border-radius:var(--r-card)}
.tile:hover{border-color:var(--accent);background:var(--accent-bg)}

/* Primaerbutton -> Akzent; Sekundaer -> Akzent-Kontur */
.btn{background:var(--accent);color:var(--content);border:1px solid var(--accent)}
.btn:hover{border-color:var(--accent-lo)}
.btn.sec{background:var(--content);color:var(--accent);border:1px solid var(--accent)}

/* Eingaben in Tabellen/Kommentaren -> weiss + IPRO-Rahmen (paint only) */
input.wert,select.dq,.komm textarea,.komm input.autor{background:var(--content);color:var(--ink);border:1px solid var(--bd-lo);border-radius:var(--r)}

/* Kommentar-Items -> Panel + Akzent-Kante */
.komm .item{background:var(--panel);border:1px solid var(--bd);border-left:3px solid var(--accent)}

/* Matrix: NUR Kopf/Rahmen-Farben, KEINE Groessen */
.mx th{background:var(--chrome-2);color:var(--ink);border:1px solid var(--bd)}
.mx td.cn{background:var(--chrome-2)}
.mx td.nm a{color:var(--accent)}

/* Blaue Links/Werte -> IPRO-Akzent (Kopfleisten-Links bleiben weiss) */
.crumbs a,.ilink,.tlink{color:var(--accent)}
.bigval{color:var(--accent)}