/* ROI DASHBOARD — styles (theme-aware) */
.roi-kick{ display:block; font-size:11px; font-weight:800; letter-spacing:1.1px; text-transform:uppercase; color:var(--neon); margin-bottom:12px; }
.roi-panel{ background:var(--card); border:1px solid var(--hair,var(--line)); border-radius:var(--r-lg,16px); padding:18px; margin-bottom:14px; }
.roi-fields{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
@media(max-width:760px){ .roi-fields{ grid-template-columns:repeat(2,1fr); } }
.roi-fields label{ display:flex; flex-direction:column; gap:6px; font-size:11px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:var(--mut); }
.roi-fields input{ background:#0c0c18; color:var(--ink); border:1px solid var(--line); border-radius:9px; padding:10px 12px; font:inherit; font-size:15px; min-height:44px; }
.roi-fields input:focus{ outline:none; border-color:color-mix(in srgb,var(--neon) 55%,var(--line)); box-shadow:0 0 0 3px color-mix(in srgb,var(--neon) 14%,transparent); }

.roi-cards{ display:grid; grid-template-columns:repeat(7,1fr); gap:10px; margin-bottom:14px; }
@media(max-width:900px){ .roi-cards{ grid-template-columns:repeat(4,1fr); } }
@media(max-width:560px){ .roi-cards{ grid-template-columns:repeat(2,1fr); } }
.roi-card{ background:var(--card); border:1px solid var(--hair,var(--line)); border-radius:var(--r-md,12px); padding:14px 12px; text-align:center; }
.roi-card b{ display:block; font-family:var(--font-display,inherit); font-size:22px; line-height:1.05; }
.roi-card span{ font-size:11.5px; color:var(--mut); display:block; margin-top:2px; }
.roi-card em{ font-style:normal; font-size:10.5px; color:var(--mut); opacity:.8; }
.roi-card.pos b{ color:var(--win); } .roi-card.neg b{ color:#ff5e7e; }

.roi-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media(max-width:760px){ .roi-grid{ grid-template-columns:1fr; } }

.roi-funnel, .roi-sources{ display:flex; flex-direction:column; gap:10px; }
.roi-fstage, .roi-src{ display:flex; align-items:center; gap:10px; }
.roi-flabel, .roi-src span{ flex:0 0 110px; font-size:13px; font-weight:600; }
.roi-fbar, .roi-sbar{ flex:1; height:14px; background:var(--line); border-radius:999px; overflow:hidden; }
.roi-fbar i{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--neon),var(--violet)); transition:width .5s cubic-bezier(.2,.7,.2,1); }
.roi-sbar i{ display:block; height:100%; border-radius:999px; transition:width .5s; }
.roi-sbar.organic i{ background:var(--neon); } .roi-sbar.ai i{ background:var(--violet); }
.roi-sbar.social i{ background:var(--pink); } .roi-sbar.direct i{ background:#3a3a55; }
.roi-fstage b, .roi-src b{ flex:0 0 56px; text-align:right; font-size:13px; font-variant-numeric:tabular-nums; font-family:var(--font-display,inherit); }
.roi-note{ color:var(--mut); font-size:12px; margin:8px 0 0; }