/* Shared video control button styles */
/* Used by: VideoCallRoom.razor, PatientPreCall.razor */

.video-controls {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 16px;
    padding: 12px 24px;
    background-color: rgba(45, 45, 45, 0.9);
    border-radius: 24px;
    backdrop-filter: blur(8px);
}

.precall-controls {
    display: flex;
    gap: 16px;
    padding: 12px 24px;
    background-color: rgba(45, 45, 45, 0.9);
    border-radius: 24px;
    backdrop-filter: blur(8px);
}

.control-button {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: white !important;
}

.control-button svg {
    fill: white !important;
}

.control-button:hover {
    background-color: rgba(255, 255, 255, 0.25) !important;
}

/* Error state (muted/camera off) */
.control-button.mud-button-filled.mud-error {
    background-color: #d32f2f !important;
}

.control-button.mud-button-filled.mud-error:hover {
    background-color: #b71c1c !important;
}

/* Leave button (only in video room) */
.leave-button {
    margin-left: 16px;
    background-color: #d32f2f !important;
}

.leave-button:hover {
    background-color: #b71c1c !important;
}