.wkgb-pay-insufficient {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 14px 0;
    padding: 13px 15px;
    border: 1px solid #fdba74;
    border-radius: 11px;
    background: #fff7ed;
    color: #9a3412;
    text-align: left;
}

.wkgb-pay-insufficient strong {
    flex: 0 0 auto;
}

.wkgb-pay-insufficient span {
    font-size: 14px;
}

@media (prefers-color-scheme: dark) {
    .wkgb-pay-insufficient {
        border-color: #9a3412;
        background: #431407;
        color: #fed7aa;
    }
}

@media (max-width: 600px) {
    .wkgb-pay {
        --wkgb-muted: #334155;
        --wkgb-text: #0f172a;
    }

    .wkgb-pay .wkgb-pay-help,
    .wkgb-pay .wkgb-pay-form label,
    .wkgb-pay .wkgb-pay-plan-heading p,
    .wkgb-pay .wkgb-pay-plan-features li {
        color: #1e293b;
        font-size: 15px;
        line-height: 1.7;
    }

    .wkgb-pay .wkgb-pay-form input[type="number"] {
        border-color: #64748b;
        background: #fff;
        color: #0f172a;
        font-size: 16px;
    }

    .wkgb-pay-insufficient {
        flex-direction: column;
        gap: 4px;
    }
}

@media (max-width: 600px) and (prefers-color-scheme: dark) {
    .wkgb-pay {
        --wkgb-muted: #e2e8f0;
        --wkgb-text: #fff;
    }

    .wkgb-pay .wkgb-pay-help,
    .wkgb-pay .wkgb-pay-form label,
    .wkgb-pay .wkgb-pay-plan-heading p,
    .wkgb-pay .wkgb-pay-plan-features li {
        color: #f1f5f9;
    }

    .wkgb-pay .wkgb-pay-form input[type="number"] {
        border-color: #94a3b8;
        background: #111827;
        color: #fff;
    }
}