/* * This CSS targets the Claims Data Grid period buttons specifically 
 * and increases the CSS specificity to ensure MudBlazor's 'filled' 
 * style is not overridden by global styles.
 */

.claims-range-buttons .mud-button-filled-tertiary {
    /* Use !important sparingly, but it's often needed to fix MudBlazor overrides */
    background-color: var(--mud-palette-tertiary) !important;
    color: var(--mud-palette-tertiary-text) !important;
    /* Remove any border that might be forced by global styling */
    border: none !important;
    box-shadow: var(--mud-elevation-4) !important;
}

.claims-range-buttons .mud-button-outlined-primary {
    /* Ensure the outlined button retains its primary color and has a visible border */
    border: 1px solid var(--mud-palette-primary) !important;
    color: var(--mud-palette-primary) !important;
    background-color: transparent !important;
}