.hunt-subscription-toggle {
    position: relative;
    overflow: visible;
    transition: border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
}

.hunt-subscription-toggle.is-active {
    color: #2ff0b5;
    border-color: rgba(47, 240, 181, .62);
    background: linear-gradient(145deg, rgba(13, 79, 68, .92), rgba(12, 33, 40, .96));
    box-shadow: 0 0 0 1px rgba(47, 240, 181, .08), 0 0 18px rgba(47, 240, 181, .18);
}

.hunt-subscription-toggle.is-inactive {
    color: #ffb31a;
    border-color: rgba(255, 179, 26, .4);
    background: rgba(24, 29, 38, .94);
}

.hunt-subscription-toggle:not(:disabled):hover {
    transform: translateY(-1px);
}

.hunt-subscription-indicator {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    min-height: 28px;
    padding: .3rem .62rem;
    border: 1px solid rgba(132, 143, 160, .32);
    border-radius: 999px;
    color: #9ba5b5;
    background: rgba(25, 30, 40, .76);
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

.hunt-subscription-status-toggle:not(:disabled) {
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.hunt-subscription-status-toggle:not(:disabled):hover,
.hunt-subscription-status-toggle:not(:disabled):focus-visible {
    color: #fff;
    border-color: rgba(255, 179, 26, .7);
    background: rgba(55, 45, 24, .88);
    box-shadow: 0 0 0 3px rgba(255, 179, 26, .12);
    transform: translateY(-1px);
}

.hunt-subscription-status-toggle.is-active:not(:disabled):hover,
.hunt-subscription-status-toggle.is-active:not(:disabled):focus-visible {
    color: #6affd1;
    border-color: rgba(53, 238, 183, .72);
    background: rgba(11, 75, 61, .56);
    box-shadow: 0 0 0 3px rgba(53, 238, 183, .12);
}

.hunt-subscription-status-toggle:disabled {
    cursor: not-allowed;
    opacity: .68;
}

.hunt-subscription-status-toggle.is-loading {
    cursor: wait;
}

.hunt-subscription-indicator.is-active {
    color: #35eeb7;
    border-color: rgba(53, 238, 183, .38);
    background: rgba(11, 75, 61, .34);
}

@media (max-width: 760px) {
    .hunt-subscription-indicator span { display: none; }
    .hunt-subscription-indicator { width: 30px; justify-content: center; padding-inline: 0; }
}