/* This must work even if the Blazor renderer has stopped. */
#blazor-error-ui {
    display:none; position:fixed; inset-inline-end:16px;
    top:calc(env(safe-area-inset-top, 0px) + 16px); bottom:auto;
    width:min(390px, calc(100vw - 32px)); z-index:2147483647;
    padding:16px; border:1px solid var(--y-border, #d8e1e7);
    border-inline-start:4px solid #c14747; border-radius:16px;
    background:var(--y-surface, #fff); color:var(--y-text, #192032);
    box-shadow:0 12px 36px #0003; font:inherit; line-height:1.7;
    box-sizing:border-box;
}
#blazor-error-ui .runtime-error-message { margin:0 0 10px; }
#blazor-error-ui .runtime-error-actions { display:flex; gap:8px; align-items:center; }
#blazor-error-ui :is(.reload, .dismiss) {
    display:inline-flex; align-items:center; justify-content:center;
    min-height:44px; padding:8px 14px; border:1px solid var(--y-border, #d8e1e7);
    border-radius:10px; background:var(--y-surface-2, #f1f5f9);
    color:var(--y-text, #192032); font:inherit; cursor:pointer; text-decoration:none;
}
#blazor-error-ui .reload { background:var(--y-primary, #0d9488); color:#fff; }
#blazor-error-ui :is(.reload, .dismiss):focus-visible { outline:2px solid var(--y-primary, #0d9488); outline-offset:2px; }