.localized-content h3 {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    font-weight: 300;
    text-transform: uppercase;
}


/*                .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense
*/
.categoryPicker .mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
    padding-top: 10.5px !important;
    padding-bottom: 10.5px !important;
}




/* Removes focus outline and border from items in the dropdown */
/* Remove outline and box-shadow on focus */
.categoryPicker :focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Optional: specifically target MudSelect and its key parts */
.categoryPicker .mud-input-slot:focus,
.categoryPicker .mud-select:focus,
.categoryPicker .mud-select-input:focus,
.categoryPicker .mud-popover-open:focus,
.categoryPicker svg:focus {
    outline: none !important;
    box-shadow: none !important;
}



/* Make MudAlert message content full width without breaking the close button */
/*.PageHeaderWithHelp .mud-alert-fullwidth .mud-alert-message {
    display: flex;
    flex-direction: column;*/ /* stack children vertically */
    /*width: 100%;*/ /* full width inside the alert */
/*}*/


/* Target the adornment icon (button + svg) inside our picker */
.color-picker-custom .mud-input-adornment,
.color-picker-custom .mud-input-adornment-icon-button,
.color-picker-custom .mud-input-adornment .mud-icon-root,
.color-picker-custom .mud-input-adornment svg,
.color-picker-custom .mud-input-adornment .mud-svg-icon {
    color: var(--selected-color) !important;
    fill: var(--selected-color) !important; /* ensures SVG path fill uses the color */
}

    /* If the adornment is the icon button, make sure the button's svg inherits color */
    .color-picker-custom .mud-input-adornment .mud-icon-root,
    .color-picker-custom .mud-input-adornment .mud-svg-icon {
        color: var(--selected-color) !important;
    }


/* Force MudColorPicker input to match MudTextField height (more or less) */
.color-picker-fullheight.mud-picker-inline .mud-input-root-outlined {
    height: 40px !important; /* match MudTextField */
    min-height: 40px !important;
    padding-top: 0.25rem !important; /* adjust as needed */
    padding-bottom: 0.25rem !important;
}

.color-picker-fullheight.mud-picker-inline .mud-input-slot {
    height: 100% !important;
}

.color-picker-fullheight.mud-picker-inline .mud-input-control-input-container {
    height: 100% !important;
}


.categoryPicker .mud-input {
    color: revert !important;
}