#blazor-error-ui {
    display: none;
    position: fixed;
    inset: auto 0 0;
    z-index: 3000;
    padding: 16px;
    background: var(--mud-palette-surface, #1e1e2d);
    color: var(--mud-palette-text-primary, #b2b0bf);
    border-top: 3px solid var(--mud-palette-error, #ff3f5f);
    font: 14px/1.5 Roboto, sans-serif;
}
#blazor-error-ui strong, #blazor-error-ui span { display: block; }
#blazor-error-ui button, #blazor-error-ui a { margin: 8px 12px 0 0; }
#error-report-dialog {
    position: fixed;
    inset: 0;
    margin: auto;
    box-sizing: border-box;
    width: min(760px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    overflow: auto;
    border: 1px solid var(--mud-palette-divider, #33323e);
    border-radius: 8px;
    padding: 20px;
    background: var(--mud-palette-surface, #1e1e2d);
    color: var(--mud-palette-text-primary, #b2b0bf);
    font: 14px/1.5 Roboto, sans-serif;
}
#error-report-dialog::backdrop { background: #0009; }
#error-report-dialog h2 { margin-top: 0; }
#error-report-dialog p { margin: 12px 0; }
#error-report-dialog a { color: var(--mud-palette-primary, #7e6fff); text-decoration: underline; }
#error-report-text {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 260px;
    max-height: 30dvh;
    margin: 8px 0 16px;
    background: var(--mud-palette-background, #1a1a27);
    color: inherit;
    border: 1px solid var(--mud-palette-divider, #33323e);
    padding: 10px;
    font: 12px/1.5 monospace;
}
.error-report-actions { display: flex; flex-wrap: wrap; gap: 12px; }
#blazor-error-ui button, #error-report-dialog button, .error-report-action {
    border: 1px solid var(--mud-palette-primary, #7e6fff);
    border-radius: 4px;
    background: transparent;
    color: var(--mud-palette-primary, #7e6fff);
    padding: 8px 12px;
    cursor: pointer;
    font: inherit;
}
#blazor-error-ui a { color: var(--mud-palette-primary, #7e6fff); }