/* /Components/Layout/MainLayout.razor.rz.scp.css */
html[b-f7tm2enh3r], body[b-f7tm2enh3r] { width: 100%; height: 100%; }

.sidebar[b-f7tm2enh3r] { background-color: #282c37; color: #74808f; max-width: 320px; }
.page[b-f7tm2enh3r] { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; }

main[b-f7tm2enh3r] { flex: 1; }

.top-row[b-f7tm2enh3r] { background-color: #f7f7f7; border-bottom: 1px solid #d6d5d5; justify-content: flex-end; height: 3.5rem; display: flex; align-items: center; }
.top-row[b-f7tm2enh3r]  a, .top-row .btn-link[b-f7tm2enh3r] { white-space: nowrap; margin-left: 1.5rem; }
.top-row a:first-child[b-f7tm2enh3r] { overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-f7tm2enh3r] { display: none; }
    .top-row.auth[b-f7tm2enh3r] { justify-content: space-between; }
    .top-row a[b-f7tm2enh3r], .top-row .btn-link[b-f7tm2enh3r] { margin-left: 0; }
}

@media (min-width: 641px) {
    .page[b-f7tm2enh3r] { flex-direction: row; }
    .top-row[b-f7tm2enh3r] { position: sticky; top: 0; z-index: 1; }
    .top-row[b-f7tm2enh3r], article[b-f7tm2enh3r] { padding-left: 2rem !important; padding-right: 1.5rem !important; }
}