.fwallet-crypto-list {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
}
.fwallet-crypto-list li {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 10px 14px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	justify-content: space-between;
}
.fwallet-crypto-list li:hover {
	background: #f9f9ff;
}
.fwallet-crypto-list .icon {
	width: 28px;
	height: 28px;
}
.fwallet-crypto-list .amount { width: 120px; font-variant-numeric: tabular-nums; }
.fwallet-crypto-list .rate   { margin-left: auto; }

.fw-modal-backdrop {
	position: fixed; inset: 0; background: rgba(0,0,0,.4);
	display: flex; justify-content: center; align-items: center;
	z-index: 9999;
}
.fw-modal {
	background: #fff; padding: 30px; border-radius: 8px; text-align: center;
	min-width: 320px;
}
.fw-modal img { max-width: 260px; }
.fw-close {
	position: absolute; top: 10px; right: 14px;
	background: none; border: none; font-size: 24px; cursor: pointer;
}

.fwallet-rates input[type="number"] { padding: 2px 6px; }
.fwallet-withdraw input[type="number"] { width: 180px; }
.fw-withdraw-table { width:100%; border-collapse: collapse; margin-top:20px; }
.fw-withdraw-table th, .fw-withdraw-table td { border:1px solid #ddd; padding:6px 8px; }
.fwallet-qr{
	padding: 6px;
  height: 36px;
}
.fwallet-qr svg{
	width: 24px;
	height: 24px;
}

/* ───────── Palette ───────────────────────────────────────────────── */
:root{
  --fw-bg:        #ffffff;
  --fw-row-hover: #f3f6ff;
  --fw-border:    #e4e9f2;
  --fw-text:      #1a1e29;
  --fw-muted:     #6d7585;
  --fw-pill-bg:   #f1f6ff;
  --fw-pill-text: #0d47a1;
}

/* ───────── Общая сетка (responsive) ─────────────────────────────── */
.wallet-grid{              /* ul */
  list-style:none; margin:0; padding:0;
  display:grid;
  gap:0.25rem;
}
@media(min-width:640px){ .wallet-grid{ grid-template-columns:1fr;        } }
@media(min-width:768px){ .wallet-grid{ grid-template-columns:1fr 1fr;    } }
@media(min-width:1024px){.wallet-grid{ grid-template-columns:1fr 1fr;    } }

/* ───────── Элемент списка ───────────────────────────────────────── */
.fwallet-crypto-list li{
  display:flex; align-items:center; gap:0.75rem;
  background:var(--fw-bg);
  padding:0.75rem 1rem;
  border:1px solid var(--fw-border);
  border-radius:0.75rem;
  transition:background .2s, box-shadow .2s;
}
.fwallet-crypto-list li:hover{
  background:var(--fw-row-hover);
  box-shadow:0 2px 6px rgba(0,0,0,.04);
}
.icon{
  width:16px; height:16px;
}

/* ───────── Числовые блоки ───────────────────────────────────────── */
.amount{
  font-family: Steppe;
  min-width:112px;
  font-size:0.95rem;
}
.symbol{
  font-weight:500;
  display:flex; flex-direction:column;
  line-height:1.1;
}
.symbol .price{
  font-size:0.75rem;
  color:var(--fw-muted);
}
.total{
  margin-left:auto;
  background:var(--fw-pill-bg);
  color:var(--fw-pill-text);
  border-radius:0.65rem;
  padding:0.35rem 0.75rem;
  font-weight:600;
  font-size:0.9rem;
  white-space:nowrap;
}
/* ───────── QR-кнопка ────────────────────────────────────────────── */
.qr-btn{
  width:38px; height:38px;
  display:flex; align-items:center; justify-content:center;
  border:none; background:transparent;
  border-radius:0.55rem; cursor:pointer;
  transition:background .15s;
  margin-left:0.5rem;
}
.qr-btn:hover{
  background:rgba(0,0,0,.05);
}
.qr-btn svg{ width:20px;height:20px; fill:var(--fw-text); opacity:.7; }

/* ───── Страница конкретной валюты ───────────────────────────── */
.wallet-detail{
  max-width:720px;margin:0 auto;padding:1.5rem 1rem;
  background:#fff;border-radius:1rem;box-shadow:0 2px 10px rgba(0,0,0,.05);
}
.wd-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;}
.wd-title{margin:0;font-size: 16px;line-height: 28px; color:#83928F;}
.wd-balance{font-family:Steppe;font-size:24px;color:#0d47a1;}
.wd-actions{margin-left:auto;display:flex;gap: 16px;flex-wrap:wrap;}
.wd-btn{
  padding:0.45rem 0.9rem;font-size:0.85rem;font-weight:600;border:0;
  background:#eef4ff;color:#0d47a1;border-radius:0.55rem;cursor:pointer;
  transition:background .2s;
}
.wd-btn:hover{background:#dbe6ff;}
.wd-subtitle{margin:1.5rem 0 0.5rem;font-size:1.2rem;}

.wd-table-wrap{overflow-x:auto;}
.wd-table{width:100%;border-collapse:collapse;font-size:0.9rem;}
.wd-table thead{background:#f7f9fc;}
.wd-table th,.wd-table td{padding:0.6rem 0.8rem;border-bottom:1px solid #e4e9f2;}
.wd-table td.num{text-align:right;font-family:Steppe;}
.wd-table th.center,.wd-table td.center{text-align:center;}
.wd-table tbody tr:hover{background:#f3f6ff;}
/* ───── Modal layout ───── */
.fw-modal-body{max-width:420px;width:100%;font-size:15px;}
.fw-note{margin:1rem 0;color:#c33;text-align:center;}

.fw-row{display:flex;align-items:center;margin:0.75rem 0;}
.fw-row label{width:100px;font-weight:600;}
.fw-row select,
.fw-row input[type=number]{flex:1 1 auto;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;}

/* Ensure Select2 widgets fit inside the modal */
.fw-select{max-width:100%;}
.fw-row .select2-container{flex:1 1 auto;width:calc(100% - 136px)!important;box-sizing:border-box;}
.fw-label .select2-container{width:100%!important;box-sizing:border-box;}

.fw-current-balance{margin-left:8px;color:#6b7280;font-size:0.9em;}

#fw_submit{
  width:100%;padding:0.6rem 0;border:0;border-radius:8px;
  background:#0d47a1;color:#fff;font-weight:600;font-size:1rem;
  transition:opacity .2s;
}
#fw_submit[disabled]{opacity:0.5;cursor:not-allowed;}
/* Loader */
.fw-loader-backdrop{
  position:fixed;inset:0;background:rgba(255,255,255,.7);
  display:flex;align-items:center;justify-content:center;
  z-index:10000;
}
.fw-loader-spinner{
  width:40px;height:40px;
  border:4px solid #d1d5db;
  border-top-color:#0d47a1;
  border-radius:50%;
  animation:fw-spin 1s linear infinite;
}
@keyframes fw-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}

/* ---------- Toast popup ---------- */
#fw-toast{
  position:fixed;
  top:20px;
  right:20px;
  z-index:10001;
  background:#333;
  color:#fff;
  padding:10px 16px;
  border-radius:6px;
  box-shadow:0 2px 6px rgba(0,0,0,.2);
  display:none;
}
#fw-toast.success{background:#4caf50;}
#fw-toast.error{background:#f44336;}

/* ───────── Verification notice ─────────────────────────────────── */
.fwallet-verify-card{
        display:flex;
        gap:24px;
        align-items:center;
        padding:28px 32px;
        border-radius:20px;
        background:linear-gradient(135deg,#101d2b 0%,#07101c 100%);
        color:#f4f8ff;
        border:1px solid rgba(2,244,207,0.18);
        box-shadow:0 18px 40px rgba(5,12,27,0.25);
        position:relative;
        overflow:hidden;
}
.fwallet-verify-card__icon{
        width:72px;
        height:72px;
        flex-shrink:0;
        border-radius:50%;
        background:rgba(2,244,207,0.12);
        display:flex;
        align-items:center;
        justify-content:center;
        color:#02f4cf;
}
.fwallet-verify-card__icon svg{width:40px;height:40px;}
.fwallet-verify-card__body{flex:1;display:flex;flex-direction:column;gap:14px;}
.fwallet-verify-card__title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:0.01em;}
.fwallet-verify-card__description{margin:0;color:rgba(244,248,255,0.75);max-width:520px;line-height:1.5;}
.fwallet-verify-card__status{display:flex;flex-direction:column;gap:8px;}
.fwallet-verify-card__badge{
        align-self:flex-start;
        background:rgba(2,244,207,0.14);
        color:#02f4cf;
        border-radius:999px;
        padding:4px 14px;
        font-size:12px;
        letter-spacing:0.08em;
        text-transform:uppercase;
        font-weight:700;
}
.fwallet-verify-card__status-text{margin:0;color:rgba(244,248,255,0.78);line-height:1.45;}
.fwallet-verify-card__button{
        align-self:flex-start;
        padding:12px 26px;
        border-radius:999px;
        background:linear-gradient(135deg,#02f4cf 0%,#34b1ff 100%);
        color:#04141d;
        border:none;
        font-weight:700;
        font-size:14px;
        cursor:pointer;
        transition:transform .2s ease,box-shadow .2s ease;
        box-shadow:0 10px 30px rgba(2,244,207,0.35);
}
.fwallet-verify-card__button:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(2,244,207,0.45);}
.fwallet-verify-card__button:disabled,
.fwallet-verify-card[data-status="pending"] .fwallet-verify-card__button{
        opacity:0.55;
        cursor:default;
        pointer-events:none;
        box-shadow:none;
}
.fwallet-verify-card__note{color:rgba(244,248,255,0.7);font-size:0.95rem;}
.fwallet-verify-card__body::after{
        content:'';
        position:absolute;
        inset:auto -120px -120px auto;
        width:220px;
        height:220px;
        background:radial-gradient(circle,rgba(2,244,207,0.3) 0%,rgba(2,244,207,0) 70%);
        pointer-events:none;
        transform:rotate(25deg);
}
@media (max-width:720px){
        .fwallet-verify-card{flex-direction:column;align-items:flex-start;padding:24px;}
        .fwallet-verify-card__icon{width:56px;height:56px;}
}