/* Payments UI - dark-friendly (nocodebox.ru black background) */
.zgv-paywall, .zgv-paystatus{margin:18px 0;color:#f2f2f2}
.zgv-paywall-card{
  max-width:920px;margin:0 auto;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;padding:18px;
  background:rgba(18,18,20,.92);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  backdrop-filter:saturate(120%) blur(6px);
}
.zgv-paywall-title{font-size:20px;font-weight:800;margin-bottom:10px;color:#fff}
.zgv-paywall-note{
  padding:10px 12px;border-radius:12px;
  background:rgba(255,255,255,.06);
  margin:10px 0;
  border:1px solid rgba(255,255,255,.08);
}
.zgv-paywall-muted{opacity:.8;font-size:13px;line-height:1.35;margin-top:6px}
.zgv-paywall-warn{
  background:rgba(255,171,0,.14);
  border-color:rgba(255,171,0,.22);
}
.zgv-paywall-badge{
  display:inline-block;padding:6px 10px;border-radius:999px;
  background:rgba(255,207,0,.14);
  border:1px solid rgba(255,207,0,.22);
  color:#fff;font-weight:800;margin:8px 0;
}
.zgv-paywall-balance{font-size:14px;margin:8px 0}
.zgv-paywall-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
.zgv-paywall-tariff{
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;padding:14px;
  background:rgba(255,255,255,.03);
}
.zgv-paywall-tariff-name{font-weight:900;font-size:16px;color:#fff}
.zgv-paywall-tariff-sub{opacity:.85;margin-top:4px}
.zgv-paywall-tariff-price{font-size:22px;font-weight:950;margin-top:10px;color:#fff}
.zgv-paywall-form{margin-top:12px}
.zgv-paywall-btn{
  appearance:none;border:0;border-radius:12px;padding:10px 14px;font-weight:900;
  background:linear-gradient(135deg,#ff8a00,#ffcf00);
  color:#111;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 10px 20px rgba(0,0,0,.25);
}
.zgv-paywall-btn:hover{filter:brightness(1.02)}
.zgv-paywall-btn:active{transform:translateY(1px)}
.zgv-paywall-btn-ghost{
  background:transparent;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  box-shadow:none;
}
.zgv-paywall-btn-ghost:hover{background:rgba(255,255,255,.06)}
.zgv-paywall-claim{margin-top:16px;border-top:1px dashed rgba(255,255,255,.18);padding-top:14px}
.zgv-paywall-claim-title{font-weight:900;margin-bottom:8px;color:#fff}
.zgv-paywall-claim-row{display:flex;gap:10px;flex-wrap:wrap}
.zgv-paywall-input{
  flex:1;min-width:200px;padding:10px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  background:rgba(0,0,0,.35);
  color:#fff;
}
.zgv-paywall-input::placeholder{color:rgba(255,255,255,.55)}
.zgv-paystatus-line{font-weight:800;margin-top:4px;color:#fff}
.zgv-paywall a, .zgv-paystatus a{color:#ffd24a}
.zgv-paywall a:hover, .zgv-paystatus a:hover{color:#ffe07e}