.wgb-otp-code-wrap.is-hidden{ display:none; }
/* === Seller KYC Neon Validation === */
.wgb-req{ color: rgba(244,63,94,.95); margin-right:6px; font-weight:800; }

.wgb-vfield label{
  display:flex;
  align-items:center;
  gap:10px;
}

/* label باید flex باشد تا dot کنار متن درست بنشیند */
.wgb-vfield > label{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  line-height:1.2;
  margin-bottom:8px;
  position:relative;
  overflow: visible !important; /* مهم: هاله بریده نشود */
}

/* خود نقطه */
.wgb-vdot{
  width:12px;
  height:12px;
  border-radius:999px;
  position:relative;
  flex: 0 0 12px;
  background: rgba(255,255,255,.22);
  box-shadow: 0 0 0 4px rgba(255,255,255,.07);
  z-index: 2; /* روی هاله و روی بکگراند بیاید */
}

/* هاله */
.wgb-vdot::after{
  content:"";
  position:absolute;
  inset:-10px;               /* کمی بزرگتر */
  border-radius:999px;
  opacity:.9;
  background: radial-gradient(circle, rgba(255,255,255,.30), transparent 62%);
  filter: blur(7px);
  animation: wgbPulse 1.6s ease-in-out infinite;
  z-index: -1;               /* پشت خود نقطه */
  pointer-events:none;
}

/* اگر parent کلی overflow hidden دارد، برای کل فیلد هم بازش کن */
.wgb-vfield{
  overflow: visible !important;
}

@keyframes wgbPulse{
  0%,100%{ transform: scale(.92); opacity:.65; }
  50%{ transform: scale(1.10); opacity:1; }
}
.wgb-vfield.is-ok .wgb-vdot{
  background: rgba(34,197,94,.95);
  box-shadow: 0 0 0 4px rgba(34,197,94,.16), 0 0 18px rgba(34,197,94,.35);
}
.wgb-vfield.is-ok .wgb-vdot::after{
  background: radial-gradient(circle, rgba(34,197,94,.35), transparent 60%);
}

.wgb-vfield.is-err .wgb-vdot{
  background: rgba(244,63,94,.95);
  box-shadow: 0 0 0 4px rgba(244,63,94,.16), 0 0 18px rgba(244,63,94,.38);
}
.wgb-vfield.is-err .wgb-vdot::after{
  background: radial-gradient(circle, rgba(244,63,94,.35), transparent 60%);
  animation-duration: .95s;
}

.wgb-vfield.is-err input{
  border-color: rgba(244,63,94,.55) !important;
  box-shadow: 0 0 0 3px rgba(244,63,94,.12) !important;
}

/* === Toast === */
.wgb-toast-host{
  position: fixed;
  z-index: 999999;
  left: 18px;
  bottom: 18px;
  display:flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
}

.wgb-toast{
  pointer-events:none;
  display:flex;
  align-items:center;
  gap:10px;
  min-width: 260px;
  max-width: 360px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(10,14,26,.62);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 52px rgba(0,0,0,.42);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transform: translateY(10px);
  opacity: 0;
  transition: transform .22s ease, opacity .22s ease;
}

.wgb-toast.is-in{
  transform: translateY(0);
  opacity: 1;
}
.wgb-toast.is-out{
  transform: translateY(8px);
  opacity: 0;
}

.wgb-toast__dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(59,130,246,.95);
  box-shadow: 0 0 0 4px rgba(59,130,246,.16), 0 0 18px rgba(59,130,246,.35);
}

.wgb-toast.is-warn .wgb-toast__dot{
  background: rgba(245,158,11,.95);
  box-shadow: 0 0 0 4px rgba(245,158,11,.16), 0 0 18px rgba(245,158,11,.35);
}
.wgb-toast.is-err .wgb-toast__dot{
  background: rgba(244,63,94,.95);
  box-shadow: 0 0 0 4px rgba(244,63,94,.16), 0 0 18px rgba(244,63,94,.38);
}
.wgb-toast__txt{
  color: rgba(255,255,255,.92);
  font-size: 12.5px;
  line-height: 1.55;
}
.wgb-front-card{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  padding: 16px;
  color: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}.wgb-tf2-table{margin-top:14px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(12,12,18,.35);backdrop-filter: blur(10px);}
.wgb-tf2-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);}
.wgb-tf2-row:first-child{border-top:0}
.wgb-tf2-head{font-weight:700;opacity:.9;background:rgba(255,255,255,.04)}
.wgb-tf2-col{flex:1}
.wgb-tf2-col-count{text-align:right}
.wgb-tf2-col-price{text-align:center;font-weight:700}
.wgb-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.20);font-size:12px}
.wgb-pill.is-ok{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.12)}
.wgb-tf2-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}
.wgb-dot-note{display:flex;align-items:center;gap:8px;opacity:.85;font-size:12px}
.wgb-dot{width:8px;height:8px;border-radius:50%;background:rgba(34,197,94,.95);box-shadow:0 0 16px rgba(34,197,94,.45)}
.wgb-chart-wrap{height:260px}
.wgb-tf2-table{margin-top:14px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(12,12,18,.35);backdrop-filter: blur(10px);}
.wgb-tf2-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);}
.wgb-tf2-row:first-child{border-top:0}
.wgb-tf2-head{font-weight:700;opacity:.9;background:rgba(255,255,255,.04)}
.wgb-tf2-col{flex:1}
.wgb-tf2-col-count{text-align:right}
.wgb-tf2-col-price{text-align:center;font-weight:700}
.wgb-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.20);font-size:12px}
.wgb-pill.is-ok{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.12)}
.wgb-tf2-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}
.wgb-dot-note{display:flex;align-items:center;gap:8px;opacity:.85;font-size:12px}
.wgb-dot{width:8px;height:8px;border-radius:50%;background:rgba(34,197,94,.95);box-shadow:0 0 16px rgba(34,197,94,.45)}
.wgb-chart-wrap{height:260px}
/* استایل کلی ظرف انتخاب */
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    height: 42px !important;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
}
/* === WGB Glass CTA Button (Gold/TF2) === */
.wgb-cta-row{
  margin-top: 14px;
  display: flex;
  justify-content: center;
}

.wgb-cta-glass{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 16px;
  min-width: 240px;
  border-radius: 14px;

  text-decoration: none !important;
  font-weight: 700;
  line-height: 1;
  color: rgba(255,255,255,0.92);

  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 10px 34px rgba(0,0,0,0.28),
    inset 0 1px 0 rgba(255,255,255,0.08);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.wgb-cta-glass:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.22);
  box-shadow:
    0 14px 44px rgba(0,0,0,0.34),
    inset 0 1px 0 rgba(255,255,255,0.10);
}

.wgb-cta-glass:active{
  transform: translateY(0);
}

.wgb-cta-glass .wgb-cta-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(34,197,94,0.95);
  box-shadow: 0 0 0 4px rgba(34,197,94,0.18), 0 0 18px rgba(34,197,94,0.35);
}

.wgb-cta-glass .wgb-cta-text{
  font-size: 13px;
  letter-spacing: .2px;
}

.wgb-cta-glass .wgb-cta-arrow{
  opacity: .9;
  font-size: 14px;
}

@media (max-width: 520px){
  .wgb-cta-glass{ width: 100%; }
}
/* حالت فوکوس و باز شده */
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* متن داخل باکس انتخاب */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #374151 !important;
    line-height: 42px !important;
    padding-right: 12px !important;
    text-align: right;
}

/* آیکون فلش سمت چپ */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
    left: 8px !important;
    right: auto !important;
}

/* باکس باز شونده (Dropdown) */
.select2-dropdown {
    border: 1px solid #3b82f6 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden;
    z-index: 999999;
}

/* فیلد جستجو داخل دراپ‌دان */
.select2-search--dropdown .select2-search__field {
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 8px !important;
    direction: ltr !important;
}

/* آیتم‌های لیست */
.select2-results__option {
    padding: 10px 12px !important;
    text-align: right;
    font-size: 13px;
}

/* حالت هاور روی آیتم‌ها */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3b82f6 !important;
    color: #fff !important;
}

/* آیتم انتخاب شده */
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #eff6ff !important;
    color: #1e40af !important;
}

.wgb-ui-subtle{
  margin-top: 4px;
  font-size: 12px;
  color: rgba(255,255,255,.70);
}
.wgb-token-footnote{
  margin-top: 10px;
  text-align:center;
  font-size: 12px;
  color: rgba(255,255,255,.70);
}

/* ===========================
   MODAL (Invoice Popup)
=========================== */
body.wgb-modal-open{overflow:hidden;}
.wgb-modal{
  position:fixed; inset:0;
  display:none;
  background:rgba(2,6,23,.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index:99999;
  padding:24px;
}
.wgb-front-card canvas{
  width: 100% !important;
  height: 260px !important;  /* یا هرچی می‌خوای */
  display: block;
}
.wgb-price-chart{
  position: relative;
  height: 260px;
}
.wgb-price-chart canvas{
  width:100% !important;
  height:100% !important;
}

.wgb-modal.is-open{display:flex; align-items:center; justify-content:center;}
.wgb-modal-dialog{
  width:min(980px, 100%);
  max-height: calc(100vh - 48px);
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(168,85,247,.35);
  background:rgba(15,23,42,.92);
  box-shadow: 0 20px 80px rgba(0,0,0,.55);
  display:flex;
  flex-direction:column;
}
.wgb-modal-xl{width:min(1100px, 100%);}
.wgb-modal-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid rgba(148,163,184,.18);
}
.wgb-modal-title{font-weight:900; color:#e2e8f0;}
.wgb-modal-close{
  border:0; cursor:pointer;
  width:38px; height:38px;
  border-radius:12px;
  background:rgba(148,163,184,.18);
  color:#e2e8f0;
  font-size:20px;
}
.wgb-modal-body{
  padding:0;
  overflow:auto;
  background:rgba(2,6,23,.25);
}
.wgb-invoice-frame{
  width:100%;
  height:min(74vh, 820px);
  border:0;
  display:block;
  background:#fff;
}
@media (max-width: 640px){
  .wgb-modal{padding:14px;}
  .wgb-invoice-frame{height:78vh;}
}

.wgb-front-title{ font-size: 16px; font-weight: 800; margin-bottom: 10px; }
.wgb-front-sub{ opacity: .8; font-size: 13px; margin-top: 6px; }
.wgb-front-price{ font-size: 26px; font-weight: 900; margin: 8px 0; }
.wgb-front-price span{ font-size: 12px; opacity: .75; }

.wgb-front-form{ margin-top: 12px; }
.wgb-front-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 900px){ .wgb-front-grid{ grid-template-columns: 1fr; } }

.wgb-front-field{ display:flex; flex-direction:column; gap:6px; }
.wgb-front-field input{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.92);
  padding: 10px 12px;
  outline: none;
}
.wgb-front-field input:focus{
  border-color: rgba(168,85,247,.85);
  box-shadow: 0 0 0 3px rgba(168,85,247,.18);
}

.wgb-front-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top: 12px; }
.wgb-front-otp{ display:flex; gap:10px; align-items:flex-end; margin-top: 12px; flex-wrap:wrap; }

.wgb-btn{
  border: 0;
  border-radius: 14px;
  padding: 10px 14px;
  cursor: pointer;
  background: linear-gradient(90deg, rgba(168,85,247,.95), rgba(236,72,153,.95));
  color: #0b1020;
  font-weight: 900;
}
.wgb-btn-ghost{
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.9);
  border: 1px solid rgba(255,255,255,.18);
}
.wgb-btn-ok{
  background: linear-gradient(90deg, rgba(16,185,129,.95), rgba(59,130,246,.95));
  color: #081018;
}

.wgb-front-msg{ margin-top: 12px; font-weight: 700; }
.wgb-status{
  margin: 10px 0;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(0,0,0,.18);
}
.wgb-status-ok{ border-color: rgba(16,185,129,.35); }
.wgb-status-no{ border-color: rgba(239,68,68,.35); }

.wgb-invoice{
  margin-top: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  padding: 16px;
}
.wgb-invoice-head{ display:flex; justify-content:space-between; gap:10px; align-items:center; }
.wgb-invoice-title{ font-size: 16px; font-weight: 900; }
.wgb-invoice-no{ opacity: .8; margin-top: 6px; }
.wgb-invoice-grid{ display:grid; grid-template-columns: 1fr 1fr 1fr; gap:10px; margin-top: 12px; }
@media (max-width: 900px){ .wgb-invoice-grid{ grid-template-columns: 1fr; } }
.wgb-invoice-box{ background: rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.12); border-radius: 14px; padding: 10px; }
.wgb-invoice-label{ font-size: 12px; opacity: .75; }
.wgb-invoice-value{ font-weight: 900; margin-top: 6px; }

.wgb-invoice-table{ margin-top: 12px; border-radius: 14px; overflow:hidden; border:1px solid rgba(255,255,255,.12); }
.wgb-invoice-row{ display:grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 0; }
@media (max-width: 900px){ .wgb-invoice-row{ grid-template-columns: 1fr; } }
.wgb-invoice-row > div{ padding: 10px 12px; border-bottom:1px solid rgba(255,255,255,.08); }
.wgb-invoice-row-head{ background: rgba(0,0,0,.22); font-weight: 900; }
.wgb-invoice-note{ margin-top: 12px; padding: 10px 12px; border-radius: 14px; background: rgba(0,0,0,.18); border:1px dashed rgba(255,255,255,.15); }


/* --- Price Chart Widget (Exchange-like) --- */
.wgb-price-widget { padding: 18px 18px 14px; }
.wgb-pill{
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
  color: rgba(255,255,255,.9);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
}

.wgb-price-now{ margin-top: 10px; margin-bottom: 8px; }
.wgb-price-now__value{
  font-size: 34px;
  font-weight: 900;
  letter-spacing: .2px;
  color: rgba(255,255,255,.96);
}
.wgb-price-now__sub{
  margin-top: 2px;
  font-size: 12px;
  color: rgba(255,255,255,.72);
}

.wgb-chart-wrap{
  position: relative;
  height: 280px;
  margin-top: 10px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(2,6,23,.22);
}
.wgb-chart-wrap canvas{
  width: 100% !important;
  height: 100% !important;
  display:block;
}

.wgb-mini-stats{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin-top: 12px;
}
.wgb-mini-stat{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
}
.wgb-mini-stat__label{
  font-size: 11px;
  color: rgba(255,255,255,.68);
}
.wgb-mini-stat__value{
  margin-top: 6px;
  font-size: 15px;
  font-weight: 900;
  color: rgba(255,255,255,.92);
}
.wgb-stat-pos{ color: rgba(34,197,94,.95) !important; }
.wgb-stat-neg{ color: rgba(239,68,68,.95) !important; }

@media (max-width: 640px){
  .wgb-mini-stats{ grid-template-columns: 1fr; }
}

.wgb-topbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.wgb-title-wrap{ text-align:right; flex:1; }

.wgb-buy-status{
  margin-top: 6px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.88);
}
.wgb-buy-dot{
  width:8px; height:8px; border-radius:50%;
  box-shadow: 0 0 10px rgba(255,255,255,.2);
}
.wgb-status-on .wgb-buy-dot{ background: rgba(34,197,94,.95); }
.wgb-status-on{ border-color: rgba(34,197,94,.25); background: rgba(34,197,94,.08); }
.wgb-status-off .wgb-buy-dot{ background: rgba(239,68,68,.95); }
.wgb-status-off{ border-color: rgba(239,68,68,.25); background: rgba(239,68,68,.08); }

.wgb-stat-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  margin-inline-end: 6px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}
.wgb-icon-pos{ color: rgba(34,197,94,.95); }
.wgb-icon-neg{ color: rgba(239,68,68,.95); }

.wgb-range-filter{
  display:flex;
  gap:10px;
  justify-content:center;
  margin-top: 12px;
  flex-wrap: wrap;
}
.wgb-range-btn{
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.82);
  font-weight: 900;
  font-size: 12px;
  text-decoration: none !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.wgb-range-btn:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.10);
  border-color: rgba(56,189,248,.25);
}
.wgb-range-btn.is-active{
  background: rgba(56,189,248,.14);
  border-color: rgba(56,189,248,.30);
  color: rgba(255,255,255,.95);
}

/* ============== WGB UI (Minimal Pro) ============== */
.wgb-ui{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(2,6,23,.18);
  border-radius: 22px;
  padding: 18px;
  backdrop-filter: blur(10px);
}

.wgb-ui-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom: 12px;
}
.wgb-ui-title{
  font-weight: 900;
  font-size: 16px;
  color: rgba(255,255,255,.94);
}

.wgb-ui-badge{
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.88);
}
.wgb-ui-badge-ok{
  border-color: rgba(34,197,94,.22);
  background: rgba(34,197,94,.10);
  color: rgba(34,197,94,.95);
}
.wgb-ui-badge-warn{
  border-color: rgba(245,158,11,.22);
  background: rgba(245,158,11,.10);
  color: rgba(245,158,11,.95);
}
.wgb-ui-badge-neg{
  border-color: rgba(239,68,68,.22);
  background: rgba(239,68,68,.10);
  color: rgba(239,68,68,.95);
}

.wgb-ui-alert{
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.86);
  line-height: 1.9;
  margin-bottom: 14px;
}
.wgb-ui-alert-sub{
  margin-top: 6px;
  font-size: 12px;
  color: rgba(255,255,255,.70);
}
.wgb-ui-alert-ok{
  border-color: rgba(34,197,94,.22);
  background: rgba(34,197,94,.08);
}
.wgb-ui-alert-warn{
  border-color: rgba(245,158,11,.22);
  background: rgba(245,158,11,.08);
}
.wgb-ui-alert-neg{
  border-color: rgba(239,68,68,.22);
  background: rgba(239,68,68,.08);
}
.wgb-ui-alert-info{
  border-color: rgba(56,189,248,.22);
  background: rgba(56,189,248,.08);
}

.wgb-ui-note{
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(2,6,23,.22);
}
.wgb-ui-note__label{
  font-size: 12px;
  font-weight: 900;
  color: rgba(255,255,255,.86);
}
.wgb-ui-note__text{
  margin-top: 6px;
  color: rgba(255,255,255,.76);
  line-height: 1.9;
  font-size: 13px;
}

.wgb-ui-form{ margin-top: 8px; }
.wgb-ui-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
.wgb-ui-span2{ grid-column: 1 / -1; }

.wgb-ui-field label{
  display:block;
  margin-bottom: 6px;
  font-weight: 800;
  font-size: 12px;
  color: rgba(255,255,255,.82);
}
.wgb-ui-hint{
  font-weight: 700;
  font-size: 11px;
  color: rgba(255,255,255,.60);
  margin-inline-start: 6px;
}

.wgb-ui-field input{
  width:100%;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  outline: none;
  transition: border-color .15s ease, transform .15s ease, background .15s ease;
}
.wgb-ui-field input::placeholder{ color: rgba(255,255,255,.55); }
.wgb-ui-field input:focus{
  border-color: rgba(56,189,248,.35);
  background: rgba(56,189,248,.08);
  transform: translateY(-1px);
}

.wgb-ui-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.wgb-ui-actions-2{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 12px;
}

/* Buttons (Pro) */
.wgb-btn{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.90);
  padding: 12px 14px;
  border-radius: 18px;
  font-weight: 900;
  cursor:pointer;
  text-decoration:none !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
  min-height: 44px;
}
.wgb-btn:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.10);
  border-color: rgba(56,189,248,.25);
}
.wgb-btn:active{ transform: translateY(0); }

.wgb-btn-primary{
  background: rgba(56,189,248,.14);
  border-color: rgba(56,189,248,.30);
  box-shadow: 0 0 0 1px rgba(56,189,248,.10) inset;
}
.wgb-btn-primary:hover{
  background: rgba(56,189,248,.18);
  box-shadow: 0 8px 30px rgba(56,189,248,.10);
}

.wgb-btn-ghost{
  background: rgba(255,255,255,.06);
}

.wgb-btn-ok{
  background: rgba(34,197,94,.14);
  border-color: rgba(34,197,94,.30);
}
.wgb-btn-ok:hover{ box-shadow: 0 8px 30px rgba(34,197,94,.10); }

/* Support buttons */
.wgb-btn-discord{
  background: rgba(88,101,242,.18);
  border-color: rgba(88,101,242,.35);
}
.wgb-btn-telegram{
  background: rgba(34,158,217,.16);
  border-color: rgba(34,158,217,.35);
}
.wgb-btn-ic{
  width: 28px; height: 28px;
  border-radius: 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.12);
  font-size: 14px;
}
.wgb-btn-sub{
  font-weight: 700;
  font-size: 11px;
  color: rgba(255,255,255,.70);
  margin-inline-start: 6px;
}

/* OTP block */
.wgb-ui-otp{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.10);
  display:flex;
  gap: 10px;
  align-items:flex-end;
  flex-wrap: wrap;
}
.wgb-ui-otp .wgb-ui-field{ flex: 1; min-width: 220px; }
.wgb-ui-msg{
  margin-top: 12px;
  min-height: 18px;
  color: rgba(255,255,255,.86);
  font-weight: 800;
  font-size: 12px;
}
.wgb-ui-actions a.wgb-btn{
  display:inline-flex !important;
  text-decoration:none !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
.wgb-ui-actions a.wgb-btn:visited{ color: rgba(255,255,255,.90) !important; }

/* Mobile */
@media (max-width: 720px){
  .wgb-ui-grid{ grid-template-columns: 1fr; }
  .wgb-ui-actions-2{ grid-template-columns: 1fr; }
}