/* ============================================================
   Subscription Management — Extra styles
   Extends challenge-setup.css (cs-* classes reused)
   ============================================================ */

/* ---- Type toggle ---- */
.sub-type-toggle {
    display: flex;
    border: 1px solid var(--cs-card-border);
    border-radius: var(--cs-radius-sm);
    overflow: hidden;
    max-width: 300px;
}

/* ---- Level badges ---- */
.sub-badge-gold {
    background: linear-gradient(135deg, #fff8e1, #ffe082);
    color: #8d6e00;
    border: 1px solid #ffe082;
}

.sub-badge-silver {
    background: linear-gradient(135deg, #f5f5f5, #e0e0e0);
    color: #555;
    border: 1px solid #ccc;
}

.sub-badge-bas {
    background: var(--cs-accent-light);
    color: var(--cs-accent);
}

.sub-badge-free {
    background: #f0f1f5;
    color: var(--cs-text-muted);
}

/* ---- Inline select for level dropdowns ---- */
.cs-select-inline {
    padding: 4px 8px;
    font-size: 0.85rem;
    min-width: 120px;
    max-width: 160px;
}