body.fi-sidebar-collapsed .fi-sidebar .team-selector-wrapper {
    max-width: 5rem;
    overflow: hidden;
}

/* Rider Status Selector Component */
.rider-status-selector {
    min-width: 200px;
}

.rider-status-selector .status-indicator {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

/* Ensure the user menu dropdown is wide enough for the rider status selector */
[data-filament-user-menu] .fi-dropdown-panel {
    min-width: 250px;
}

/* Smooth transitions for status changes */
.rider-status-button {
    transition: all 0.2s ease-in-out;
}

.rider-status-button:hover {
    transform: translateX(2px);
}