/* _content/EmailAnalyzer.WebUI/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-7pemyuh1su] {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

main[b-7pemyuh1su] { flex: 1; min-width: 0; }

/* ── Sidebar ── */
.sidebar[b-7pemyuh1su] {
    background: var(--color-sidebar-bg, rgba(6,1,26,.85));
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-right: 1px solid var(--border);
    transition: background .3s;
}

.top-row[b-7pemyuh1su] {
    background-color: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

@media (max-width: 640.98px) {
    .top-row[b-7pemyuh1su] { justify-content: space-between; }
}

@media (min-width: 641px) {
    .page[b-7pemyuh1su] { flex-direction: row; }

    .sidebar[b-7pemyuh1su] {
        width: 220px;
        min-width: 220px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    main[b-7pemyuh1su] { overflow: auto; }

    .top-row[b-7pemyuh1su] { position: sticky; top: 0; z-index: 1; }

    .top-row[b-7pemyuh1su], article[b-7pemyuh1su] {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

/* ── Error UI ── */
#blazor-error-ui[b-7pemyuh1su] {
    background: rgba(244,63,94,.12);
    border-top: 1px solid rgba(244,63,94,.4);
    color: #f87171;
    bottom: 0; display: none; left: 0;
    padding: .65rem 1.25rem;
    position: fixed; width: 100%; z-index: 1000;
    font-family: 'Inter', sans-serif;
    font-size: .85rem;
}

#blazor-error-ui .dismiss[b-7pemyuh1su] {
    cursor: pointer;
    position: absolute;
    right: .75rem; top: .5rem;
}