/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-li9ermjrjc] { position: relative; display: flex; flex-direction: column; min-height: 100vh; }
main[b-li9ermjrjc] { flex: 1; display: flex; flex-direction: column; min-width: 0; }
main footer[b-li9ermjrjc] { margin-top: auto; }

.sidebar[b-li9ermjrjc] {
    background: linear-gradient(180deg, rgba(14,18,27,0.96) 0%, rgba(7,9,14,0.98) 100%);
    border-right: 1px solid rgba(155,209,255,0.14);
    box-shadow: 1px 0 0 rgba(255,255,255,0.02), 8px 0 40px rgba(0,0,0,0.45);
    backdrop-filter: blur(10px);
}

.top-row[b-li9ermjrjc] {
    height: 3.5rem;
    background: linear-gradient(90deg, rgba(9,12,19,0.92), rgba(13,17,26,0.78));
    border-bottom: 1px solid rgba(155,209,255,0.14);
    display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    backdrop-filter: blur(8px);
}
.hud-status[b-li9ermjrjc] { display: flex; align-items: center; gap: 0.7rem; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 0.72rem; letter-spacing: 0.14em; color: #C0C7D1; text-transform: uppercase; overflow: hidden; white-space: nowrap; }
.hud-text[b-li9ermjrjc] { color: #DCEBFF; }
.hud-sep[b-li9ermjrjc] { color: #4E5766; }
.hud-build[b-li9ermjrjc] { color: #6FD6B0; }
.hud-meta[b-li9ermjrjc] { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 0.66rem; letter-spacing: 0.22em; color: #7E8794; white-space: nowrap; }
.hud-link[b-li9ermjrjc] { color: #9BD1FF; text-decoration: none; transition: color .2s ease, text-shadow .2s ease; }
.hud-link:hover[b-li9ermjrjc] { color: #DCEBFF; text-shadow: 0 0 10px rgba(155,209,255,0.55); }

.site-footer[b-li9ermjrjc] { background: linear-gradient(180deg, rgba(8,11,17,0.6), rgba(6,8,13,0.95)); border-top: 1px solid rgba(155,209,255,0.14); padding: 1.4rem 0; margin-top: 3rem; }
.footer-credit[b-li9ermjrjc] { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0.35rem; }
.footer-copy[b-li9ermjrjc] { color: #7E8794; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 0.72rem; letter-spacing: 0.03em; }

@media (max-width: 640.98px) { .top-row[b-li9ermjrjc] { justify-content: center; } .hud-meta[b-li9ermjrjc] { display: none; } }
@media (min-width: 641px) {
    .page[b-li9ermjrjc] { flex-direction: row; }
    .sidebar[b-li9ermjrjc] { width: 340px; height: 100vh; position: sticky; top: 0; }
    .top-row[b-li9ermjrjc] { position: sticky; top: 0; z-index: 10; }
    .top-row[b-li9ermjrjc], article[b-li9ermjrjc] { padding-left: 2.4rem !important; padding-right: 2rem !important; }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-brand[b-fel04dves3] { height: 4.25rem; display: flex; align-items: center; justify-content: space-between; padding: 0 1.1rem; border-bottom: 1px solid rgba(155,209,255,0.16); background: linear-gradient(180deg, rgba(79,143,230,0.12), transparent); }
.brand-link[b-fel04dves3] { display: flex; align-items: center; gap: 0.65rem; text-decoration: none; overflow: hidden; }
.brand-logo[b-fel04dves3] { height: 34px; width: 34px; filter: drop-shadow(0 2px 6px rgba(0,0,0,0.5)); }
.brand-titles[b-fel04dves3] { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.brand-name[b-fel04dves3] { font-family: 'Chakra Petch', sans-serif; font-weight: 600; font-size: 1.02rem; letter-spacing: 0.04em; color: #EEF2F7; white-space: nowrap; }
.brand-sub[b-fel04dves3] { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: #4F8FE6; }

.navbar-toggler[b-fel04dves3] { background-color: rgba(155,209,255,0.12); border: 1px solid rgba(155,209,255,0.25); }
.navbar-toggler-icon[b-fel04dves3] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%239BD1FF' stroke-width='2.4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h22M4 15h22M4 22h22'/%3E%3C/svg%3E"); }

.nav-scrollable[b-fel04dves3] { overflow-y: auto; }
.nav-ico[b-fel04dves3] { display: inline-flex; width: 1.6rem; justify-content: center; margin-right: 0.35rem; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 0.72rem; color: #4F8FE6; opacity: 0.9; flex-shrink: 0; }

.nav-item[b-fel04dves3] { font-size: 0.9rem; padding-bottom: 0.15rem; }
.nav-item:first-of-type[b-fel04dves3] { padding-top: 0.6rem; }
.nav-item[b-fel04dves3]  a {
    color: #C0C7D1; border-radius: 8px; height: 2.5rem; display: flex; align-items: center; line-height: 2.5rem; width: 100%;
    padding-left: 0.6rem; transition: background .15s ease, color .15s ease;
}
.nav-item[b-fel04dves3]  a.active { background: linear-gradient(90deg, rgba(79,143,230,0.22), rgba(79,143,230,0.04)); color: #EEF2F7; box-shadow: inset 2px 0 0 #9BD1FF; }
.nav-item[b-fel04dves3]  a:hover { background: rgba(155,209,255,0.08); color: #EEF2F7; }
.nav-item[b-fel04dves3]  a.active .nav-ico, .nav-item[b-fel04dves3]  a:hover .nav-ico { color: #9BD1FF; }

.nav-section[b-fel04dves3] { margin-top: 0.35rem; }
.nav-section-header[b-fel04dves3] {
    display: flex; align-items: center; justify-content: space-between; width: 100%;
    background: none; border: none; padding: 0.55rem 1.1rem 0.35rem 1.1rem; cursor: pointer;
    font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 0.66rem; letter-spacing: 0.22em; text-transform: uppercase; color: #7E8794;
}
.nav-section-header:hover .nav-section-title[b-fel04dves3] { color: #9BD1FF; }
.nav-section-chevron[b-fel04dves3] { width: 7px; height: 7px; border-right: 1px solid #7E8794; border-bottom: 1px solid #7E8794; transform: rotate(-45deg); transition: transform .18s ease; }
.nav-section.open .nav-section-chevron[b-fel04dves3] { transform: rotate(45deg); }
.nav-section-items[b-fel04dves3] { display: none; }
.nav-section.open .nav-section-items[b-fel04dves3] { display: block; }

.nav-visit[b-fel04dves3] { margin-top: 1rem; padding-bottom: 1.2rem; }
.nav-visit[b-fel04dves3]  a { color: #7E8794; font-size: 0.82rem; }
.nav-visit[b-fel04dves3]  a:hover { color: #9BD1FF; }

@media (min-width: 641px) {
    .navbar-toggler[b-fel04dves3] { display: none; }
    .nav-scrollable[b-fel04dves3] { display: block; height: calc(100vh - 4.25rem); }
}
@media (max-width: 640.98px) {
    .nav-scrollable:not(.show)[b-fel04dves3] { display: none; }
}