/* Scope to avoid theme collisions, keep your original look */
#ro-re-calc, #ro-re-calc * { box-sizing: border-box; max-width: 100%; }
#ro-re-calc { isolation:isolate }

/* === ORIGINAL FUTURISTIC STYLE, with background set to #14161c === */
#ro-re-calc .wrap{
  --bg1:#14161c; --bg2:#14161c;        /* solid background as requested */
  --glass:rgba(255,255,255,.04);
  --card:#121832; --muted:#9fb0cc; --acc:#4dd0e1; --ok:#3ddc97; --warn:#ffd166;
  --text:#e8eeff; --ring:rgba(77,208,225,.35); --border:#1f2a55;

  font-family: ui-sans-serif,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color: var(--text);
  background: var(--bg1);               /* solid, no gradients */
  padding: clamp(14px, 2.2vw, 36px);
  border-radius: 28px;
  width: 100%;
  overflow: hidden;
  display: grid; place-items: center;
}

#ro-re-calc .container{ width:100%; max-width:min(1600px,96vw); display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr); gap:clamp(16px,2.4vw,28px) }
#ro-re-calc .card{ background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); border:1px solid var(--border); border-radius:20px; padding: clamp(16px, 2.2vw, 26px); backdrop-filter: blur(8px); box-shadow:0 14px 34px rgba(0,0,0,.35); overflow:hidden }
#ro-re-calc .title{font-size:clamp(22px,2.4vw,34px);margin:0 0 10px;font-weight:800}
#ro-re-calc .sub{font-size:clamp(12px,1vw,14px);color:#9fb0cc}
#ro-re-calc .hr{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:14px 0}
#ro-re-calc .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:14px}
#ro-re-calc .field{display:flex;flex-direction:column;gap:8px;min-width:0}
#ro-re-calc .label{font-size:13px;color:#9fb0cc;display:flex;align-items:center;gap:6px;line-height:1.25}
#ro-re-calc .tip{background:var(--glass);padding:6px 8px;border-radius:10px;font-size:12px;border:1px dashed #2b3972}
#ro-re-calc .input,.select{width:100%;padding:14px;border-radius:14px;border:1px solid #223066;background:#0f1632;color:var(--text);outline:none;transition:.2s;appearance:none;font-size:16px}
#ro-re-calc .input:focus,.select:focus{box-shadow:0 0 0 4px var(--ring)}
#ro-re-calc .input[type=number]{appearance:textfield}
#ro-re-calc .input::-webkit-outer-spin-button,#ro-re-calc .input::-webkit-inner-spin-button{appearance:none;margin:0}
#ro-re-calc .switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}
#ro-re-calc .switch input{width:56px;height:30px;appearance:none;background:#243064;border-radius:18px;position:relative;outline:none;cursor:pointer;transition:.2s}
#ro-re-calc .switch input:checked{background:linear-gradient(90deg,#26c6da,#4dd0e1)}
#ro-re-calc .switch input::after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}
#ro-re-calc .switch input:checked::after{left:30px}
#ro-re-calc .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}
#ro-re-calc .btn{background:linear-gradient(90deg,#26c6da,#00bcd4);border:none;color:#072029;font-weight:800;padding:14px 18px;border-radius:14px;cursor:pointer;box-shadow:0 10px 22px rgba(0,188,212,.28);flex:1 1 220px;font-size:16px}
#ro-re-calc .btn.secondary{background:#1c2754;color:var(--text);border:1px solid #29367a}
#ro-re-calc .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
#ro-re-calc .kpi{background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); border:1px solid var(--border); border-radius:16px; padding:16px}
#ro-re-calc .kpi h4{margin:0;font-size:14px;color:#a9b5d5}
#ro-re-calc .kpi p{margin:8px 0 0;font-weight:900;letter-spacing:.2px;line-height:1.1;font-size: clamp(22px, 3vw, 40px)}
#ro-re-calc .list{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
#ro-re-calc .li{display:flex;justify-content:space-between;gap:20px;background:#0f1632;border:1px solid #243066;border-radius:14px;padding:14px;align-items:center;flex-wrap:wrap}
#ro-re-calc .li .v{font-weight:800}
#ro-re-calc .years{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
#ro-re-calc .year{background:#0f1632;border:1px solid #243066;border-radius:14px;padding:14px}
#ro-re-calc .rowp{display:flex;justify-content:space-between;gap:14px;font-size:14px;margin:4px 0}
#ro-re-calc .rowp .val{font-weight:700;max-width:70%;overflow:hidden;text-overflow:ellipsis}
#ro-re-calc .profit{margin-top:10px;font-weight:900;line-height:1.1;font-size: clamp(18px, 2.2vw, 26px); color:var(--ok) }
#ro-re-calc .foot{font-size:12px;color:#9db0d9;margin-top:12px}
@media (max-width:768px){ #ro-re-calc .container{grid-template-columns:1fr} #ro-re-calc .row{grid-template-columns:1fr;gap:10px} #ro-re-calc .years{grid-template-columns:1fr} }
#ro-re-calc .cta { display:none; }

