/* app.css — minimal overlay on top of ministry.css */

#blazor-error-ui {
    background: #faf5e6;
    color: var(--mo-ink-900);
    border-top: 2px solid var(--mo-gold-500);
    bottom: 0;
    display: none;
    padding: 0.75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    font-family: var(--mo-font-arabic);
    font-size: 0.88rem;
    box-shadow: 0 -4px 12px rgba(0,0,0,0.06);
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    inset-inline-start: 1rem;
    top: 0.65rem;
    color: var(--mo-ink-600);
}

.blazor-error-boundary {
    background: #fbecec;
    color: var(--mo-danger);
    padding: 1rem;
    border-radius: var(--mo-radius);
    border: 1px solid #ecc8c8;
}

/* Let MudBlazor's content area inherit our canvas */
.mud-layout, .mud-main-content { background: transparent !important; }
.mud-drawer { background: transparent !important; border: none !important; }

/* Scrollbar — subtle, institutional */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--mo-ink-200); border-radius: 10px; border: 2px solid var(--mo-canvas); }
::-webkit-scrollbar-thumb:hover { background: var(--mo-ink-300); }

/* Selection */
::selection { background: var(--mo-gold-100); color: var(--mo-ink-900); }