/* =====================================================
   Radzen overrides (moved out of app-foundation)
   ===================================================== */

/* Ensure Radzen confirm/alert dialogs use a normal text font */
.rz-dialog.rz-dialog-confirm,
.rz-dialog.rz-dialog-alert,
.rz-dialog.rz-dialog-confirm .rz-dialog-content,
.rz-dialog.rz-dialog-alert .rz-dialog-content,
.rz-dialog .rz-dialog-title,
.rz-dialog .rz-button
{
    font-family: 'Source Sans Pro', 'Roboto', 'Segoe UI', sans-serif !important;
}

/* Hide the Radzen DataGrid grouping expand/collapse toggle buttons */
.rz-group-header
{
    display: none !important;
}

.rz-event,
.rz-event-list-btn
{
    overflow: hidden;
}

.rz-sidebar-toggle
{
    border-inline-end: none !important;
}

.rz-button
{
    background-color: var(--background-light) !important;
    border: 1px solid var(--text-light) !important;
}

.rz-button.rz-primary.rz-shade-default,
    .rz-button.rz-primary.rz-shade-default:hover,
    .rz-button.rz-primary.rz-shade-default:focus,
    .rz-button.rz-primary.rz-shade-default:active
    {
        background-color: var(--background-light) !important
    }

.rz-dialog
{
    background-color: var(--background-dark) !important;
    color: var(--text-dark) !important;
}

.rz-dialog .rz-dialog-title
    {
        background-color: var(--background-dark) !important;
        color: var(--text-dark) !important;
    }

.rz-dialog .rz-dialog-titlebar
    {
        background-color: var(--background-dark) !important;
        color: var(--text-dark) !important;
    }

.rz-pager
{
    background-color: transparent !important;
}

.rz-expanded-row-template
{
    background-color: transparent !important;
    margin: 1em;
}

body.dark-theme .rz-button
{
    background-color: var(--background-dark) !important;
    border: 1px solid var(--text-dark) !important;
}

body.dark-theme .rz-button.rz-primary.rz-shade-default,
    body.dark-theme .rz-button.rz-primary.rz-shade-default:hover,
    body.dark-theme .rz-button.rz-primary.rz-shade-default:focus,
    body.dark-theme .rz-button.rz-primary.rz-shade-default:active
    {
        background-color: var(--background-dark) !important;
        border: 1px solid var(--text-dark) !important;
    }

.sade-html-editor .rz-html-editor-content,
.sade-html-editor .rz-html-editor-content h1,
.sade-html-editor .rz-html-editor-content h2,
.sade-html-editor .rz-html-editor-content h3,
.sade-html-editor .rz-html-editor-content h4,
.sade-html-editor .rz-html-editor-content h5,
.sade-html-editor .rz-html-editor-content p,
.sade-html-editor .rz-html-editor-content strong
{
    color: black !important;
    background-color: white;
}

.rz-tooltip-content
{
    background-color: var(--background-light);
}

body.dark-theme .rz-tooltip-content
{
    background-color: var(--background-dark);
}