/* Kärnkraft Dashboard v1.2 */
#kd-app{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#0a0f1a;border-radius:12px;padding:28px;color:#e2e8f0}
#kd-header{text-align:center;margin-bottom:24px}
#kd-header h3{font-size:1.5em;font-weight:800;margin:0 0 6px;color:#f1f5f9}
#kd-header p{color:#64748b;font-size:.88em;margin:0}
/* KPI */
#kd-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.kd-kpi{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:18px;text-align:center}
.kd-kpi-icon{font-size:1.5em;margin-bottom:6px}
.kd-kpi-value{font-size:1.4em;font-weight:800;color:#38bdf8}
.kd-kpi-label{font-size:.72em;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}
/* Layout */
#kd-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kd-panel{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:18px;margin-bottom:16px}
.kd-panel h4{font-size:.9em;color:#f1f5f9;margin:0 0 14px;font-weight:700}
/* Reactor cards */
.kd-reactor{background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:12px 14px;margin-bottom:8px;transition:border-color .2s}
.kd-reactor:hover{border-color:#334155}
.kd-r-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.kd-r-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.kd-status-on{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.5)}
.kd-status-off{background:#ef4444}
.kd-r-header strong{font-size:.9em;color:#f1f5f9}
.kd-r-type{font-size:.7em;color:#64748b;background:#1e293b;padding:2px 8px;border-radius:4px;margin-left:auto;font-weight:600}
.kd-r-bar-wrap{height:6px;background:#1e293b;border-radius:3px;overflow:hidden;margin-bottom:6px}
.kd-r-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#38bdf8);border-radius:3px;width:calc((var(--mw)/var(--max))*100%)}
.kd-bar-max{background:linear-gradient(90deg,#f59e0b,#fbbf24) !important}
.kd-r-details{display:flex;justify-content:space-between;font-size:.72em;color:#64748b}
/* Mix */
.kd-mix-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.kd-mix-label{width:80px;font-size:.78em;color:#94a3b8;text-align:right;flex-shrink:0}
.kd-mix-track{flex:1;height:16px;background:#0f172a;border-radius:4px;overflow:hidden}
.kd-mix-fill{height:100%;border-radius:4px;transition:width .6s}
.kd-mix-pct{font-size:.78em;color:#94a3b8;width:40px;font-weight:600}
/* Donut */
#kd-donut-wrap{position:relative;max-width:200px;margin:0 auto 12px}
#kd-donut{width:100%;height:auto}
#kd-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.kd-dc-value{font-size:1.4em;font-weight:800;color:#38bdf8}
.kd-dc-label{font-size:.7em;color:#64748b;text-transform:uppercase}
#kd-donut-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.kd-dl-item{display:flex;align-items:center;gap:4px;font-size:.75em;color:#94a3b8}
.kd-dl-dot{width:8px;height:8px;border-radius:50%}
/* Future */
.kd-future-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #1e293b}
.kd-future-item:last-child{border-bottom:none}
.kd-fi-year{background:#172554;color:#60a5fa;padding:4px 10px;border-radius:6px;font-size:.78em;font-weight:700;flex-shrink:0}
.kd-fi-text{font-size:.85em;color:#94a3b8}
@media(max-width:768px){
    #kd-kpi-grid{grid-template-columns:1fr 1fr}
    #kd-main-grid{grid-template-columns:1fr}
    #kd-app{padding:16px}
}