/* Basic styles for HFT SMS components */
.hft-sms-btn{
  display:inline-block; padding:0.85rem 1.1rem; border-radius:9999px;
  background:#0A4FA3; color:#fff; text-decoration:none; font-weight:700;
  box-shadow:0 6px 16px rgba(10,79,163,.25);
}
.hft-sms-btn:hover{ transform:translateY(-1px); }
.hft-sms-btn:focus{ outline:2px solid #F0C24B; outline-offset:3px; }
.hft-sms-hint{ font-size:.9rem; color:#4a4a4a; margin:.5rem 0 0; }
.hft-desktop-fallback{ margin-top:.6rem; background:#f7f9fc; border:1px solid #e5eef8; padding:.65rem .75rem; border-radius:.5rem; }
.hft-copy-wrap{ display:flex; gap:.5rem; align-items:center; }
.hft-copy-btn{ padding:.45rem .7rem; border-radius:.375rem; border:1px solid #0A4FA3; background:#fff; color:#0A4FA3; font-weight:600; cursor:pointer; }
.hft-copy-btn:focus{ outline:2px solid #F0C24B; outline-offset:2px; }

.hft-label{ display:block; margin-bottom:.35rem; font-weight:600;}
.hft-input{ width:100%; max-width:520px; padding:.65rem .8rem; border:1px solid #cfd8e3; border-radius:.5rem; }
.hft-input:focus{ outline:2px solid #F0C24B; outline-offset:2px; }

/* Sticky mobile bar */
@media (max-width: 768px){
  .hft-sticky-bar{
    position: fixed; bottom: 12px; left: 12px; right: 12px;
    background: #0A4FA3; padding: 10px; border-radius: 9999px;
    box-shadow:0 10px 24px rgba(10,79,163,.35); z-index: 9999;
    display:flex; justify-content:center;
  }
  .hft-sticky-btn{
    color:#fff; text-decoration:none; font-weight:800;
  }
}