/* KFT Ladeinfrastruktur-Check: Ergänzungen zu /rwa-anfrage/css/styles.css.
   Regeln gelten nur für die Kennzahlen im Kopfbereich (.lade-kpis) und im Assistenten (.lade-app). */

/* Kennzahlen im Kopfbereich (dunkel, KFT-Werte) */
.lade-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:24px;margin:8px 0 0}
.lade-kpis > div{display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:1px solid var(--line)}
.lade-kpis dt{font-size:clamp(32px,3.2vw,44px);line-height:1;font-weight:500;font-variation-settings:"opsz" 32;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.lade-kpis dt.lade-kpis__blue{color:var(--accent)}
.lade-kpis dd{margin:0;font-size:15px;line-height:1.4;color:var(--ink-2)}

/* Ergebnis des Pflicht-Checks im Assistenten */
.lade-app .result{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--light-bg)}
.lade-app .result-head{display:flex;gap:14px;align-items:flex-start}
.lade-app .result-head b{display:block;font:500 18px/1.3 var(--font)}
.lade-app .result-head p{margin-top:4px;font:400 15px/1.5 var(--font);color:var(--mute2)}
.lade-app .result-dot{flex:none;width:14px;height:14px;margin-top:5px;border-radius:50%;background:#8a8c90}
.lade-app .result.res-on{background:#fff3dc;border-color:#f0c36d}.lade-app .result.res-on .result-dot{background:#d72b1f}
.lade-app .result.res-warn{background:#fff8e6;border-color:#f0c36d}.lade-app .result.res-warn .result-dot{background:#b26a00}
.lade-app .result.res-off{background:#e3f4ea;border-color:#b5dec5}.lade-app .result.res-off .result-dot{background:#1b8a4c}
.lade-app .result.res-none{background:var(--blue-soft);border-color:#b7d2ff}.lade-app .result.res-none .result-dot{background:#1272ff}
.lade-app .result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px}
.lade-app .result-card{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.lade-app .result-card .k{font:500 12px/1.2 var(--font);color:var(--mute);text-transform:uppercase;letter-spacing:.05em}
.lade-app .result-card b{font:500 32px/1 var(--font);color:var(--blue-deep);letter-spacing:-.02em}
.lade-app .result-card span:last-child{font:400 14px/1.4 var(--font);color:var(--mute2)}
.lade-app .result-hints{margin:0;padding-left:18px;list-style:disc;font:400 14px/1.45 var(--font);color:var(--mute2)}
.lade-app .aside-status{font:500 14px/1.4 var(--font);padding:10px 12px;border-radius:10px;background:#ffffff14}
.lade-app .aside-status.res-on{background:#d72b1f33}.lade-app .aside-status.res-off{background:#1b8a4c33}.lade-app .aside-status.res-warn{background:#b26a0033}