/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Friendly, readable error toast. Blazor sets display:block inline when an unhandled error occurs;
   the attribute-selector override turns that into our flex layout. */
#blazor-error-ui[b-32djxi7ouo] {
    display: none;
    position: fixed;
    left: 50%;
    bottom: 1.5rem;
    transform: translateX(-50%);
    box-sizing: border-box;
    width: calc(100% - 2rem);
    max-width: 540px;
    align-items: center;
    gap: .9rem;
    background: var(--card, #161f42);
    color: var(--ink, #eef2ff);
    border: 1px solid var(--fail, #fb7185);
    border-radius: 14px;
    padding: .95rem 1.1rem;
    box-shadow: 0 24px 60px -18px rgba(0, 0, 0, .7);
    z-index: 2000;
    font-size: .96rem;
    line-height: 1.4;
}

#blazor-error-ui[style*="display: block"][b-32djxi7ouo],
#blazor-error-ui[style*="display:block"][b-32djxi7ouo] {
    display: flex !important;
    animation: errorUp-b-32djxi7ouo .25s ease;
}

@keyframes errorUp-b-32djxi7ouo {
    from { opacity: 0; transform: translate(-50%, 12px); }
    to { opacity: 1; transform: translate(-50%, 0); }
}

#blazor-error-ui .err-icon[b-32djxi7ouo] {
    font-size: 1.5rem;
    line-height: 1;
    flex: none;
}

#blazor-error-ui .err-text[b-32djxi7ouo] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    flex: 1;
    min-width: 0;
}

#blazor-error-ui .err-text strong[b-32djxi7ouo] { font-weight: 700; }
#blazor-error-ui .err-text span[b-32djxi7ouo] { color: var(--muted, #9aa6d6); font-size: .9rem; }

#blazor-error-ui .reload[b-32djxi7ouo] {
    flex: none;
    background: var(--brand, #6c8cff);
    color: var(--brand-ink, #0b1020);
    font-weight: 700;
    text-decoration: none;
    padding: .5rem .9rem;
    border-radius: 10px;
    white-space: nowrap;
}

#blazor-error-ui .reload:hover[b-32djxi7ouo] { filter: brightness(1.08); }

#blazor-error-ui .dismiss[b-32djxi7ouo] {
    flex: none;
    cursor: pointer;
    color: var(--muted, #9aa6d6);
    font-size: 1rem;
    line-height: 1;
    padding: .2rem .3rem;
}

#blazor-error-ui .dismiss:hover[b-32djxi7ouo] { color: var(--ink, #eef2ff); }

@media (max-width: 480px) {
    #blazor-error-ui[b-32djxi7ouo] { flex-wrap: wrap; }
    #blazor-error-ui .err-text[b-32djxi7ouo] { flex-basis: 100%; order: 2; }
}