:root{
  --ica-radius:12px;
}

/* Gradient presets */
.ica-gradient-blue { --ica-grad: linear-gradient(135deg,#3b82f6,#2563eb); }
.ica-gradient-purple { --ica-grad: linear-gradient(135deg,#8b5cf6,#7c3aed); }
.ica-gradient-green { --ica-grad: linear-gradient(135deg,#10b981,#059669); }
.ica-gradient-orange { --ica-grad: linear-gradient(135deg,#f97316,#ea580c); }

.ica-wrap{
  max-width:720px;
  margin:20px auto;
  padding:22px;
  border-radius:var(--ica-radius);
  box-shadow:0 12px 40px rgba(2,6,23,0.06);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  color:var(--ica-text, #0f172a);
  background:var(--ica-bg, #fff);
}

/* Apply gradient accents by making a subtle header gradient */
.ica-wrap.ica-gradient-blue { border-left:8px solid rgba(59,130,246,0.12); }
.ica-wrap.ica-gradient-purple { border-left:8px solid rgba(139,92,246,0.12); }
.ica-wrap.ica-gradient-green { border-left:8px solid rgba(16,185,129,0.12); }
.ica-wrap.ica-gradient-orange { border-left:8px solid rgba(249,115,22,0.12); }

.ica-head{ margin-bottom:6px }
.ica-wrap h3{ margin:0; font-size:1.25rem; font-weight:700 }
.ica-description{ margin:8px 0 14px; color:rgba(15,23,42,0.7) }

.ica-label{ display:block; font-weight:700; margin-bottom:6px }
.ica-input, .ica-select{
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid var(--ica-border, #E5E7EB);
  box-sizing:border-box;
  font-size:1rem;
  background:transparent;
}
.ica-input::placeholder{ color:rgba(107,114,128,0.6) }

.ica-btn{ border:none; padding:12px 18px; border-radius:14px; font-weight:700; cursor:pointer; }
.ica-btn-calc{ box-shadow:0 10px 30px rgba(37,99,235,0.12); }
.ica-btn-invest{ box-shadow:0 10px 30px rgba(16,185,129,0.12); }
.ica-btn-proceed{ box-shadow:0 10px 30px rgba(37,99,235,0.12); }

.ica-result{ margin-top:12px; padding:12px; border-radius:8px; background:var(--ica-surface,#F9FAFB); border:1px solid var(--ica-border,#E5E7EB) }
.ica-line{ display:flex; justify-content:space-between; padding:6px 0; font-weight:700 }
.ica-line.total{ font-size:1.05rem; margin-top:6px; border-top:1px solid var(--ica-border,#E5E7EB); padding-top:10px }

/* review table */
.ica-table{ width:100%; border-collapse:collapse; margin:12px 0; border-radius:10px; overflow:hidden; color:inherit }
.ica-table td, .ica-table th{ padding:10px; border-bottom:1px solid rgba(255,255,255,0.06) }
.ica-table tr.ica-total td{ font-weight:800; background:rgba(255,255,255,0.05) }

/* admin preview helpers */
.ica-preview-block { padding:12px; border-radius:10px; color:inherit; margin-bottom:12px; }
.ica-preview-light { background:#fff; color:#0f172a }
.ica-preview-dark { background:#0b1220; color:#eef2ff }

/* Light/Dark defaults via prefers-color-scheme */
@media (prefers-color-scheme: light) {
  :root { --ica-bg:#ffffff; --ica-text:#0f172a; --ica-border:#E5E7EB; --ica-surface:#F9FAFB; --ica-input-bg:#fff; }
}
@media (prefers-color-scheme: dark) {
  :root { --ica-bg:#071027; --ica-text:#e6eef8; --ica-border:rgba(255,255,255,0.06); --ica-surface:#071827; --ica-input-bg:#071827; }
}

/* responsive */
@media (max-width:640px){
  .ica-wrap{ padding:16px }
}