/* _content/ArogyaConsole.Web/Shared/MainLayout.razor.rz.scp.css */
.app-shell[b-xvs5nbs6r0] {
    display: flex;
    min-height: calc(100vh - 5px);
    background: #f0f4fa;
}

.sidebar[b-xvs5nbs6r0] {
    width: 285px;
    flex-shrink: 0;
}

.main-panel[b-xvs5nbs6r0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.topbar[b-xvs5nbs6r0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.1rem 2rem;
    background: #fff;
    border-bottom: 1px solid #e5ebf3;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.topbar-title[b-xvs5nbs6r0] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 800;
    color: #0b1f4a;
}

.topbar-subtitle[b-xvs5nbs6r0] {
    margin: 0.15rem 0 0;
    color: #64748b;
    font-size: 0.88rem;
}

.topbar-meta[b-xvs5nbs6r0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #334155;
    font-size: 0.88rem;
}

.content-area[b-xvs5nbs6r0] {
    padding: 1.5rem 2rem 2rem;
}

@media (max-width: 992px) {
    .app-shell[b-xvs5nbs6r0] { flex-direction: column; }
    .sidebar[b-xvs5nbs6r0] { width: 100%; }
    .topbar[b-xvs5nbs6r0] { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
}
/* _content/ArogyaConsole.Web/Shared/NavMenu.razor.rz.scp.css */
.brand[b-xbob7k2u7z] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1.4rem 1.25rem 1.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.brand-icon[b-xbob7k2u7z] {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--saffron, #ff9933), #fb923c);
    color: white;
    font-weight: 800;
    font-size: 0.95rem;
}

.brand-title[b-xbob7k2u7z] {
    color: #fff;
    font-weight: 800;
    font-size: 1.05rem;
}

.brand-subtitle[b-xbob7k2u7z] {
    color: #93c5fd;
    font-size: 0.8rem;
}

.nav-menu[b-xbob7k2u7z] { padding: 1rem 0.75rem; flex: 1; }

.nav-section[b-xbob7k2u7z] {
    margin: 1rem 0.75rem 0.5rem;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #60a5fa;
    font-weight: 700;
}

.nav-link[b-xbob7k2u7z] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.78rem 1rem;
    margin-bottom: 0.25rem;
    border-radius: 12px;
    color: #cbd5e1;
    text-decoration: none;
    transition: all 0.2s ease;
    font-weight: 600;
}

.nav-link:hover[b-xbob7k2u7z] {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.nav-link.active[b-xbob7k2u7z] {
    background: linear-gradient(135deg, rgba(255, 153, 51, 0.35), rgba(29, 78, 216, 0.35));
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}

.sidebar-footer[b-xbob7k2u7z] {
    margin-top: auto;
    padding: 1rem 1.25rem 1.5rem;
    color: #64748b;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}
