/* Minimal, clean, mobile-first styles compatible with Astra */
.suc-wrap{max-width:900px;margin:1rem auto;padding:0 1rem;}
.suc-grid{display:grid;grid-template-columns:1fr;gap:1rem;}
.suc-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,.04);}
.suc-title{margin-top:0;font-size:1.6rem;color:#0b5ea8;font-weight:800;letter-spacing:.2px}
.suc-desc{color:#475569;margin:.25rem 0 .75rem}
.suc-calculator label{display:block;margin:.5rem 0 .25rem;}
.suc-calculator input,.suc-calculator select,.suc-calculator textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:8px;margin-bottom:.5rem;background:#f8fafc;}
.suc-actions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap;justify-content:flex-start}
.suc-btn{border:1px solid #d1d5db;padding:.5rem .9rem;border-radius:8px;background:#f3f4f6;cursor:pointer;font-weight:600;display:inline-block}
.suc-btn.suc-primary{background:#1a9b46;color:#fff;border-color:#15803d}
.suc-btn.suc-clear{background:#e9ecef;color:#111}
.suc-errors{color:#b91c1c;margin:.25rem 0}
.suc-results{margin-top:1rem}
.suc-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden}
.suc-table th,.suc-table td{border-bottom:1px solid #eee;padding:.5rem;text-align:left}
.suc-table tr:nth-child(odd){background:#fafafa}
.suc-table tr:nth-child(even){background:#f3f4f6}
.suc-table th{width:38%;color:#374151}
.suc-table td{font-weight:700;color:#111827}
.suc-sidebar-ad{display:none}
.suc-mobile-ad{margin-top:1rem}
.suc-timer{font-size:1.5rem;margin-bottom:.5rem}
@media(min-width:992px){
  .suc-grid{grid-template-columns:2fr 1fr}
  .suc-sidebar-ad{display:block}
  .suc-mobile-ad{display:none}
}

/* New: colored header bands */
.suc-band{background:#245b8f;color:#fff;padding:.65rem 1rem;border-radius:8px 8px 0 0;font-weight:700;display:flex;align-items:center;gap:.5rem;margin:.5rem 0 0}
.suc-band .suc-chevron{width:22px;height:22px;border-radius:50%;background:#fff;color:#245b8f;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.suc-section{border:1px solid #e5e7eb;border-top:0;border-radius:0 0 8px 8px;padding:1rem;background:#fdfefe}

/* Result green header with Save */
.suc-result-band{background:#3d7c2f;color:#fff;padding:.5rem 1rem;border-radius:6px;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin:.75rem 0}
.suc-save{border:0;background:#f0fdf4;color:#14532d;padding:.35rem .6rem;border-radius:6px;cursor:pointer}


/* === Ads layout for SUC (Meezan palette) === */
:root{ --suc-purple:#4b286d; --suc-green:#0b6b3a; }
.suc-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}
.suc-sidebar-ad{width:100%}
.suc-mobile-ad{display:none}
@media(max-width:768px){ .suc-grid{grid-template-columns:1fr}.suc-sidebar-ad{display:none}.suc-mobile-ad{display:block;margin-top:16px} }

/* Two-band header */
.suc-card .suc-band-top{background:var(--suc-purple);color:#fff;padding:.5rem 1rem;border-radius:8px 8px 0 0;font-weight:700;display:flex;align-items:center;gap:.5rem}
.suc-card .suc-band-title{background:#fff;padding:.75rem 1rem;border-radius:0 0 8px 8px;border-top:1px solid rgba(0,0,0,.05);color:var(--suc-purple);font-size:1.2rem;font-weight:700}

/* Result strip */
.suc-results-wrap{margin-top:16px}
.suc-result-band{background:var(--suc-green);color:#fff;padding:.65rem 1rem;border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-weight:700}
.suc-result-band .suc-save{background:#07592a;color:#fff;padding:.35rem .6rem;border-radius:6px;border:0;cursor:pointer}

/* Buttons */
.suc-btn,.suc-save,.suc-clear{padding:.55rem .9rem;border-radius:8px;border:0;cursor:pointer;font-weight:700}
.suc-btn{background:var(--suc-green);color:#fff}
.suc-clear{background:#f1f1f2;color:#333;border:1px solid #ddd}

/* Card/base */
.suc-card{background:#fff;border-radius:8px;padding:0;box-shadow:0 2px 8px rgba(12,22,36,.04)}
.suc-title{color:var(--suc-purple)}

/* Links panel */
.suc-calculator-links{background:#fff;border:1px solid #e6edf2;padding:12px;border-radius:6px;margin-bottom:12px}
.suc-calculator-links h4{margin:0 0 8px 0;color:var(--suc-purple);font-size:1rem}
.suc-calculator-links ul{list-style:none;margin:0;padding:0}
.suc-calculator-links li{padding:6px 0;border-bottom:1px dashed #f0f4f6}
.suc-calculator-links a{color:var(--suc-purple);text-decoration:none;font-weight:600}

@media(max-width:600px){
  .suc-band-top{font-size:.95rem;padding:.45rem .75rem}
  .suc-band-title{font-size:1rem;padding:.6rem .75rem}
  .suc-result-band{padding:.5rem .6rem}
}


/* === Meezan True Palette Update === */
:root{ --suc-purple:#4B006E; --suc-green:#006341; }

/* Single purple title band */
.suc-card .suc-band{
  background:var(--suc-purple);
  color:#fff;
  padding:.7rem 1rem;
  border-radius:8px 8px 0 0;
  font-weight:800;
  letter-spacing:.2px;
}

/* Result green band with save button */
.suc-results-wrap{margin-top:16px}
.suc-result-band{
  background:var(--suc-green);
  color:#fff;
  padding:.7rem 1rem;
  border-radius:6px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:700;
}
.suc-result-band .suc-save{
  background:#035235;
  color:#fff;
  border:0;
  border-radius:6px;
  padding:.4rem .7rem;
  cursor:pointer;
}
.suc-result-band .suc-save:hover{opacity:.9}

/* Buttons */
.suc-btn,.suc-clear,.suc-save{
  padding:.6rem 1rem;
  border-radius:8px;
  border:0;
  font-weight:700;
  cursor:pointer;
}
.suc-btn{ background:var(--suc-green); color:#fff; }
.suc-btn:hover{ background:var(--suc-purple); }
.suc-clear{ background:#f1f1f2; color:#333; border:1px solid #ddd; }
.suc-clear:hover{ background:#e8e8ea; }

/* Links panel colors */
.suc-calculator-links h4{color:var(--suc-purple)}
.suc-calculator-links a{color:var(--suc-green);}
.suc-calculator-links a:hover{color:var(--suc-purple)}

/* Ensure card white */
.suc-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(12,22,36,.04);padding:0}

/* --- Interactions & fixups v1.0.7 --- */
/* Calculate button hover to purple; generic coverage inside card */
.suc-card button, .suc-card input[type=submit], .suc-card input[type=button]{
  font-weight:700;
  border-radius:8px;
}
.suc-card button:hover, .suc-card input[type=submit]:hover, .suc-card input[type=button]:hover{
  filter:none;
}
/* Clear button style */
.suc-clear, .suc-card .clear, .suc-card .btn-clear{
  background:#ffffff;
  color:#333;
  border:1px solid #c9d3db;
}
.suc-clear:hover, .suc-card .clear:hover, .suc-card .btn-clear:hover{
  border-color: var(--suc-purple);
  color: var(--suc-purple);
  background:#fafbfc;
}

/* Show result band only when results exist (no duplicate) */
.suc-result-band{display:none}
.suc-results:not(:empty) + .suc-result-band{display:flex}

/* Hide any internal headings inserted by JS inside results to avoid double "Result" */
.suc-results h3, .suc-results h4, .suc-results .result-title{display:none!important}


/* --- v1.0.8 Interaction fixes --- */
:root{ --suc-purple:#4B006E; --suc-green:#006341; }

/* Calculate buttons */
.suc-card .suc-btn,
.suc-card button[type=submit],
.suc-card input[type=submit],
.suc-card button.calculate { background: var(--suc-green) !important; color:#fff !important; }
.suc-card .suc-btn:hover,
.suc-card button[type=submit]:hover,
.suc-card input[type=submit]:hover,
.suc-card button.calculate:hover { background: var(--suc-purple) !important; color:#fff !important; }

/* Clear button */
.suc-card .suc-clear,
.suc-card button.clear,
.suc-card input[type=button].clear { background:#fff !important; color:#333 !important; border:1px solid #c9d3db !important; }
.suc-card .suc-clear:hover,
.suc-card button.clear:hover,
.suc-card input[type=button].clear:hover { border-color: var(--suc-purple) !important; color: var(--suc-purple) !important; background:#fafbfc !important; }

/* Result band: hidden until results container has content */
.suc-result-band{ display:none; }
.suc-results:not(:empty) + .suc-result-band{ display:flex; }

/* Hide any extra "Result" heading injected inside results */
.suc-results h3, .suc-results h4, .suc-results .result-title { display:none !important; }