/**
 * Chip overrides - MUST load last so we win over MudBlazor and Tailwind.
 * Fixes invisible text on filled chips (e.g. Service Desk Classification).
 * Root cause: base app.css .mud-chip sets background:surface on all chips;
 * filled colored chips need their palette background + contrast text.
 */

/* Filled colored chips: force background and text (body prefix for specificity) */
body .mud-chip.mud-chip-filled.mud-chip-color-primary,
body .mud-chip.mud-chip-color-primary:not(.mud-chip-outlined):not(.mud-chip-text) {
    background: var(--mud-palette-primary) !important;
    border-color: var(--mud-palette-primary) !important;
    color: var(--mud-palette-primary-contrast, #fff) !important;
}
body .mud-chip.mud-chip-filled.mud-chip-color-primary .mud-chip-content,
body .mud-chip.mud-chip-filled.mud-chip-color-primary .mud-chip-icon,
body .mud-chip.mud-chip-filled.mud-chip-color-primary .mud-chip-content *,
body .mud-chip.mud-chip-color-primary:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-content,
body .mud-chip.mud-chip-color-primary:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-icon,
body .mud-chip.mud-chip-color-primary:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-content * {
    color: var(--mud-palette-primary-contrast, #fff) !important;
}

body .mud-chip.mud-chip-filled.mud-chip-color-secondary,
body .mud-chip.mud-chip-color-secondary:not(.mud-chip-outlined):not(.mud-chip-text) {
    background: var(--mud-palette-secondary) !important;
    border-color: var(--mud-palette-secondary) !important;
    color: var(--mud-palette-secondary-contrast, #fff) !important;
}
body .mud-chip.mud-chip-filled.mud-chip-color-secondary .mud-chip-content,
body .mud-chip.mud-chip-filled.mud-chip-color-secondary .mud-chip-icon,
body .mud-chip.mud-chip-filled.mud-chip-color-secondary .mud-chip-content *,
body .mud-chip.mud-chip-color-secondary:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-content,
body .mud-chip.mud-chip-color-secondary:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-content * {
    color: var(--mud-palette-secondary-contrast, #fff) !important;
}

body .mud-chip.mud-chip-filled.mud-chip-color-success,
body .mud-chip.mud-chip-color-success:not(.mud-chip-outlined):not(.mud-chip-text) {
    background: var(--mud-palette-success) !important;
    border-color: var(--mud-palette-success) !important;
    color: var(--mud-palette-success-contrast, #fff) !important;
}
body .mud-chip.mud-chip-filled.mud-chip-color-success .mud-chip-content,
body .mud-chip.mud-chip-filled.mud-chip-color-success .mud-chip-icon,
body .mud-chip.mud-chip-filled.mud-chip-color-success .mud-chip-content *,
body .mud-chip.mud-chip-color-success:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-content,
body .mud-chip.mud-chip-color-success:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-content * {
    color: var(--mud-palette-success-contrast, #fff) !important;
}

body .mud-chip.mud-chip-filled.mud-chip-color-info,
body .mud-chip.mud-chip-color-info:not(.mud-chip-outlined):not(.mud-chip-text) {
    background: var(--mud-palette-info) !important;
    border-color: var(--mud-palette-info) !important;
    color: var(--mud-palette-info-contrast, #fff) !important;
}
body .mud-chip.mud-chip-filled.mud-chip-color-info .mud-chip-content,
body .mud-chip.mud-chip-filled.mud-chip-color-info .mud-chip-icon,
body .mud-chip.mud-chip-filled.mud-chip-color-info .mud-chip-content *,
body .mud-chip.mud-chip-color-info:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-content,
body .mud-chip.mud-chip-color-info:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-content * {
    color: var(--mud-palette-info-contrast, #fff) !important;
}

body .mud-chip.mud-chip-filled.mud-chip-color-warning,
body .mud-chip.mud-chip-color-warning:not(.mud-chip-outlined):not(.mud-chip-text) {
    background: var(--mud-palette-warning) !important;
    border-color: var(--mud-palette-warning) !important;
    color: var(--mud-palette-warning-contrast, #fff) !important;
}
body .mud-chip.mud-chip-filled.mud-chip-color-warning .mud-chip-content,
body .mud-chip.mud-chip-filled.mud-chip-color-warning .mud-chip-icon,
body .mud-chip.mud-chip-filled.mud-chip-color-warning .mud-chip-content *,
body .mud-chip.mud-chip-color-warning:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-content,
body .mud-chip.mud-chip-color-warning:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-icon,
body .mud-chip.mud-chip-color-warning:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-content * {
    color: var(--mud-palette-warning-contrast, #fff) !important;
}

body .mud-chip.mud-chip-filled.mud-chip-color-error,
body .mud-chip.mud-chip-color-error:not(.mud-chip-outlined):not(.mud-chip-text) {
    background: var(--mud-palette-error) !important;
    border-color: var(--mud-palette-error) !important;
    color: var(--mud-palette-error-contrast, #fff) !important;
}
body .mud-chip.mud-chip-filled.mud-chip-color-error .mud-chip-content,
body .mud-chip.mud-chip-filled.mud-chip-color-error .mud-chip-icon,
body .mud-chip.mud-chip-filled.mud-chip-color-error .mud-chip-content *,
body .mud-chip.mud-chip-color-error:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-content,
body .mud-chip.mud-chip-color-error:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-icon,
body .mud-chip.mud-chip-color-error:not(.mud-chip-outlined):not(.mud-chip-text) .mud-chip-content * {
    color: var(--mud-palette-error-contrast, #fff) !important;
}
