@import '_content/Mtl.Pyxis.App.Features.Administration/Mtl.Pyxis.App.Features.Administration.uikqzmflvt.bundle.scp.css';
@import '_content/Mtl.Pyxis.App.Features.Anomalies/Mtl.Pyxis.App.Features.Anomalies.w1jpdjerde.bundle.scp.css';
@import '_content/Mtl.Pyxis.App.Features.Asset/Mtl.Pyxis.App.Features.Asset.elmavidf2z.bundle.scp.css';
@import '_content/Mtl.Pyxis.App.Features.Auth/Mtl.Pyxis.App.Features.Auth.1l0oiilefq.bundle.scp.css';
@import '_content/Mtl.Pyxis.App.Features.Visualisation/Mtl.Pyxis.App.Features.Visualisation.l33ds841k5.bundle.scp.css';
@import '_content/Mtl.Pyxis.App.Features.Workscopes/Mtl.Pyxis.App.Features.Workscopes.nlj35ur8jq.bundle.scp.css';
@import '_content/Mtl.Pyxis.App.Shared.InspectionResults/Mtl.Pyxis.App.Shared.InspectionResults.m8ohd5b2si.bundle.scp.css';
@import '_content/Mtl.Pyxis.App.Shared.Media/Mtl.Pyxis.App.Shared.Media.lvwptvp9kr.bundle.scp.css';
@import '_content/Mtl.Pyxis.App.Shared.Plotting/Mtl.Pyxis.App.Shared.Plotting.dz1t4e3hx9.bundle.scp.css';
@import '_content/Mtl.Pyxis.App.Shared/Mtl.Pyxis.App.Shared.adjls6j5py.bundle.scp.css';

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

/* max-width bounds a banner-aspect operator logo so it cannot crowd the asset name and user
   controls off a narrow app bar; object-fit keeps the artwork proportional inside the bound. */
.appbar-operator-logo[b-uhbsxgkshf] {
    height: var(--pyxis-size-appbar-logo-height);
    width: auto;
    max-width: 8rem;
    object-fit: contain;
}

/* Long asset names ellipsise rather than pushing the login/theme controls off the bar. */
.appbar-asset-name[b-uhbsxgkshf] {
    max-width: 16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 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;
}

/* Windowless mode: no app bar or drawer — the page fills the tab, with a floating Close button so the
   user can dismiss the comparison tab and keep their place in the main window. */
.windowless-shell[b-uhbsxgkshf] {
    position: relative;
    min-height: 100vh;
}

/* Safe-area insets keep the floating button clear of the notch/rounded corners on phones
   (viewport-fit=cover lets the page paint into those regions). */
[b-uhbsxgkshf] .windowless-close {
    position: fixed;
    top: calc(var(--pyxis-spacing-sm) + env(safe-area-inset-top, 0px));
    right: calc(var(--pyxis-spacing-sm) + env(safe-area-inset-right, 0px));
    z-index: 2000;
}
/* /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;
}