/* ═══ Модалки в стиле market-front (прод starpets) — токены из sp-tokens.css ═══ */

/* scrim / overlay */
.amodal-scrim{
  background: var(--alias-modal-background-cover, #21212140) !important;
  backdrop-filter: none !important;
}

/* карточка модалки */
.amodal-card{
  background: var(--alias-modal-background-primary, #fff) !important;
  box-shadow: var(--shadow-elevation-1) !important;
  border-radius: 10px !important;
  font-family: var(--font-families-inter, Inter), system-ui, sans-serif !important;
}
@media (max-width: 743px){
  .amodal-card{ border-radius: 16px 16px 0 0 !important; }
}

/* типографика модалки */
.amodal-card, .amodal-card *{ font-family: var(--font-families-inter, Inter), system-ui, sans-serif !important; }
.am-title{
  font-weight: var(--font-weights-inter-600, 600) !important;
  color: var(--alias-modal-on-primary-text-primary, #212121) !important;
  text-align: center !important;
}
.am-kicker{
  font-weight: var(--font-weights-inter-500, 500) !important;
  color: var(--alias-modal-on-primary-text-secondary, #646464) !important;
  text-align: center !important;
}

/* кнопки close (×) и back (←) — secondary squared 42×42 r8 */
.am-close, .am-back{
  width: 42px !important; height: 42px !important;
  border-radius: 8px !important;
  background: var(--button-secondary-solid-background-default, #fafafa) !important;
  color: var(--alias-modal-on-primary-text-primary, #212121) !important;
  border: none !important;
  transition: background .15s ease !important;
}
.am-close:hover, .am-back:hover{ background: var(--alias-outline, #f6f6f6) !important; }
.am-close:active, .am-back:active{ transform: translateY(.5px); opacity:.95; }

/* primary CTA (am-cta) — брендовый оранжевый */
.am-cta{
  background: var(--alias-primary, #fe9920) !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: var(--font-weights-inter-500, 500) !important;
  border: none !important;
  transition: filter .15s ease !important;
}
.am-cta:hover{ filter: brightness(.96); }
.am-cta:active{ transform: translateY(.5px); opacity:.95; }

/* secondary / ghost (Отменить) */
.am-ghost{
  background: var(--button-secondary-solid-background-default, #fafafa) !important;
  color: var(--alias-modal-on-primary-text-primary, #212121) !important;
  border-radius: 8px !important;
  font-weight: var(--font-weights-inter-500, 500) !important;
  border: none !important;
}
.am-ghost:hover{ background: var(--alias-outline, #f6f6f6) !important; }

/* поле ввода (am-input) */
.am-input{
  border-radius: 8px !important;
  font-family: var(--font-families-inter, Inter), system-ui, sans-serif !important;
}

/* предупреждение (am-warn) — мягкий оранжевый блок */
.am-warn{ border-radius: 12px !important; }

/* опции выбора (карточки методов) — единый радиус */
.amodal-card [class*="opt"], .amodal-card [class*="method"], .amodal-card [class*="choice"]{
  border-radius: 12px !important;
}

/* ═══ Кнопка "Нужно больше?" + модалка рефералки/пополнения ═══ */


.need-sec{ text-align:left; }
.need-sec-title{
  font-weight:var(--font-weights-inter-600,600); font-size:15px; margin-bottom:6px;
  color:var(--alias-modal-on-primary-text-primary, #212121);
}
.need-sec p{
  font-size:13px; line-height:1.45; margin:0 0 10px;
  color:var(--alias-modal-on-primary-text-secondary, #646464);
}
.need-sec p b{ color:var(--alias-primary, #fe9920); }
.ref-row{ display:flex; flex-direction:column; gap:8px; align-items:stretch; }
.ref-code{ width:100%; display:flex; align-items:center; justify-content:center; padding:11px 12px; border-radius:8px; background:var(--alias-outline, #f6f6f6); font-weight:600; font-size:14px; letter-spacing:.5px; color:var(--alias-modal-on-primary-text-primary, #212121); }
.need-copy{ width:100%; padding:11px 14px; }
.need-div{ border:none; border-top:1px solid var(--alias-outline, #f6f6f6); margin:14px 0; }
.topup-row{ display:flex; gap:8px; }
.topup-row .am-input{
  flex:1; padding:10px 12px; border:1px solid var(--alias-outline, #e6e6e6); border-radius:8px;
  font-size:14px; outline:none;
}
.topup-row .am-input:focus{ border-color:var(--alias-primary, #fe9920); }
.topup-row .am-cta{ white-space:nowrap; padding:10px 18px; }
.topup-presets{ display:flex; gap:8px; margin-top:10px; }
.topup-presets button{
  flex:1; padding:8px; border-radius:8px; border:1px solid var(--alias-outline, #e6e6e6);
  background:#fff; cursor:pointer; font-family:var(--font-families-inter, Inter), sans-serif;
  font-weight:500; font-size:13px; transition:border-color .15s ease;
}
.topup-presets button:hover{ border-color:var(--alias-primary, #fe9920); color:var(--alias-primary, #fe9920); }

/* кнопка "Нужно больше?" — стиль как "Подтвердить обмен" (.start-trade) */
.need-btn{
  display:none; /* показывается из JS при нехватке баланса */
  width:100%; height:54px; margin-top:14px; gap:10px;
  align-items:center; justify-content:center;
  font-family:var(--font-families-inter, Inter), sans-serif;
  font-size:16px; font-weight:800;
  background:var(--orange-600); color:#fff;
  border:none; border-radius:var(--r-14); box-shadow:var(--glow-orange);
  cursor:pointer; transition:transform .12s, background .18s, box-shadow .18s;
}
.need-btn:hover{ background:var(--orange-500); transform:translateY(-1px); }
.need-btn:active{ transform:translateY(1px); }