/**
 * ROI Calculator Tool Specific Styling
 */
*{margin:0;padding:0;box-sizing:border-box}
.roi-calc{font-family:'Inter',sans-serif;color:#0f172a;padding:16px}
.roi-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.06);max-width:480px;margin:0 auto}
.roi-card h2{font-size:1.5rem;font-weight:700;margin-bottom:4px}
.roi-card .subtitle{color:#64748b;font-size:.875rem;margin-bottom:24px}
.roi-input{margin-bottom:16px}
.roi-input label{display:block;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.roi-input-wrap{position:relative}
.roi-input-wrap .prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:.875rem;color:#94a3b8;font-weight:500;pointer-events:none}
.roi-input-wrap input{width:100%;height:48px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:'Inter',sans-serif;color:#0f172a;background:#fff;transition:all .2s ease;outline:none;padding:0 14px 0 32px}
.roi-input-wrap input::placeholder{color:#94a3b8}
.roi-input-wrap input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.15)}
.roi-formula{background:#f8fafc;border-radius:8px;padding:14px 18px;font-size:.875rem;color:#64748b;margin-bottom:20px;text-align:center;font-style:italic}
.roi-formula span{color:#4f46e5;font-weight:600;font-style:normal}
.roi-result{display:none}
.roi-result.show{display:block}
.roi-result-main{text-align:center;padding:28px;border-radius:12px;margin-bottom:12px}
.roi-result-main.profit{background:linear-gradient(135deg,#059669 0%,#10b981 100%)}
.roi-result-main.loss{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%)}
.roi-result-main.neutral{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)}
.roi-result-main .roi-pct{font-size:2.5rem;font-weight:700;color:#fff}
.roi-result-main .roi-label{font-size:.875rem;color:rgba(255,255,255,.85);margin-top:4px}
.roi-result-row{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-radius:8px;padding:14px 18px}
.roi-result-row .rlabel{font-size:.875rem;color:#64748b}
.roi-result-row .rvalue{font-size:1.125rem;font-weight:700}
.roi-result-row .rvalue.profit-text{color:#059669}
.roi-result-row .rvalue.loss-text{color:#dc2626}
.roi-error{color:#dc2626;font-size:.875rem;text-align:center;padding:16px;background:#fef2f2;border-radius:8px;margin-top:16px;display:none}
.roi-error.show{display:block}
[data-theme="dark"] .roi-card{background:#1e293b}
[data-theme="dark"] .roi-card h2{color:#f1f5f9}
[data-theme="dark"] .roi-card .subtitle{color:#94a3b8}
[data-theme="dark"] .roi-input-wrap input{background:#0f172a;border-color:#334155;color:#f1f5f9}
[data-theme="dark"] .roi-input-wrap input:focus{border-color:#4f46e5}
[data-theme="dark"] .roi-formula{background:#334155;color:#94a3b8}
[data-theme="dark"] .roi-result-row{background:#334155}
[data-theme="dark"] .roi-result-row .rlabel{color:#94a3b8}
[data-theme="dark"] .roi-error{background:#450a0a;color:#fca5a5}