.sa-room{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  padding:14px 14px;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.7);
  cursor:pointer;
  width:100%;
}
.sa-room:hover{border-color:rgba(219,84,97,.45); box-shadow:0 10px 24px rgba(0,0,0,.08)}
.sa-room input[type="radio"]{width:18px;height:18px;flex:0 0 18px;margin:0}
.sa-room .sa-room-main{flex:1; display:flex; flex-direction:column; gap:4px}
.sa-room .sa-room-title{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.sa-room .sa-room-sub{display:flex; align-items:baseline; gap:8px}
.sa-room input[type="radio"]:checked + .sa-room-main .sa-room-title strong{color:#2b1a17}
.sa-room input[type="radio"]:checked + .sa-room-main{ }
.sa-room:has(input[type="radio"]:checked){border-color:rgba(219,84,97,.65); background:rgba(255,245,246,.9)}

.sa-wrap{--sa-bg1:#f6efe8;--sa-bg2:#e9dccf;--sa-card:rgba(255,255,255,.78);--sa-border:rgba(0,0,0,.08);--sa-text:#2f2f2f;--sa-muted:rgba(47,47,47,.65);--sa-primary:#8b5e3c;max-width:760px;margin:0 auto}
      .sa-wrap *{box-sizing:border-box}
      .sa-wrap .sa-shell{background:linear-gradient(135deg,var(--sa-bg1),var(--sa-bg2));padding:18px;border-radius:26px;box-shadow:0 24px 60px rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.35)}
      .sa-wrap .sa-card{background:var(--sa-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:26px;border-radius:22px;border:1px solid rgba(255,255,255,.35);box-shadow:0 14px 34px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.45)}
      .sa-wrap fieldset{border:0;padding:0;margin:0}
      .sa-wrap .row{display:flex;gap:14px;flex-wrap:wrap}
      .sa-wrap .col{flex:1;min-width:200px}
      .sa-wrap label{display:block;font-weight:650;margin:10px 0 7px;color:#5a3f2a;letter-spacing:.1px}
      .sa-wrap .sa-field{position:relative}
      .sa-wrap .sa-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.65;pointer-events:none}
      .sa-wrap .sa-icon-right{left:auto;right:14px;opacity:.55}
      .sa-wrap input,.sa-wrap select{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--sa-border);background:rgba(255,255,255,.92);color:var(--sa-text);box-shadow:inset 0 2px 6px rgba(0,0,0,.05);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}
      .sa-wrap .has-icon input,.sa-wrap .has-icon select{padding-left:44px}
      .sa-wrap .has-right-icon select{padding-right:44px;appearance:none;-webkit-appearance:none}
      .sa-wrap input:focus,.sa-wrap select:focus{outline:none;border-color:rgba(139,94,60,.55);box-shadow:0 0 0 3px rgba(139,94,60,.22), inset 0 2px 6px rgba(0,0,0,.05)}
      .sa-wrap .actions{margin-top:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
      .sa-wrap button{padding:14px 18px;border:0;border-radius:16px;cursor:pointer;font-weight:700;letter-spacing:.2px}
      .sa-wrap .btn-primary{background:linear-gradient(135deg,#8b5e3c,#a8744f);color:#fff;box-shadow:0 14px 30px rgba(139,94,60,.35);transition:transform .18s ease,box-shadow .18s ease}
      .sa-wrap .btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(139,94,60,.45)}
      .sa-wrap .muted{color:var(--sa-muted)}
      .sa-wrap .small{font-size:13px;color:var(--sa-muted);margin-top:6px}
      .sa-wrap .error{border-color:#c00}
      .sa-wrap .result{margin-top:14px;padding:16px;border-radius:18px;border:1px solid var(--sa-border);background:rgba(255,255,255,.70);box-shadow:0 10px 22px rgba(0,0,0,.08)}
      .sa-wrap a.btn-book{display:inline-block;margin-top:10px;padding:12px 16px;border-radius:14px;background:#0b5;color:#fff;text-decoration:none;box-shadow:0 12px 24px rgba(0,0,0,.12)}
      .sa-wrap .cards{display:flex;gap:12px;flex-wrap:wrap}
      .sa-wrap .card{flex:1;min-width:240px}
      .sa-wrap .budgetbox{margin-top:12px;padding:14px;border:1px dashed rgba(0,0,0,.25);border-radius:16px;background:rgba(255,255,255,.55)}
      .sa-wrap .sa-helpbox{margin-top:14px;padding:16px;border-radius:18px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.72);box-shadow:0 10px 22px rgba(0,0,0,.08)}
      .sa-wrap .sa-helpgrid{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
      .sa-wrap .btn-ghost{padding:14px 18px;border-radius:16px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.72);font-weight:850;cursor:pointer}
      .sa-wrap .btn-whatsapp{padding:14px 18px;border-radius:16px;border:0;background:#25D366;color:#fff;font-weight:900;cursor:pointer;box-shadow:0 14px 30px rgba(0,0,0,.14)}
      .sa-wrap .sa-features{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
      .sa-wrap .sa-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.65)}
      .sa-wrap .sa-pill .ico{font-weight:900}
      .sa-wrap .sa-pill.ok{color:#0a6;border-color:rgba(0,150,80,.25)}
      .sa-wrap .sa-pill.no{color:#b00;border-color:rgba(180,0,0,.22)}
      .sa-wrap .sa-pill.maybe{color:#a06000;border-color:rgba(160,96,0,.22)}
      
      .sa-wrap .sa-intro{margin-bottom:18px;padding:18px 18px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
      .sa-wrap .sa-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(90,63,42,.72);font-weight:800;margin-bottom:8px}
      .sa-wrap .sa-title{margin:0 0 8px;font-size:20px;line-height:1.25;color:#2b2018}
      .sa-wrap .sa-sub{margin:0;color:var(--sa-muted);font-size:14px;line-height:1.45}
      .sa-wrap .sa-step{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.06)}
      .sa-wrap .sa-stephead{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}
      .sa-wrap .sa-stepbadge{width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(139,94,60,.12);color:rgba(90,63,42,.9);font-weight:900}
      .sa-wrap .sa-steptitle{font-weight:850;color:#2b2018;line-height:1.2}
      .sa-wrap .sa-steptext{font-size:13px;color:var(--sa-muted);margin-top:3px;line-height:1.35}
      .sa-wrap .sa-hidden{display:none}
      .sa-wrap .sa-reveal{animation:rfIn .38s ease both}
      @keyframes rfIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
      .sa-wrap .sa-radio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
      .sa-wrap .sa-radio-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
      .sa-wrap .sa-radio-card{position:relative;display:flex;gap:12px;align-items:center;padding:14px 14px;border-radius:16px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.72);box-shadow:0 10px 22px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.55);cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
      .sa-wrap .sa-radio-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.55)}
      .sa-wrap .sa-radio-card input{position:absolute;opacity:0;pointer-events:none}
      .sa-wrap .sa-radio-emoji{font-size:20px;line-height:1}
      .sa-wrap .sa-radio-title{display:block;font-weight:850;color:#2b2018;line-height:1.1}
      .sa-wrap .sa-radio-sub{display:block;font-size:12px;color:var(--sa-muted);margin-top:4px;line-height:1.3}
      .sa-wrap .sa-radio-compact{padding:12px}
      .sa-wrap .sa-radio-card:has(input:checked){border-color:rgba(139,94,60,.55);box-shadow:0 0 0 3px rgba(139,94,60,.18), 0 12px 26px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.55)}
      .sa-wrap .sa-near{margin-top:14px;padding:14px;border-radius:18px;border:1px dashed rgba(139,94,60,.45);background:rgba(255,255,255,.55)}
      .sa-wrap .sa-near-title{font-weight:900;color:#2b2018}
      .sa-wrap .sa-near-sub{font-size:13px;color:var(--sa-muted);margin-top:4px;line-height:1.35}
      @media (max-width:720px){.sa-wrap .sa-radio-grid{grid-template-columns:1fr}}

      @media (max-width:520px){.sa-wrap .sa-card{padding:20px}.sa-wrap .col{min-width:100%}}
    

/* Compatibility mappings (plugin markup) */
.sa-wrap .sa-shell{max-width:760px;margin:0 auto}
.sa-wrap .sa-card{background:rgba(255,255,255,.78);border:1px solid rgba(0,0,0,.08);border-radius:22px;box-shadow:0 18px 45px rgba(0,0,0,.10)}
.sa-wrap .sa-btn{border-radius:999px}
.sa-wrap input[type="text"], .sa-wrap input[type="email"], .sa-wrap input[type="tel"], .sa-wrap input[type="number"], .sa-wrap input[type="date"]{border-radius:16px}

/* --- v1.1.4 UI fixes: buttons visible without hover --- */
.sa-wrap .sa-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 18px;
  border-radius:999px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  transition:transform .05s ease, filter .15s ease, box-shadow .15s ease;
}
.sa-wrap .sa-btn:active{ transform: translateY(1px); }

/* Primary buttons: filled by default */
.sa-wrap .sa-btn.sa-primary,
.sa-wrap a.sa-btn.sa-primary{
  color:#fff !important;
  border:0 !important;
  background: linear-gradient(90deg, #ff6a3d, #ff3d6e) !important;
  box-shadow: 0 10px 24px rgba(255,61,110,.18);
}
.sa-wrap .sa-btn.sa-primary:hover,
.sa-wrap a.sa-btn.sa-primary:hover{
  filter: brightness(.97);
  box-shadow: 0 12px 28px rgba(255,61,110,.22);
}

/* Ghost/secondary: outlined by default */
.sa-wrap .sa-btn.ghost,
.sa-wrap a.sa-btn.ghost{
  background:#fff !important;
  color:#ff3d6e !important;
  border:2px solid rgba(255,61,110,.55) !important;
  box-shadow: 0 8px 18px rgba(17,24,39,.08);
}
.sa-wrap .sa-btn.ghost:hover,
.sa-wrap a.sa-btn.ghost:hover{
  filter: brightness(.99);
  border-color: rgba(255,61,110,.85) !important;
}

/* Neutral end button */
.sa-wrap .sa-btn[data-end],
.sa-wrap button.sa-btn[data-end]{
  background:#fff !important;
  color:#111827 !important;
  border:2px solid rgba(17,24,39,.18) !important;
  box-shadow: 0 8px 18px rgba(17,24,39,.06);
}
.sa-wrap .sa-btn[data-end]:hover{
  border-color: rgba(17,24,39,.3) !important;
}

/* --- v1.1.5: larger typography + mobile friendly layout --- */
.sa-wrap{
  font-size:16.5px;
  line-height:1.45;
}
.sa-wrap h2, .sa-wrap h3{
  line-height:1.15;
  letter-spacing:-0.2px;
}
.sa-wrap h3{ font-size:22px; }
.sa-wrap .sa-card-title{ font-size:20px; }
.sa-wrap label{ font-size:14px; font-weight:700; }

.sa-wrap input[type="text"],
.sa-wrap input[type="email"],
.sa-wrap input[type="tel"],
.sa-wrap input[type="number"],
.sa-wrap input[type="date"],
.sa-wrap select{
  font-size:16px;
  padding:12px 14px;
}

.sa-wrap .sa-btn{
  font-size:15.5px;
  padding:12px 18px;
  min-height:46px;
}

/* Make radio rows fully clickable and tidy */
.sa-wrap .sa-room-row{ display:flex; align-items:center; gap:12px; }
.sa-wrap .sa-room-row input[type="radio"]{ flex:0 0 auto; }

/* Mobile tweaks */
@media (max-width: 768px){
  .sa-wrap{ font-size:17px; }
  .sa-wrap h3{ font-size:24px; }
  .sa-wrap .sa-card-title{ font-size:21px; }
  .sa-wrap .sa-btn{ width:100%; justify-content:center; }
  .sa-wrap .sa-actions{ display:grid; grid-template-columns:1fr; gap:10px; }
  .sa-wrap .sa-grid{ grid-template-columns:1fr !important; }
  .sa-wrap .sa-kpis{ grid-template-columns:1fr !important; gap:10px; }
  .sa-wrap .sa-field-row{ flex-direction:column; gap:10px; }
  .sa-wrap .sa-room-list{ gap:10px; }
  .sa-wrap input, .sa-wrap select{ width:100%; }
}

/* Small phones */
@media (max-width: 420px){
  .sa-wrap{ font-size:17.5px; }
  .sa-wrap h3{ font-size:25px; }
  .sa-wrap .sa-btn{ min-height:48px; }
}

/* --- Premium boutique overrides --- */
.sa-wrap{font-size:16px;line-height:1.35}
.sa-wrap h2,.sa-wrap h3{letter-spacing:.2px}
.sa-wrap h2{font-size:28px}
.sa-wrap h3{font-size:22px;margin-bottom:6px}
.sa-wrap .sa-subtitle{margin:0 0 14px 0;color:var(--sa-muted);font-size:15px}

.sa-wrap input[type="text"],
.sa-wrap input[type="email"],
.sa-wrap input[type="tel"],
.sa-wrap input[type="number"],
.sa-wrap input[type="date"]{
  width:100%;
  padding:14px 14px;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.14);
  background:#fff;
  box-shadow:0 10px 22px rgba(0,0,0,.06);
  outline:none;
  font-size:16px;
}
.sa-wrap input:focus{
  border-color:rgba(139,94,60,.45);
  box-shadow:0 10px 22px rgba(139,94,60,.14);
}

.sa-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  color:var(--sa-primary);
  font-weight:700;
  font-size:16px;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(0,0,0,.08);
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;
}
.sa-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,0,0,.12)}
.sa-btn:active{transform:translateY(0px);box-shadow:0 10px 18px rgba(0,0,0,.10)}

.sa-btn.sa-primary{
  background:linear-gradient(135deg,#c84b5d,#8b5e3c);
  border-color:transparent;
  color:#fff;
}
.sa-btn.sa-primary.ghost{
  background:#fff;
  color:#8b5e3c;
  border:1px solid rgba(139,94,60,.35);
}

.sa-actions{flex-wrap:wrap;gap:10px}
.sa-actions .sa-btn{min-width:140px}

.sa-room{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 14px;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.7);
}

@media (max-width: 520px){
  .sa-wrap{max-width:100%;margin:0 12px}
  .sa-wrap h2{font-size:24px}
  .sa-wrap h3{font-size:20px}
  .sa-wrap .sa-card{padding:16px}
  .sa-actions .sa-btn{width:100%}
}

.sa-btn{color:#fff !important}
.sa-btn.sa-secondary{color:#2b1a17 !important}

@media (max-width:520px){.sa-room{padding:12px 12px; border-radius:16px}.sa-room .sa-price{font-size:18px}}

.sa-room.is-selected{border-color:rgba(219,84,97,.65); background:rgba(255,245,246,.9)}

/* --- Price presentation refinements --- */
.sa-subtitle{margin-top:-6px;margin-bottom:14px;color:rgba(70,50,40,.75);font-size:15px;line-height:1.4;}
.sa-room{display:flex;align-items:flex-start;gap:12px;}
.sa-room input[type="radio"]{margin-top:10px;flex:0 0 auto;}
.sa-room-main{flex:1;min-width:0;}
.sa-room-sub{display:flex;align-items:baseline;gap:10px;margin-top:4px;}
.sa-price{font-size:22px;font-weight:800;letter-spacing:-0.3px;}
.sa-price-note{font-size:13px;color:rgba(70,50,40,.65);font-weight:600;}
.sa-price-inline{font-weight:800;font-size:16px;}
/* Make selected room card look premium */
.sa-room.is-selected{box-shadow:0 10px 24px rgba(0,0,0,.08);border-color:rgba(214,92,92,.55);background:rgba(255,245,245,.95);}
@media (max-width: 680px){
  .sa-price{font-size:20px;}
}

/* ===============================
   v1.2.1 Readability + Step 4 UI
   =============================== */

/* Make the whole widget consistent and readable */
.sa-wrap{
  --sa-ink:#1f2937;
  --sa-muted2:#6b7280;
  --sa-border2:rgba(17,24,39,.12);
  --sa-card2:rgba(255,255,255,.86);
  font-size:16px;
  line-height:1.5;
}
.sa-wrap h2, .sa-wrap h3{color:#111827;}

/* Hero header */
.sa-wrap .sa-hero{
  padding:20px 22px;
  border-radius:22px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 10px 24px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.55);
  margin-bottom:16px;
}
.sa-wrap .sa-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(90,63,42,.92);
  background:rgba(139,94,60,.12);
  border:1px solid rgba(139,94,60,.22);
  margin-bottom:10px;
}
.sa-wrap .sa-hero h2{margin:0 0 6px;font-size:26px;letter-spacing:-.2px;}
.sa-wrap .sa-hero p{margin:0 0 10px;color:var(--sa-muted2)}

/* Notes */
.sa-wrap .sa-note{
  margin-top:10px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(0,0,0,.08);
  color:rgba(70,50,40,.78);
  font-weight:650;
}
.sa-wrap .sa-note.sa-note-soft{
  background:rgba(255,255,255,.60);
  font-weight:600;
}

/* Progress */
.sa-wrap .sa-progress{
  height:10px;
  border-radius:999px;
  background:rgba(17,24,39,.08);
  overflow:hidden;
  margin:14px 0 18px;
}
.sa-wrap .sa-progress .sa-fill{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#ff6a3d,#ff3d6e);
  border-radius:999px;
  transition:width .25s ease;
}

/* Card titles + subtitles */
.sa-wrap .sa-card h3{margin:0 0 8px;font-size:22px;}
.sa-wrap .sa-subtitle{margin:0 0 14px;color:var(--sa-muted2);font-size:14px;line-height:1.45;}

/* Grid fields */
.sa-wrap .sa-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
@media (max-width: 720px){
  .sa-wrap .sa-grid{grid-template-columns:1fr;}
}

/* Labels / Inputs */
.sa-wrap label{color:rgba(90,63,42,.95);font-weight:800;}
.sa-wrap label input,
.sa-wrap label select{
  margin-top:8px;
}

/* Room list wrapper */
.sa-wrap .sa-roomlist{display:flex;flex-direction:column;gap:12px;}
.sa-wrap .sa-empty{padding:14px;border-radius:16px;border:1px dashed rgba(0,0,0,.18);background:rgba(255,255,255,.6);color:var(--sa-muted2);}

/* Step 4 summary (make it clearly readable) */
.sa-wrap .sa-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:10px 0 14px;
}
@media (max-width: 820px){
  .sa-wrap .sa-summary{grid-template-columns:1fr;}
}
.sa-wrap .sa-sum{
  padding:14px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.80);
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 22px rgba(0,0,0,.06);
  color:var(--sa-ink);
}
.sa-wrap .sa-sum b{font-weight:900;}
.sa-wrap .sa-sum small{display:block;margin-top:4px;color:var(--sa-muted2);font-size:13px;}
.sa-wrap .sa-muted{color:var(--sa-muted2) !important;}

/* Price inline inside summary */
.sa-wrap .sa-price-inline{font-weight:900;font-size:16px;}

/* Offer input row (money) */
.sa-wrap .sa-wide{display:block;margin-top:6px;}
.sa-wrap .sa-money{
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.14);
  background:#fff;
  box-shadow:0 10px 22px rgba(0,0,0,.06);
}
.sa-wrap .sa-money span{
  width:34px;
  height:34px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color:#8b5e3c;
  background:rgba(139,94,60,.12);
  border:1px solid rgba(139,94,60,.20);
}
.sa-wrap .sa-money input[type="number"]{
  border:0;
  box-shadow:none;
  padding:8px 8px;
  border-radius:12px;
  font-size:18px;
  font-weight:900;
  color:#111827;
}
.sa-wrap .sa-money input[type="number"]:focus{outline:none;}

/* Result box (accept / counter / reject messages) */
.sa-wrap .sa-result{
  margin-top:14px;
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.80);
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 12px 28px rgba(0,0,0,.08);
}
.sa-wrap .sa-result:empty{display:none;}

/* Fix: this line in older CSS forces ALL buttons to white text. Keep white only on primary. */
.sa-wrap .sa-btn{color:var(--sa-primary) !important;}
.sa-wrap .sa-btn.sa-primary{color:#fff !important;}
.sa-wrap .sa-btn.sa-secondary{color:#111827 !important;}

/* Make primary CTA more visible */
.sa-wrap .sa-actions{margin-top:14px;}
.sa-wrap .sa-actions .sa-btn.sa-primary{
  min-width:220px;
  box-shadow:0 14px 30px rgba(255,61,110,.20);
}
@media (max-width: 768px){
  .sa-wrap .sa-actions .sa-btn{width:100%;}
}

/* ===============================
   v1.2.2 Counter-offer / alerts UI
   Fix invisible ghost buttons + tidy result step
   =============================== */

/* Alert container used in decision step */
.sa-wrap .sa-alert{
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.86);
  box-shadow:0 14px 30px rgba(0,0,0,.08);
}
.sa-wrap .sa-alert h4{
  margin:0 0 8px 0;
  font-size:22px;
  letter-spacing:-.2px;
  color:#111827;
}
.sa-wrap .sa-alert p{margin:0 0 12px 0; color:var(--sa-muted2);}
.sa-wrap .sa-alert.ok{border-color:rgba(0,150,80,.18)}
.sa-wrap .sa-alert.warn{border-color:rgba(255,61,110,.22)}

/* KPI row (Beds24 / offer / counter) */
.sa-wrap .sa-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:12px 0 10px;
}
@media (max-width: 720px){
  .sa-wrap .sa-kpis{grid-template-columns:1fr;}
}
.sa-wrap .sa-kpis > div{
  padding:12px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(0,0,0,.07);
}
.sa-wrap .sa-kpis span{
  display:block;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:850;
  color:rgba(90,63,42,.72);
  margin-bottom:4px;
}
.sa-wrap .sa-kpis b{
  display:block;
  font-size:18px;
  font-weight:950;
  color:#111827;
}

/* Prompt line inside actions */
.sa-wrap .sa-sendprompt{font-weight:850;color:#111827;margin:4px 0 10px;}

/* FIX: ghost buttons inside "sa-primary" were white-on-white */
.sa-wrap .sa-btn.sa-primary.ghost,
.sa-wrap a.sa-btn.sa-primary.ghost{
  background:#fff !important;
  color:#ff3d6e !important;
  border:2px solid rgba(255,61,110,.55) !important;
  box-shadow: 0 8px 18px rgba(17,24,39,.08);
}
.sa-wrap .sa-btn.sa-primary.ghost:hover{
  border-color: rgba(255,61,110,.85) !important;
  filter: brightness(.99);
}

/* Make decision actions wrap nicely */
.sa-wrap .sa-alert .sa-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sa-wrap .sa-alert .sa-actions .sa-btn{min-width:220px}
@media (max-width: 768px){
  .sa-wrap .sa-alert .sa-actions{display:grid;grid-template-columns:1fr;}
  .sa-wrap .sa-alert .sa-actions .sa-btn{min-width:0}
}

/* Inline success message (email sent) */
.sa-wrap .sa-msg-inline{
  width:100%;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(0,150,80,.10);
  border:1px solid rgba(0,150,80,.18);
  color:#065f46;
  font-weight:850;
}