/* TASc6 ROI calculator — scoped to #roi-calculator */
#roi-calculator .roi-card{margin-bottom:22px}
#roi-calculator .roi-card h3{margin:0 0 14px;font-size:18px}
#roi-calculator label{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 5px}
#roi-calculator select,#roi-calculator input[type=number]{width:100%;font:inherit;color:var(--ink);background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}
#roi-calculator select:focus,#roi-calculator input:focus{outline:2px solid var(--amber);border-color:var(--amber)}
#roi-calculator input[type=range]{width:100%;accent-color:var(--amber-dark)}
#roi-calculator .roi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
#roi-calculator .roi-urow{display:grid;grid-template-columns:1.3fr 1fr auto;gap:10px;margin-bottom:10px;align-items:center}
#roi-calculator .roi-x{border:1.5px solid var(--border);background:var(--white);color:var(--ink);border-radius:var(--radius-sm);padding:10px 13px;font:inherit;cursor:pointer}
#roi-calculator .roi-x:hover{border-color:var(--ink)}
#roi-calculator .roi-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:24px}
#roi-calculator .roi-kpi{background:var(--paper);border-radius:var(--radius-sm);padding:16px;border-left:4px solid var(--amber)}
#roi-calculator .roi-kpi b{display:block;font-size:26px;line-height:1.15;color:var(--ink)}
#roi-calculator .roi-kpi span{font-size:13px;color:var(--muted)}
#roi-calculator .roi-bar{height:34px;border-radius:8px;margin:6px 0 14px;display:flex;align-items:center;padding:0 12px;font-size:14px;font-weight:700;white-space:nowrap;min-width:5%;transition:width .25s}
#roi-calculator .roi-bar.s{background:var(--amber);color:var(--ink)}
#roi-calculator .roi-bar.c{background:var(--ink);color:var(--white)}
#roi-calculator .roi-scroll{overflow-x:auto}
#roi-calculator table{width:100%;border-collapse:collapse;font-size:15px}
#roi-calculator td,#roi-calculator th{padding:9px 10px;border-bottom:1px solid var(--border);text-align:left}
#roi-calculator td.n,#roi-calculator th.n{text-align:right;white-space:nowrap}
#roi-calculator .roi-small{font-size:13.5px;color:var(--muted);margin-top:12px}
#roi-calculator .roi-add{margin-top:6px}
@media (max-width:560px){#roi-calculator .roi-urow{grid-template-columns:1fr 1fr auto}}
