/* KI-ROI-Rechner: Rechner im Artikel /blog/ki-roi-rechner (Skript /roi-rechner.js).
   Aufbau wie der KI-Readiness-Check (readiness-check.css), hier ohne Ampel. */
.roi-jump a{font-weight:600;}

/* ---------- Grundwerte ---------- */
.roi-basis{border:1px solid var(--ink);padding:18px 20px 16px;background:#FBFAF7;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;}
.roi-feld{display:flex;flex-direction:column;gap:6px;}
.roi-feld > span{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);}
.roi-feld input{font-family:'IBM Plex Mono',monospace;font-size:16px;padding:9px 10px;border:1.5px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);width:100%;box-sizing:border-box;}
.roi-feld input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.prose .roi-basis-hint{grid-column:1 / -1;margin:2px 0 0;font-size:14px;color:var(--ink-soft);}
@media (max-width:560px){.roi-basis{grid-template-columns:1fr;}}

/* ---------- Leiste ---------- */
.roi-leiste{position:sticky;top:72px;z-index:5;background:rgba(255,255,255,.95);backdrop-filter:blur(6px);border:1px solid var(--line);border-top:none;padding:10px 16px;}
.prose .roi-leiste-text{margin:0;font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.03em;color:var(--ink);}

/* ---------- Abteilungen und Fälle ---------- */
.roi-abteilung{margin-top:28px;}
.roi-abteilung h3{margin-top:0;}
.roi-typ{display:block;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-soft);margin-top:2px;}
.roi-ready .roi-typ{display:none;}
.prose .roi-faelle{list-style:none;padding:0;margin:14px 0 0;}
.prose .roi-fall{border:1px solid var(--line);padding:0;margin:0;background:var(--paper);}
.prose .roi-fall + .roi-fall{margin-top:-1px;}
.roi-fall.roi-aktiv{border-color:var(--ink);box-shadow:inset 3px 0 0 var(--accent);position:relative;z-index:1;}
.roi-fall-head{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;cursor:pointer;}
.roi-cb{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent-dim);cursor:pointer;}
.roi-fall-name{font-size:16px;line-height:1.5;color:var(--ink);}
.roi-fall-felder{display:none;padding:0 16px 14px 48px;gap:10px 16px;align-items:end;flex-wrap:wrap;}
.roi-aktiv .roi-fall-felder{display:flex;}
.roi-fall-felder .roi-feld{width:120px;}
.roi-fall-felder .roi-feld input{font-size:15px;padding:7px 8px;}
.roi-fall-out{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;color:var(--accent-dim);padding-bottom:9px;white-space:nowrap;}
@media (max-width:560px){
  .roi-fall-felder{padding-left:16px;}
  .roi-fall-felder .roi-feld{width:calc(50% - 8px);}
  .roi-fall-out{width:100%;padding-bottom:0;}
}

/* ---------- Aktionen ---------- */
.roi-actions,.roi-out{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.roi .btn{cursor:pointer;text-decoration:none;}
.prose .roi .btn-primary,.prose .roi .btn-primary:hover{color:var(--ink);}
.roi-btn-line{background:var(--paper);color:var(--ink);}
.prose .roi-btn-line{color:var(--ink);}
.roi-btn-line:hover,.prose .roi-btn-line:hover{border-color:var(--accent-dim);color:var(--accent-dim);}
.prose .roi-hint{margin-top:12px;font-size:15px;color:#C62828;font-weight:600;}
.prose .roi-hint:empty{display:none;}
@media (max-width:480px){.roi-actions .btn,.roi-out .btn{width:100%;justify-content:center;white-space:normal;text-align:center;}}

/* ---------- Ergebnis ---------- */
.roi-result{margin-top:32px;scroll-margin-top:150px;}
.roi-result-head{padding:26px 26px 24px;}
.roi-result-head h3{color:var(--paper);font-size:clamp(1.5rem,3.4vw,2rem);margin-top:10px;outline:none;}
.roi-result-head .eyebrow{color:var(--accent);}
.prose .roi-result-head p{color:rgba(255,255,255,.85);font-size:16px;margin-top:12px;}
.roi-kpis{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:none;}
.roi-kpi{padding:16px 18px;display:flex;flex-direction:column;gap:4px;}
.roi-kpi + .roi-kpi{border-left:1px solid var(--line);}
.roi-kpi-label{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);}
.roi-kpi-wert{font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;color:var(--ink);}
.roi-kpi-note{font-size:13px;color:var(--ink-soft);}
@media (max-width:640px){.roi-kpis{grid-template-columns:1fr;}.roi-kpi + .roi-kpi{border-left:none;border-top:1px solid var(--line);}}
.prose .roi-warn{margin-top:14px;font-size:15px;color:#C62828;font-weight:600;}
.roi-result .vn-chart{margin-top:24px;}
.roi .roi-sub{font-family:'Archivo',sans-serif;font-weight:800;font-size:19px;margin-top:30px;color:var(--ink);}
.prose .roi-bars{list-style:none;padding:0;margin:12px 0 0;border:1px solid var(--line);}
.prose .roi-bar-row{padding:14px 18px;margin:0;}
.prose .roi-bar-row + .roi-bar-row{border-top:1px solid var(--line);}
.roi-bar-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
.roi-bar-label{font-weight:600;color:var(--ink);font-size:16px;}
.roi-bar-pts{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--ink);}
.roi-bar-track{height:8px;background:#EEE9DD;margin-top:10px;}
.roi-bar-fill{height:100%;background:var(--accent);}
.roi-step{margin-top:22px;border:1px solid var(--line);border-left:3px solid var(--accent);padding:20px 22px;background:#FBFAF7;}
.roi-step h4{font-family:'Archivo',sans-serif;font-weight:800;font-size:19px;margin:8px 0 0;color:var(--ink);}
.prose .roi-step p{margin-top:8px;font-size:16px;}
.prose .roi-top{margin:12px 0 0;padding-left:1.3em;font-size:15px;}
.prose .roi-top li{margin:4px 0;}
.prose .roi-step .roi-more{font-size:15px;}
.prose .roi-note{margin-top:18px;font-size:15px;color:var(--ink-soft);}
.prose .roi-print-hint{margin-top:10px;font-size:14px;color:var(--ink-soft);}

/* ---------- Druckfassung ---------- */
#roi-report{display:none;}
@media print{
  @page{size:A4;margin:16mm 15mm;}
  body.roi-printing > *:not(#roi-report){display:none !important;}
  body.roi-printing{padding:0;}
  body.roi-printing #roi-report{display:block;}
  #roi-report{color:#152130;font-family:'IBM Plex Sans',Arial,sans-serif;font-size:10.5pt;line-height:1.45;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  #roi-report h1{font-family:'Archivo',Arial,sans-serif;font-weight:900;font-size:20pt;margin:14px 0 12px;}
  #roi-report h2{font-family:'Archivo',Arial,sans-serif;font-weight:800;font-size:13pt;margin:18px 0 8px;}
  #roi-report p{margin:4px 0 0;}
  #roi-report .rr-top{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #F39420;padding-bottom:8px;}
  #roi-report .rr-top img{height:22px;width:auto;}
  #roi-report .rr-date{font-family:'IBM Plex Mono',monospace;font-size:9pt;color:#4C5A6C;}
  #roi-report .rr-sum{border:1px solid #DAD3C2;border-left:4px solid #F39420;padding:10px 12px;break-inside:avoid;}
  #roi-report .rr-table{width:100%;border-collapse:collapse;margin-top:8px;break-inside:avoid;}
  #roi-report .rr-table th,#roi-report .rr-table td{text-align:left;padding:5px 8px;border-bottom:1px solid #DAD3C2;vertical-align:top;}
  #roi-report .rr-table th{font-family:'IBM Plex Mono',monospace;font-size:8.5pt;text-transform:uppercase;letter-spacing:.05em;background:#F7F5EF;}
  #roi-report .rr-foot{margin-top:18px !important;padding-top:8px;border-top:1px solid #DAD3C2;font-size:8.5pt;color:#4C5A6C;}
  .roi-leiste,.roi-actions,.roi-out,.roi-print-hint{display:none !important;}
}