/* v1.7 UI keeps the professional card styling */
:root{ --wa-theme:#25D366; --wa-bg:#ffffff; --wa-text:#0f172a; --wa-muted:#6b7280; --wa-border:#e5e7eb; }
@media (prefers-color-scheme: dark){
  :root{ --wa-bg:#0f172a; --wa-text:#e5e7eb; --wa-muted:#9ca3af; --wa-border:#1f2937; }
}

.waminipopup-container{ position:fixed; bottom:16px; z-index:999999; }
.waminipopup-container[data-position="right"]{ right:16px; }
.waminipopup-container[data-position="left"]{ left:16px; }

.waminipopup-float-btn{
  display:inline-flex; align-items:center; gap:8px; padding:10px 14px;
  border:0; border-radius:999px;
  background:linear-gradient(135deg,var(--wa-theme),#1ebe5d);
  color:#fff; font-weight:800; cursor:pointer; box-shadow:0 10px 24px rgba(37,211,102,.35);
}
.waminipopup-icon{ width:18px; height:18px; fill:currentColor; }

.waminipopup-modal{ position:fixed; inset:0; background:rgba(0,0,0,.45); display:none; align-items:center; justify-content:center; padding:12px; }
.waminipopup-modal.is-open{ display:flex; animation:fadeIn .18s ease-out; }
@keyframes fadeIn{ from{opacity:0} to{opacity:1} }

.waminipopup-dialog{
  width:min(92vw, 360px);
  background:var(--wa-bg); color:var(--wa-text);
  border:1px solid var(--wa-border);
  border-radius:16px; box-shadow:0 18px 40px rgba(0,0,0,.25);
  overflow:hidden;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.waminipopup-header{
  padding:16px 18px 8px;
  border-bottom:1px solid var(--wa-border);
}
#waminipopup-title{
  margin:0;
  font-weight:800; font-size:15px;
  color:var(--wa-text); text-align:center;
}
.waminipopup-close{ position:absolute; right:10px; top:8px; border:0; background:transparent; font-size:22px; line-height:1; color:var(--wa-muted); cursor:pointer; }

.waminipopup-form{ display:grid; gap:10px; padding:14px; }

.input{
  width:100%; height:46px;
  padding:10px 14px;
  border:1px solid transparent;
  border-radius:8px;
  background:#fff;
  color:#0f172a;
  box-shadow:0 2px 0 rgba(0,0,0,0.02), 0 1px 6px rgba(0,0,0,0.06);
  outline:none; font-size:14px;
}
.input::placeholder{ color:#9aa3ad; }
.input:focus{
  border-color:#cfd8e3;
  box-shadow:0 0 0 3px rgba(37,211,102,.12), 0 2px 8px rgba(0,0,0,0.10);
}

.radios{ display:flex; gap:14px; align-items:center; padding:4px 2px; }
.radio{ display:inline-flex; align-items:center; gap:8px; font-size:14px; }

.btn{
  width:100%; height:46px; border:0; border-radius:6px;
  background:#25D366;
  color:#0b141a;
  font-weight:800; cursor:pointer;
  box-shadow:0 6px 18px rgba(37,211,102,.35);
}
.btn:hover{ transform: translateY(-1px); }
.privacy{ font-size:12px; color:var(--wa-muted); text-align:center; margin:4px 0 0; }