/* Dark notices (pages and dialogs): keep severity accents without opaque color blocks.
   The theme link changes live when ThemeService switches themes, including WCAG. */
:is(.rz-dark, html:has(head link[href*="_content/Radzen.Blazor/"]:is([href*="-dark"], [href*="/dark"])))
    .rz-alert {
    --raysys-dialog-alert-accent: var(--rz-text-secondary-color);
    --rz-alert-background-color: transparent !important;
    --rz-alert-color: var(--rz-text-color) !important;
    --rz-alert-title-color: var(--rz-text-color) !important;
    --rz-alert-icon-color: var(--raysys-dialog-alert-accent) !important;
    background: transparent !important;
    color: var(--rz-text-color) !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 var(--rz-border-width, 1px) var(--raysys-dialog-alert-accent) !important;
}

:is(.rz-dark, html:has(head link[href*="_content/Radzen.Blazor/"]:is([href*="-dark"], [href*="/dark"])))
    .rz-alert:is(.rz-primary, .rz-info) {
    --raysys-dialog-alert-accent: var(--rz-info);
}

:is(.rz-dark, html:has(head link[href*="_content/Radzen.Blazor/"]:is([href*="-dark"], [href*="/dark"])))
    .rz-alert.rz-primary {
    --raysys-dialog-alert-accent: var(--rz-primary);
}

:is(.rz-dark, html:has(head link[href*="_content/Radzen.Blazor/"]:is([href*="-dark"], [href*="/dark"])))
    .rz-alert.rz-secondary {
    --raysys-dialog-alert-accent: var(--rz-secondary);
}

:is(.rz-dark, html:has(head link[href*="_content/Radzen.Blazor/"]:is([href*="-dark"], [href*="/dark"])))
    .rz-alert.rz-success {
    --raysys-dialog-alert-accent: var(--rz-success);
}

:is(.rz-dark, html:has(head link[href*="_content/Radzen.Blazor/"]:is([href*="-dark"], [href*="/dark"])))
    .rz-alert.rz-warning {
    --raysys-dialog-alert-accent: var(--rz-warning);
}

:is(.rz-dark, html:has(head link[href*="_content/Radzen.Blazor/"]:is([href*="-dark"], [href*="/dark"])))
    .rz-alert.rz-danger {
    --raysys-dialog-alert-accent: var(--rz-danger);
}

:is(.rz-dark, html:has(head link[href*="_content/Radzen.Blazor/"]:is([href*="-dark"], [href*="/dark"])))
    .rz-alert.rz-variant-text {
    box-shadow: none !important;
}

:is(.rz-dark, html:has(head link[href*="_content/Radzen.Blazor/"]:is([href*="-dark"], [href*="/dark"])))
    .rz-alert :is(.rz-alert-message, .rz-alert-title) {
    color: var(--rz-text-color) !important;
}

:is(.rz-dark, html:has(head link[href*="_content/Radzen.Blazor/"]:is([href*="-dark"], [href*="/dark"])))
    .rz-alert .rzi {
    color: var(--raysys-dialog-alert-accent) !important;
}