/* Host-only styles. The theme lives in Planner.Shared/wwwroot/planner.css. */

#blazor-error-ui {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    padding: 12px 48px 12px 16px;
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
    background: var(--accent);
    color: var(--on-accent);
    font-size: 0.875rem;
}

    #blazor-error-ui a { color: inherit; text-decoration: underline; margin-left: 8px; }

    #blazor-error-ui .dismiss {
        position: absolute;
        right: 16px;
        top: 10px;
        cursor: pointer;
    }

.blazor-error-boundary {
    padding: 16px;
    border: 1px solid var(--accent);
    border-radius: var(--radius);
    color: var(--accent-ink);
}

    .blazor-error-boundary::after { content: "This section failed to load."; }