/* Выбор сети в окне пополнения (partials/topup-network.ejs).
   Подключается глобально из head.ejs после страничного CSS, поэтому один файл
   обслуживает все копии модалки. Внешний вид повторяет .pay-method. */
.topup-network .net-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.net-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: var(--bg3, #000);
  border: 1.5px solid var(--border, rgba(255,255,255,0.06));
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.12s, border-color 0.12s;
}
@media (hover: hover) {
  .net-option:hover { border-color: var(--border-green, rgba(124,58,237,0.25)); background: var(--bg4, #0d0d11); }
}
.net-option.active { border-color: var(--green, #7c3aed); background: var(--green-dim, rgba(124,58,237,0.1)); }
.net-option:focus-visible { outline: 2px solid var(--green, #7c3aed); outline-offset: 2px; }
.net-option-icon { width: 24px; height: 24px; flex-shrink: 0; border-radius: 50%; }
.net-option-info { min-width: 0; }
.net-option-name { font-size: 13px; font-weight: 600; color: var(--text, #F0F2F8); line-height: 1.2; white-space: nowrap; }
.net-option-hint { font-size: 11px; color: var(--text3, #8B95A8); margin-top: 2px; }
@media (max-width: 768px) {
  .topup-network .net-options { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .net-option { transition: none; }
}