/* Minimalstaat Rechenknecht – externes CSS */
#ms-pro-calc{--bg:#fff;--muted:#6b7280;--border:#e5e7eb;--ink:#111827;--ink-2:#1f2937;--brand:#2563eb;--brand-2:#1d4ed8;--ok:#059669;--warn:#d97706;--bad:#b91c1c;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:16px;max-width:1080px;margin:8px auto;padding:16px}
#ms-pro-calc.dark{--bg:#0b1220;--ink:#e5e7eb;--ink-2:#e5e7eb;--border:#1f2a44;--muted:#9aa3b2}
#ms-pro-calc h2{margin:0 0 8px;font-size:1.4rem}
#ms-pro-calc p.desc{margin:0 0 12px;color:var(--muted)}
.tabs{display:flex;gap:8px;margin:8px 0 16px}
.tab-btn{appearance:none;border:1px solid var(--border);background:#f8fafc;color:var(--ink-2);border-radius:10px;padding:8px 12px;cursor:pointer}
#ms-pro-calc.dark .tab-btn{background:#121a2d;color:#e5e7eb;border-color:#1f2a44}
.tab-btn.active{background:var(--brand);border-color:var(--brand-2);color:#fff}
.tab-pane{display:none;animation:fade .18s ease}
.tab-pane.active{display:block}
@keyframes fade{from{opacity:.6}to{opacity:1}}
.grid{display:grid;gap:12px}
.grid.cols-3{grid-template-columns:repeat(3,minmax(220px,1fr))}
.grid.cols-2{grid-template-columns:repeat(2,minmax(240px,1fr))}
@media (max-width:900px){.grid.cols-3{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media (max-width:640px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}
.card{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff}
#ms-pro-calc.dark .card{background:#0f1629;border-color:#1f2a44}
label{display:block;font-weight:600;margin:0 0 6px}
.small{font-weight:400;color:var(--muted);font-size:.92rem}
input,select{width:100%;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:#fff;color:var(--ink)}
#ms-pro-calc.dark input,#ms-pro-calc.dark select{background:#0b1220;color:#e5e7eb;border-color:#1f2a44}
input[type=number]{text-align:right}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn{appearance:none;border:1px solid var(--border);border-radius:10px;background:#f3f4f6;color:var(--ink-2);padding:8px 12px;cursor:pointer}
#ms-pro-calc.dark .btn{background:#121a2d;color:#e5e7eb;border-color:#1f2a44}
.btn.primary{background:var(--brand);border-color:var(--brand-2);color:#fff}
.btn.ghost{background:#fff}
.btn:active{transform:translateY(1px)}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.preset-bar{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.tip{display:inline-block;position:relative;margin-left:6px;width:18px;height:18px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:700;line-height:18px;text-align:center;font-size:.8rem;cursor:help}
.tip[data-tip]:hover:after{content:attr(data-tip);position:absolute;left:0;top:130%;z-index:5;max-width:320px;background:#111827;color:#fff;padding:8px 10px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.2);white-space:normal}
.kpis{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(220px,1fr));margin-top:10px}
@media (max-width:900px){.kpis{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media (max-width:640px){.kpis{grid-template-columns:1fr}}
.kpi{border:1px solid var(--border);border-radius:12px;padding:10px;background:#fcfcff}
#ms-pro-calc.dark .kpi{background:#0f1629;border-color:#1f2a44}
.kpi .lab{color:var(--muted);font-size:.9rem}
.kpi .val{font-size:1.25rem;font-weight:700}
.pos{color:var(--ok)} .neg{color:var(--bad)}
.note{font-size:.95rem;color:var(--muted);margin-top:8px}
.theme-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 12px}