@import '_content/Mtl.Pyxis.App.Features.Anomalies/Mtl.Pyxis.App.Features.Anomalies.e68cfm9h6z.bundle.scp.css';
@import '_content/Mtl.Pyxis.App.Features.Asset/Mtl.Pyxis.App.Features.Asset.wzamko12mp.bundle.scp.css';
@import '_content/Mtl.Pyxis.App.Features.Auth/Mtl.Pyxis.App.Features.Auth.u4g4dykdmq.bundle.scp.css';
@import '_content/Mtl.Pyxis.App.Features.Workscopes/Mtl.Pyxis.App.Features.Workscopes.w95vhc033t.bundle.scp.css';
@import '_content/Mtl.Pyxis.App.Shared/Mtl.Pyxis.App.Shared.3xg84crk18.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
[b-uhbsxgkshf] .appbar-title {
    letter-spacing: 6px;
    font-weight: 300;
}

.appbar-operator-logo[b-uhbsxgkshf] {
    height: var(--pyxis-size-appbar-logo-height);
    width: auto;
    object-fit: contain;
}

/* Keyboard skip link: off-screen until focused, then pinned to the top-left above the app bar so
   keyboard and screen-reader users can jump straight to the main content. */
.skip-link[b-uhbsxgkshf] {
    position: absolute;
    top: -48px;
    left: 0;
    z-index: 2000;
    padding: var(--pyxis-spacing-sm) var(--pyxis-spacing-md);
    min-height: 44px;
    background-color: var(--pyxis-color-primary);
    color: var(--pyxis-color-surface);
    transition: top 0.1s ease-in;
}

.skip-link:focus[b-uhbsxgkshf] {
    top: 0;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.drawer-brand[b-en4lu5b6d0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--pyxis-spacing-sm);
    padding: var(--pyxis-spacing-md) var(--pyxis-spacing-sm);
}

/* MudDivider's hr carries mud-divider-fullwidth (flex-grow: 1). As a direct child of the drawer's
   flex column it would expand and push the nav links down, so wrap it: in normal block flow the
   hr's flex-grow has no effect and it stays a thin separator. */
.drawer-brand-divider[b-en4lu5b6d0] {
    flex: 0 0 auto;
}

.drawer-brand-pyxis[b-en4lu5b6d0] {
    height: var(--pyxis-size-appbar-logo-height);
    width: auto;
    object-fit: contain;
}

.drawer-brand-operator[b-en4lu5b6d0] {
    max-height: 48px;
    width: auto;
    object-fit: contain;
}

[b-en4lu5b6d0] .drawer-brand-asset {
    text-align: center;
}