/* Mobile-only button visibility */
.mobile-only {
    display: none;
}

@media (max-width: 767px) {
    .mobile-only {
        display: block !important;
    }
}

/* Capsule selector styling for metric toggle */
#metric-selector label:first-of-type {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-right: 1px solid #4B0082 !important;
}

#metric-selector label:last-of-type {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-left: 1px solid #4B0082 !important;
}

#metric-selector label:hover {
    background-color: #E6E6FA !important;
}

#metric-selector input:checked + label {
    background-color: #4B0082 !important;
    color: white !important;
}

#metric-selector input:checked + label > div > div {
    color: white !important;
    opacity: 1 !important;
}