/* ========= FS Pro UI (drop-in) ========= */
:root{
  --fs-accent:#2563eb;
  --fs-accent-2:#1d4ed8;
  --fs-border:#e5e7eb;
  --fs-muted:#f6f7fb;
  --fs-text:#0f172a;
  --fs-danger:#dc2626;
  --fs-radius:14px;
  --fs-shadow:0 8px 24px rgba(2,6,23,.06), 0 2px 8px rgba(2,6,23,.05);
}
.fs-pro *{box-sizing:border-box}
.fs-pro .fs-row{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
@media(max-width:1024px){.fs-pro .fs-row{grid-template-columns:1fr}}
.fs-pro .fs-card{background:#fff;border:1px solid var(--fs-border);border-radius:var(--fs-radius);padding:18px;box-shadow:var(--fs-shadow)}
.fs-pro h2,.fs-pro h3{color:var(--fs-text);margin:0 0 10px}
.fs-pro .fs-help{font-size:12px;color:#6b7280}
/* Hide native radios/checkboxes we enhance */
.fs-pro input[type="radio"].fs-hide,
.fs-pro input[type="checkbox"].fs-hide{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
/* Segmented control (units) */
.fs-pro .fs-segment{display:inline-flex;border:1px solid var(--fs-border);border-radius:12px;overflow:hidden;background:#fff}
.fs-pro .fs-seg{padding:10px 14px;cursor:pointer;user-select:none;font-weight:600;color:#111827;border-right:1px solid var(--fs-border);}
.fs-pro .fs-seg:last-child{border-right:none}
.fs-pro .fs-seg.is-selected{background:var(--fs-accent);color:#fff;box-shadow:inset 0 -2px 0 rgba(255,255,255,.12)}
.fs-pro .fs-seg:hover{background:#f9fafb}
/* Card radios/checkboxes */
.fs-pro .fs-cards{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:720px){.fs-pro .fs-cards{grid-template-columns:repeat(1,minmax(0,1fr))}}
.fs-pro .fs-choice{display:flex;gap:12px;align-items:center;border:1px solid var(--fs-border);border-radius:12px;padding:12px;background:#fff;cursor:pointer;transition:.18s ease;min-height:64px}
.fs-pro .fs-choice:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(2,6,23,.08);border-color:#dbe1ea}
.fs-pro .fs-choice.is-selected{border-color:var(--fs-accent);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.fs-pro .fs-choice .fs-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#eef2ff}
.fs-pro .fs-choice .fs-title{font-weight:700;color:#111827}
.fs-pro .fs-choice .fs-desc{font-size:12px;color:#6b7280}
.fs-pro .fs-badge{margin-left:auto;background:#eef2ff;color:#3730a3;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}
/* Extras switches look same as radio cards */
.fs-pro .fs-extras .fs-choice .fs-title{font-weight:700}
/* Summary panel */
.fs-pro .fs-summary{position:sticky;top:86px;display:grid;gap:12px}
.fs-pro .fs-summary .row{display:flex;justify-content:space-between;padding:8px 0}
.fs-pro .fs-summary .row.total{font-weight:800;font-size:18px}
/* Utilities */
.fs-pro .mt-8{margin-top:20px}