/* Radiator size calculator only. Uses the tokens in css/style.css and the calculator look in css/calc.css. */
.rad-main{display:block}
.rad-main .calc-card + .calc-card{margin-top:20px}
.rad-main .form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.rad-main .rad-wide{grid-column:1 / -1}
.rad-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:12px;padding:12px 16px;margin:0 0 16px;font-weight:600}
.rad-parts{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:8px}
.rad-parts li{position:relative;display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;background:var(--color-surface-alt);overflow:hidden;font-size:.95rem}
.rad-parts li span,.rad-parts li b{position:relative;z-index:1}
.rad-parts li i{position:absolute;left:0;top:0;bottom:0;background:var(--color-accent-border);opacity:.7;z-index:0}
.rad-actions{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.calc-v2 .btn-calculate.rad-secondary{background:#fff;color:#0F3D22;border:2px solid #0F3D22;width:auto}
.calc-v2 .btn-calculate.rad-secondary:hover:not(:disabled){background:#EAF6EC}
.calc-v2 .btn-calculate.rad-secondary:disabled{opacity:.5;cursor:not-allowed}
.rad-remove{background:transparent;border:0;color:var(--color-accent);text-decoration:underline;cursor:pointer;font:inherit;padding:4px 2px}
.rad-link{font-weight:600}
.rad-count{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);margin-left:6px}
.data-table tr.rad-total th,.data-table tr.rad-total td{font-weight:700;border-top:2px solid var(--color-border)}
.rad-list tfoot td,.rad-list tfoot th{background:var(--color-surface-alt)}