#bp-email-login-modal[hidden]{display:none;}
#bp-email-login-modal.bpv-open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99999;}
#bp-email-login-modal .bpv-dialog{max-width:420px;margin:10vh auto;background:#111;color:#fff;border-radius:14px;padding:18px;}
#bp-email-login-modal input[type="email"]{width:100%;padding:10px;border-radius:8px;border:1px solid #333;background:#000;color:#fff;}
#bp-email-login-modal .bpv-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px;}
#bp-email-login-modal .bpv-actions .btn{padding:8px 12px;border-radius:10px;border:0;cursor:pointer;}
#bp-email-login-modal .btn-primary{background:#2563eb;color:#fff;}
#bp-email-login-modal .btn-ghost{background:transparent;color:#bbb;border:1px solid #333;}

.bp-email-login-trigger { margin: 8px 0; }
.bp-email-login-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 0;
  background: #2563eb;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
}
.bp-email-login-btn:hover { background: #1d4ed8; color: #fff; }
.bp-email-login-btn:focus { outline: 2px solid #1d4ed8; outline-offset: 2px; }

.bpv-hint strong { font-weight:600; }
.bpv-help { transition: opacity .15s ease; }

/* Inline layout tweaks */
.bpv-title { margin: 6px 0; }

/* Generic rows */
.bpv-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 10px;

}

/* Columns */

.bpv-col-right { text-align: right; }

/* Left side (hint) should take more space on desktop */

.bpv-col-provider { flex: 0 0 auto; }

/* Hint & errors */
.bpv-hint { opacity: .85; margin: 0; }
.bpv-error { color: #f87171; margin: 0; }

/* Provider button container ensures inline-block behavior */
.pe_verify_email { display: inline-block; }

/* Collapsible helper box */
.bpv-help {
  width: 100%;
  margin-top: 6px;
  padding: 8px 10px;
  border: 1px solid #eee;
  border-radius: 8px;
  font-size: 12px;
  background: #fafafa;
}

/* Links */
.bpv-link { text-decoration: underline; cursor: pointer; }

/* Mobile optimizations */
@media (max-width: 640px){
  .bpv-col-right { text-align: left; }
  .bpv-row-actions { align-items: flex-start; }
}

.bpv-emoji { vertical-align: baseline; }
.bpv-badge {
  display: inline-block;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
}
.bpv-badge-ok {
  background: #ecfdf5;       /* green-50 */
  color: #065f46;            /* green-800 */
  border-color: #a7f3d0;     /* green-200 */
}
/* ensure hidden truly hides even if theme overrides UA rules */
[hidden] { display: none !important; }