/**
 * کلاس‌های کمکی برای پنل کاربر — بدون وابستگی به CDN (کنار style.css که tailwind بیلد شده است).
 */
.text-\[#8aa2b8\] {
    color: #8aa2b8;
}

.bg-\[\#0b2a44\] {
    background-color: #0b2a44;
}

.bg-zinc-900\/50 {
    background-color: rgba(24, 24, 27, 0.5);
}

.max-w-\[95vw\] {
    max-width: 95vw;
}

.text-\[11px\] {
    font-size: 11px;
    line-height: 1.35;
}

.text-white\/80 {
    color: rgba(255, 255, 255, 0.8);
}

.border-white\/10 {
    border-color: rgba(255, 255, 255, 0.1);
}

.text-sky-400 {
    color: rgb(56 189 248);
}

.text-slate-500 {
    color: rgb(100 116 139);
}

.text-amber-400\/90 {
    color: rgba(251, 191, 36, 0.9);
}

.text-emerald-100\/90 {
    color: rgba(209, 250, 229, 0.9);
}

.border-slate-700\/60 {
    border-color: rgba(51, 65, 85, 0.6);
}

.border-zinc-700\/60 {
    border-color: rgba(63, 63, 70, 0.6);
}

@media (min-width: 1280px) {
    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.list-disc {
    list-style-type: disc;
}

.list-inside {
    list-style-position: inside;
}

/* ——— کیف پول ——— */
.wallet-intro-text {
    margin: 0 0 1.75rem;
    font-size: 0.92rem;
    line-height: 1.85;
    color: #8aa2b8;
}

.wallet-intro-text strong {
    color: #e2e8f0;
    font-weight: 600;
}

.wallet-charge-form {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.wallet-amount-group {
    margin-bottom: 0;
}

.wallet-presets-label {
    margin: 0 0 0.85rem;
    font-size: 0.88rem;
    font-weight: 500;
    color: #8aa2b8;
}

.wallet-presets-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.wallet-preset-btn {
    padding: 0.65rem 1.15rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(15, 35, 60, 0.55);
    color: #cbd5e1;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, color 0.2s, transform 0.15s;
}

.wallet-preset-btn:hover {
    background: rgba(56, 189, 248, 0.12);
    border-color: rgba(56, 189, 248, 0.35);
    color: #e0f2fe;
}

.wallet-preset-btn.is-active {
    background: rgba(56, 189, 248, 0.18);
    border-color: rgba(56, 189, 248, 0.45);
    color: #e0f2fe;
}

.wallet-submit-btn {
    margin-top: 0.25rem;
}