.roi-header{border-bottom:0;padding-bottom:10px}.roi-main{padding-top:10px}.roi-workbench{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:16px}.roi-panel{min-width:0;padding:clamp(22px,3vw,30px);border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:16px;background:var(--surface);box-shadow:0 14px 34px #0f172a0d}.roi-panel-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:22px}.roi-step{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;color:var(--brand);border-radius:8px;background:var(--brand-soft);font-size:.7rem;font-weight:760}.roi-panel h2{font-size:1rem;line-height:1.4}.roi-panel-heading p:not(.roi-step){margin-top:4px;color:var(--muted);font-size:.8rem;line-height:1.5}.roi-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.roi-field-grid .form-group{margin-bottom:16px}.roi-actions{display:flex;align-items:center;gap:14px;margin-top:6px}.roi-actions .btn{margin:0}.roi-actions p{color:var(--muted);font-size:.78rem}.roi-status{margin-top:12px;color:var(--danger);font-size:.83rem;font-weight:650}.roi-primary{padding:17px 18px;border-radius:12px;background:var(--brand-soft)}.roi-primary span,.roi-result-grid span{display:block;color:var(--muted);font-size:.78rem}.roi-primary strong{display:block;margin-top:6px;color:var(--brand);font-size:clamp(1.9rem,4vw,2.55rem);font-variant-numeric:tabular-nums}.roi-primary small{display:block;min-height:1.2em;margin-top:5px;color:var(--muted);font-size:.76rem}.roi-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.roi-result-grid>div{min-width:0;padding:14px;border-radius:11px;background:var(--surface-soft)}.roi-result-grid strong{display:block;margin-top:6px;color:var(--ink);font-size:1.03rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.roi-result-grid strong.is-loss{color:var(--danger)}.roi-summary{margin-top:16px;color:var(--brand);font-size:.88rem;font-weight:700}@media (max-width: 760px){.roi-workbench{grid-template-columns:1fr}}@media (max-width: 420px){.roi-field-grid,.roi-result-grid{grid-template-columns:1fr}.roi-actions{align-items:flex-start;flex-direction:column;gap:8px}}