/* ROI calculator (#92) */
.container--roi{width:min(100% - 1.5rem,76rem);max-width:100%}.roi-panel{box-sizing:border-box;min-width:0;margin:1.5rem 0 2rem;padding:clamp(1rem,2.6vw,1.6rem)}
.roi-heading,.roi-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.roi-heading h2,.roi-result-heading h2{margin:0}.roi-step{margin:0;color:var(--color-primary);font-size:.75rem;font-weight:900;letter-spacing:.08em}.roi-actions{display:flex;flex-wrap:wrap;gap:.5rem}.roi-important{padding:.85rem;border-left:4px solid var(--color-primary);background:rgba(20,107,99,.07)}
.roi-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;min-width:0;margin:1rem 0;padding:0;border:0}.roi-modes legend{grid-column:1/-1;margin-bottom:.1rem;font-weight:900}.roi-mode-option{display:flex;align-items:center;min-width:0;min-height:64px;padding:.7rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer}.roi-mode-option.is-active{border-color:var(--color-primary);background:rgba(20,107,99,.08);color:var(--color-primary)}.roi-mode-option input{flex:0 0 auto;width:1.15rem;height:1.15rem;margin:0 .65rem 0 0;accent-color:var(--color-primary)}.roi-mode-option span{display:grid;min-width:0;gap:.15rem}.roi-mode-option small{color:var(--color-muted);font-weight:650}
.per-modes{grid-template-columns:repeat(2,minmax(0,1fr))}
.roi-input-unit select{box-sizing:border-box;min-width:5.5rem;min-height:50px;padding:.65rem;border:0;border-left:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:800}
.roi-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.roi-fields>label{display:grid;min-width:0;gap:.4rem;font-weight:850}.roi-input-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);overflow:hidden}.roi-input-unit input{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:50px;padding:.7rem .8rem;border:0;background:transparent;color:var(--color-text);font:inherit;font-size:1.05rem}.roi-input-unit>span{padding:.7rem .8rem;color:var(--color-muted);font-weight:800}.roi-note{margin:.5rem 0 0;color:var(--color-muted);font-size:.82rem}.roi-calculate{width:100%;margin-top:.9rem}.roi-error{min-height:1.5em;margin:.65rem 0;color:var(--color-danger);font-weight:800}.roi-input-unit:focus-within,.roi-mode-option:focus-within{border-color:var(--color-primary);outline:3px solid rgba(20,107,99,.22);outline-offset:2px}.roi-actions button:focus-visible,.roi-result-heading button:focus-visible{outline:3px solid rgba(20,107,99,.34);outline-offset:2px}
.roi-results{min-width:0;margin-top:1rem;padding-top:1.2rem;border-top:1px solid var(--color-border)}.roi-result-heading{align-items:center}.roi-primary{min-width:0;margin-top:1rem;padding:1rem;border:1px solid rgba(20,107,99,.26);border-radius:var(--radius-md);background:linear-gradient(145deg,rgba(20,107,99,.08),rgba(255,255,255,.94))}.roi-primary span,.roi-result-grid span{display:block;color:var(--color-muted);font-size:.82rem;font-weight:800}.roi-primary strong{display:block;margin-top:.3rem;color:var(--color-primary);font-size:clamp(1.6rem,5vw,2.4rem);overflow-wrap:anywhere;word-break:break-word}.roi-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.8rem}.roi-result-grid>div{min-width:0;padding:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.roi-result-grid strong{display:block;margin-top:.3rem;color:var(--color-primary);font-size:clamp(1.05rem,3vw,1.35rem);overflow-wrap:anywhere;word-break:break-word}.roi-target-details,.roi-formula{margin-top:.8rem;padding:.8rem;border-radius:var(--radius-sm);background:var(--color-surface-soft);overflow-wrap:anywhere;word-break:break-word}.roi-target-details p{margin:.25rem 0}.roi-formula{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.roi-disclaimer{color:var(--color-muted);font-size:.82rem}
@media(max-width:720px){.roi-modes,.roi-result-grid{grid-template-columns:1fr}.roi-fields{grid-template-columns:1fr}}
@media(max-width:480px){.container--roi{width:min(100% - 1rem,76rem);padding-inline:0}.roi-panel{width:100%;max-width:100%;min-width:0;padding:.85rem}.roi-heading,.roi-result-heading{align-items:stretch;flex-direction:column}.roi-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.roi-actions .button-secondary,.roi-result-heading .button-secondary{width:100%;min-width:0}.roi-primary strong,.roi-result-grid strong{font-size:1.2rem}}