/* _content/AWE2026.Web/Pages/Login.razor.rz.scp.css */
.login-page[b-9n3c5n2jd2] {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.login-page-bg[b-9n3c5n2jd2] {
    position: fixed;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
}

.login-page-overlay[b-9n3c5n2jd2] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.62);
    z-index: 1;
}

.login-content[b-9n3c5n2jd2] {
    min-height: 100vh;
    position: relative;
    z-index: 2;
}
/* _content/AWE2026.Web/Shared/MainLayout.razor.rz.scp.css */
/* ── Shell ───────────────────────────────────────────────────────────── */
.page[b-h4gts2702s] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* ── Sidebar ─────────────────────────────────────────────────────────── */
.sidebar[b-h4gts2702s] {
    background-color: #111827;
    flex-shrink: 0;
}

/* ── Top bar ─────────────────────────────────────────────────────────── */
.top-row[b-h4gts2702s] {
    background:    #ffffff;
    border-bottom: 1px solid #e2e8f0;
    height:        3.25rem;
    padding:       0 1.5rem;
    display:       flex;
    align-items:   center;
    justify-content: space-between;
    gap:           1rem;
}

/* ── Content ─────────────────────────────────────────────────────────── */
main[b-h4gts2702s] {
    flex:       1;
    min-width:  0;
    overflow-x: auto;
    background: #f0f4f8;
}

article.content[b-h4gts2702s] {
    padding: 1.5rem;
}

/* ── Mobile ──────────────────────────────────────────────────────────── */
@media (max-width: 640.98px) {
    .top-row[b-h4gts2702s] { display: none; }
}

/* ── Desktop ─────────────────────────────────────────────────────────── */
@media (min-width: 641px) {
    .page[b-h4gts2702s]    { flex-direction: row; }
    .sidebar[b-h4gts2702s] { width: 240px; height: 100vh; position: sticky; top: 0; overflow-y: auto; }
    .top-row[b-h4gts2702s] { position: sticky; top: 0; z-index: 10; }
}
/* _content/AWE2026.Web/Shared/NavMenu.razor.rz.scp.css */
/* ── Sidebar header / logo ───────────────────────────────────────────── */
.sidebar-header[b-xe69g2k124] {
    height:          3.75rem;
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         0 1.25rem;
    border-bottom:   1px solid rgba(255,255,255,.08);
    flex-shrink:     0;
}

.sidebar-brand[b-xe69g2k124] {
    display:         flex;
    flex-direction:  column;
    text-decoration: none;
    line-height:     1.25;
}

.brand-name[b-xe69g2k124] {
    font-size:      0.9375rem;
    font-weight:    700;
    color:          #ffffff;
    letter-spacing: -.01em;
}

.brand-sub[b-xe69g2k124] {
    font-size:      0.625rem;
    color:          rgba(255,255,255,.4);
    text-transform: uppercase;
    letter-spacing: .08em;
}

.sidebar-toggler[b-xe69g2k124] {
    display:    none;
    background: transparent;
    border:     none;
    color:      rgba(255,255,255,.5);
    padding:    0.25rem;
    cursor:     pointer;
    line-height: 1;
}

/* ── Nav list ────────────────────────────────────────────────────────── */
.sidebar-nav[b-xe69g2k124] {
    padding: 0.625rem 0;
}

.nav-item[b-xe69g2k124] {
    margin: 0 0.5rem 0.125rem;
}

.nav-item[b-xe69g2k124]  .nav-link {
    display:         flex;
    align-items:     center;
    gap:             0.625rem;
    padding:         0.5625rem 0.875rem;
    color:           rgba(255,255,255,.6);
    text-decoration: none;
    font-size:       0.8125rem;
    font-weight:     400;
    border-radius:   6px;
    border-left:     3px solid transparent;
    transition:      background-color .15s ease, color .15s ease, border-color .15s ease;
}

.nav-item[b-xe69g2k124]  .nav-link:hover {
    background:       rgba(255,255,255,.08);
    color:            rgba(255,255,255,.9);
    border-left-color: rgba(255,255,255,.25);
}

.nav-item[b-xe69g2k124]  .nav-link.active {
    background:       rgba(37,99,235,.22);
    color:            #ffffff;
    font-weight:      500;
    border-left-color: #2563eb;
}

/* ── Open Iconic icon sizing ─────────────────────────────────────────── */
.oi[b-xe69g2k124] {
    width:      1rem;
    font-size:  0.8125rem;
    flex-shrink: 0;
    opacity:    .7;
}

.nav-item[b-xe69g2k124]  .nav-link.active .oi,
.nav-item[b-xe69g2k124]  .nav-link:hover  .oi {
    opacity: 1;
}

/* ── Section labels & dividers ───────────────────────────────────────── */
.nav-section-label[b-xe69g2k124] {
    font-size:      0.6rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    color:          rgba(255,255,255,.3);
    padding:        0.75rem 1.25rem 0.2rem;
    font-weight:    600;
}

.nav-divider[b-xe69g2k124] {
    border-top: 1px solid rgba(255,255,255,.08);
    margin:     0.5rem 0.75rem;
}

/* ── Mobile ──────────────────────────────────────────────────────────── */
@media (max-width: 640.98px) {
    .sidebar-toggler[b-xe69g2k124] { display: flex; }
}

@media (min-width: 641px) {
    .collapse[b-xe69g2k124] { display: block !important; }
}