/* Dialog chrome: colored header/footer for MudDialog and MessageBox.
   Kept in its own ASCII-only file so app.css encoding is never rewritten. */

.mud-dialog .mud-dialog-title {
    background: var(--mud-palette-primary);
    color: #fff;
    padding: 12px 16px;
    font-weight: 700;
    letter-spacing: .2px;
    border-radius: 10px 10px 0 0;
}

    .mud-dialog .mud-dialog-title .mud-typography,
    .mud-dialog .mud-dialog-title .mud-icon-root {
        color: #fff !important;
    }

    .mud-dialog .mud-dialog-title .mud-icon-button,
    .mud-dialog .mud-dialog-title .mud-button-root {
        color: #fff !important;
    }

    .mud-dialog .mud-dialog-title .mud-icon-button:hover {
        background: rgba(255, 255, 255, .14) !important;
    }

    .mud-dialog .mud-dialog-title .mud-button-outlined {
        color: #fff !important;
        border-color: rgba(255, 255, 255, .75) !important;
    }

    .mud-dialog .mud-dialog-title .mud-chip {
        color: #fff !important;
        border-color: rgba(255, 255, 255, .75) !important;
        background: transparent !important;
    }

.mud-dialog .mud-dialog-actions {
    background: #D6E4F7;
    border-top: 1px solid rgba(25, 118, 210, .22);
    padding: 10px 12px;
    gap: 8px;
    border-radius: 0 0 10px 10px;
}