@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Components/Account/Shared/StatusMessage.razor.rz.scp.css */
/* Radzen semantic palette variables (loaded app-wide via RadzenTheme) so these
   status alerts stay on-brand and readable in both light and dark themes, and match
   the API token callout in app.css rather than diverging in dark mode. */
.alert[b-3olgl9dx0v] {
    padding: 10px;
    border-radius: var(--rz-border-radius, 4px);
    margin-bottom: 1rem;
    border: 1px solid transparent;
    text-align: center;
}

.alert-danger[b-3olgl9dx0v] {
    color: var(--rz-danger-darker);
    background-color: var(--rz-danger-lighter);
    border-color: var(--rz-danger-light);
}

.alert-success[b-3olgl9dx0v] {
    color: var(--rz-success-darker);
    background-color: var(--rz-success-lighter);
    border-color: var(--rz-success-light);
}

.alert-warning[b-3olgl9dx0v] {
    color: var(--rz-warning-darker);
    background-color: var(--rz-warning-lighter);
    border-color: var(--rz-warning-light);
}