@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/AtlasLogo.razor.rz.scp.css */
.atlas-logo[b-st92007xcn] {
    display: inline-flex;
    align-items: center;
    gap: 0.42em;
    user-select: none;
}

.atlas-word[b-st92007xcn] {
    font-weight: 800;
    letter-spacing: 0.06em;
    color: var(--ink-950);
    line-height: 1;
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
}

.atlas-logo.on-dark .atlas-word[b-st92007xcn] {
    color: #FFFFFF;
}
/* /Components/Layout/BlankLayout.razor.rz.scp.css */
.blank-main[b-6nyg2pgerr] {
    /* The ONE vertical-centering owner for anonymous pages. svh = the small (URL-bar-visible)
       viewport on iOS, so the centre never jumps or clips when Safari's toolbar collapses. */
    min-height: 100vh;
    min-height: 100svh;
    background: var(--canvas);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-qp3wg03dcj] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-qp3wg03dcj] {
    flex: 1;
    background: var(--canvas);
    min-width: 0;
    display: flex;
    flex-direction: column;
}

/* ---------- Top app bar (one bar, both breakpoints) ---------- */
.topbar[b-qp3wg03dcj] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 56px;
    padding: 0 40px;
    background: var(--surface);
    border-bottom: 1px solid var(--line);
    position: sticky;
    top: 0;
    /* Above the loading veil (40) so the topbar's dropdown menus (language / profile), which drop
       down into the veil's region, stay visible and usable while a page is loading. */
    z-index: 45;
}

/* Actions always hug the right, regardless of what sits on the left (brand/hamburger on mobile,
   nothing on desktop). */
.topbar-actions[b-qp3wg03dcj] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

/* Hamburger + inline brand: mobile only (revealed in the media query below). */
.nav-toggle[b-qp3wg03dcj] {
    display: none;
    width: 40px;
    height: 40px;
    margin-left: -8px;
    padding: 0;
    border: none;
    border-radius: 9px;
    background: transparent;
    color: var(--ink-600);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .14s ease;
}

    .nav-toggle:hover[b-qp3wg03dcj] { background: var(--line-soft); }
    .nav-toggle:active[b-qp3wg03dcj] { background: var(--line); }
    .nav-toggle svg[b-qp3wg03dcj] { width: 22px; height: 22px; }

.topbar-brand[b-qp3wg03dcj] {
    display: none;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    min-width: 0;
}

.env-chip-light[b-qp3wg03dcj] {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.09em;
    color: var(--atlas-red);
    background: var(--atlas-red-soft);
    border: 1px solid rgba(232, 38, 29, 0.22);
    border-radius: 5px;
    padding: 2px 6px;
    flex-shrink: 0;
}

.topbar-divider[b-qp3wg03dcj] {
    width: 1px;
    height: 22px;
    background: var(--line);
}

.profile-trigger[b-qp3wg03dcj] {
    gap: 8px;
}

.profile-dd .dd-menu form[b-qp3wg03dcj] {
    margin: 0;
}

.user-dot[b-qp3wg03dcj] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--atlas-red);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.user-mail[b-qp3wg03dcj] {
    color: var(--ink-600);
    font-size: 12.5px;
    font-weight: 500;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------- Sidebar ---------- */
.sidebar[b-qp3wg03dcj] {
    display: flex;
    flex-direction: column;
    background: #131316;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.content[b-qp3wg03dcj] {
    padding: 34px 40px 72px;
    /* Linear-style centered content column: capped and centred in the space right of the sidebar,
       so wide monitors get balanced margins instead of everything hugging the sidebar. 1800px fits
       the widest data table (~1700px natural width) + the 2×40px padding, so on large screens every
       column is fully visible without internal scrolling. */
    max-width: 1800px;
    width: 100%;
    margin-inline: auto;
}

/* Hidden state-holder for the CSS-only drawer (toggled by the hamburger/scrim <label>s). */
.nav-cb[b-qp3wg03dcj] {
    display: none;
}

/* Drawer scrim: dim overlay behind the open mobile drawer. Inert on desktop. */
.nav-scrim[b-qp3wg03dcj] {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(10, 10, 12, 0.44);
    opacity: 0;
    visibility: hidden;
    z-index: 46; /* above the raised topbar (45) so an open drawer dims it too */
    transition: opacity .22s ease, visibility 0s linear .22s;
}

/* ---------- Desktop (>= 901px): sidebar left, no hamburger ---------- */
@media (min-width: 901px) {
    .page[b-qp3wg03dcj] {
        flex-direction: row;
    }

    .sidebar[b-qp3wg03dcj] {
        width: 248px;
        flex-shrink: 0;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow: hidden;
    }
}

/* ---------- Mobile / tablet (<= 900px): single top bar + slide-in drawer ---------- */
@media (max-width: 900.98px) {
    .nav-toggle[b-qp3wg03dcj],
    .topbar-brand[b-qp3wg03dcj] {
        display: flex;
    }

    .topbar[b-qp3wg03dcj] {
        padding: 0 16px;
    }

    /* Sidebar becomes an off-canvas drawer, hidden until the hamburger opens it. */
    .sidebar[b-qp3wg03dcj] {
        position: fixed;
        top: 0;
        left: 0;
        width: 272px;
        max-width: 84vw;
        height: 100dvh;
        z-index: 47; /* above the scrim (46) and the raised topbar (45) */
        overflow: hidden;
        transform: translateX(-100%);
        transition: transform .24s cubic-bezier(.4, 0, .2, 1);
        box-shadow: none;
    }

    .nav-cb:checked ~ .sidebar[b-qp3wg03dcj] {
        transform: translateX(0);
        box-shadow: 8px 0 32px rgba(0, 0, 0, 0.42);
    }

    .nav-scrim[b-qp3wg03dcj] {
        display: block;
        cursor: default;
    }

    .nav-cb:checked ~ .nav-scrim[b-qp3wg03dcj] {
        opacity: 1;
        visibility: visible;
        transition: opacity .22s ease;
    }

    .content[b-qp3wg03dcj] {
        padding: 22px 16px 56px;
    }

    /* On a phone the profile trigger collapses to just the avatar — email and caret move into the
       menu that opens on tap. */
    .user-mail[b-qp3wg03dcj],
    .dd-caret[b-qp3wg03dcj] {
        display: none;
    }

    .profile-trigger[b-qp3wg03dcj] {
        padding: 0 3px;
        gap: 0;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.brand[b-i0slttaahn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 16px;
}

.env-chip[b-i0slttaahn] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.09em;
    color: #FFB4AF;
    background: rgba(232, 38, 29, 0.16);
    border: 1px solid rgba(232, 38, 29, 0.35);
    border-radius: 5px;
    padding: 2px 7px;
}

/* Close-drawer ✕ — only on mobile, where the sidebar is an off-canvas drawer. Light, to sit on the
   dark drawer; a <label> for the hidden nav checkbox, so it closes with no JS. */
.nav-close[b-i0slttaahn] {
    display: none;
    flex: none;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    border-radius: 9px;
    color: #9BA1AB;
    cursor: pointer;
    transition: background .13s ease, color .13s ease;
}

    .nav-close:hover[b-i0slttaahn] { background: rgba(255, 255, 255, 0.06); color: #E9EBEE; }
    .nav-close:active[b-i0slttaahn] { background: rgba(255, 255, 255, 0.1); }
    .nav-close svg[b-i0slttaahn] { width: 20px; height: 20px; }

/* The nav fills the sidebar/drawer at every breakpoint; show/hide on mobile is the parent
   drawer's slide transform, not a display toggle. */
.nav-scrollable[b-i0slttaahn] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.nav-items[b-i0slttaahn] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 6px 10px;
}

/* The three business areas are native details/summary accordions. This keeps expansion usable in
   the statically rendered layout, including before a Blazor circuit exists. */
.nav-group[b-i0slttaahn] {
    margin: 0;
}

.nav-group-summary[b-i0slttaahn] {
    display: flex;
    min-height: 42px;
    align-items: center;
    gap: 11px;
    padding: 9px 11px;
    border-radius: 8px;
    color: #9BA1AB;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.003em;
    list-style: none;
    user-select: none;
    transition: background .13s ease, color .13s ease;
}

    .nav-group-summary[b-i0slttaahn]::-webkit-details-marker {
        display: none;
    }

    .nav-group-summary[b-i0slttaahn]::marker {
        content: "";
    }

    .nav-group-summary:hover[b-i0slttaahn] {
        color: #E9EBEE;
        background: rgba(255, 255, 255, 0.05);
    }

    .nav-group-summary:focus-visible[b-i0slttaahn] {
        outline: 2px solid rgba(255, 255, 255, 0.72);
        outline-offset: 1px;
    }

.nav-group.active > .nav-group-summary[b-i0slttaahn],
.nav-group[open] > .nav-group-summary[b-i0slttaahn] {
    color: #FFFFFF;
}

.nav-group.active > .nav-group-summary[b-i0slttaahn] {
    background: rgba(255, 255, 255, 0.055);
}

.nav-group-icon[b-i0slttaahn] {
    width: 17px;
    height: 17px;
    flex: none;
    opacity: 0.9;
}

.nav-group-chevron[b-i0slttaahn] {
    width: 14px;
    height: 14px;
    flex: none;
    margin-left: auto;
    opacity: 0.68;
    transition: transform .16s ease;
}

.nav-group[open] > .nav-group-summary .nav-group-chevron[b-i0slttaahn] {
    transform: rotate(90deg);
}

.nav-submenu[b-i0slttaahn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 2px 0 6px 19px;
    padding-left: 8px;
    border-left: 1px solid rgba(255, 255, 255, 0.09);
}

/* App version — pinned at the very bottom of the sidebar (a fixed footer below the scroll area). */
.nav-version[b-i0slttaahn] {
    flex: none;
    padding: 12px 20px 18px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.01em;
    white-space: nowrap;
    color: #6B7280;
    border-top: 1px solid rgba(255, 255, 255, 0.055);
}

[b-i0slttaahn] .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 11px;
    border-radius: 8px;
    color: #9BA1AB;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.003em;
    text-decoration: none;
    transition: background .13s ease, color .13s ease;
}

[b-i0slttaahn] .nav-submenu .nav-link {
    gap: 9px;
    padding: 8px 9px;
    font-size: 12.5px;
}

[b-i0slttaahn] .nav-link span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-i0slttaahn] .nav-link:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.72);
    outline-offset: 1px;
}

    [b-i0slttaahn] .nav-link svg {
        width: 16.5px;
        height: 16.5px;
        flex-shrink: 0;
        opacity: 0.82;
        transition: opacity .13s ease, color .13s ease;
    }

    [b-i0slttaahn] .nav-link:hover {
        color: #E9EBEE;
        background: rgba(255, 255, 255, 0.05);
    }

        [b-i0slttaahn] .nav-link:hover svg {
            opacity: 1;
        }

    /* Active = a quiet raised chip, nothing more — no accent bars, no brand-coloured icons.
       The restraint is what reads as native/enterprise (Linear-style). */
    [b-i0slttaahn] .nav-link.active {
        color: #FFFFFF;
        font-weight: 550;
        background: rgba(255, 255, 255, 0.075);
    }

        [b-i0slttaahn] .nav-link.active svg {
            opacity: 1;
        }

/* Roomier tap targets in the mobile drawer. */
@media (max-width: 900.98px) {
    /* group the logo + DEV chip left, push the close ✕ to the far right */
    .brand[b-i0slttaahn] {
        justify-content: flex-start;
        gap: 10px;
    }

    .nav-close[b-i0slttaahn] {
        display: inline-flex;
        margin-left: auto;
        margin-right: -6px;
    }

    [b-i0slttaahn] .nav-link {
        padding: 11px 12px;
        font-size: 14px;
    }

    .nav-group-summary[b-i0slttaahn] {
        min-height: 46px;
        padding: 11px 12px;
        font-size: 14px;
    }

    .nav-submenu[b-i0slttaahn] {
        margin-left: 21px;
    }

    [b-i0slttaahn] .nav-submenu .nav-link {
        min-height: 44px;
        padding: 10px 11px;
        font-size: 13.5px;
    }

    [b-i0slttaahn] .nav-link svg {
        width: 18px;
        height: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nav-group-summary[b-i0slttaahn],
    .nav-group-chevron[b-i0slttaahn],
    [b-i0slttaahn] .nav-link,
    [b-i0slttaahn] .nav-link svg {
        transition: none;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-c0g3q1ik70],
.components-reconnect-repeated-attempt-visible[b-c0g3q1ik70],
.components-reconnect-failed-visible[b-c0g3q1ik70],
.components-pause-visible[b-c0g3q1ik70],
.components-resume-failed-visible[b-c0g3q1ik70],
.components-rejoining-animation[b-c0g3q1ik70] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-c0g3q1ik70],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-c0g3q1ik70],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-c0g3q1ik70],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-c0g3q1ik70],
#components-reconnect-modal.components-reconnect-retrying[b-c0g3q1ik70],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-c0g3q1ik70],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-c0g3q1ik70],
#components-reconnect-modal.components-reconnect-failed[b-c0g3q1ik70],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-c0g3q1ik70] {
    display: block;
}

/* One message at a time: the retry countdown replaces the first-attempt text. */
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-first-attempt-visible[b-c0g3q1ik70],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-first-attempt-visible[b-c0g3q1ik70],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-repeated-attempt-visible[b-c0g3q1ik70],
#components-reconnect-modal.components-reconnect-failed .components-rejoining-animation[b-c0g3q1ik70] {
    display: none;
}

#components-reconnect-modal[b-c0g3q1ik70] {
    font-family: var(--font, 'Inter', 'Segoe UI', system-ui, sans-serif);
    background: var(--surface, #fff);
    width: 25rem;
    max-width: calc(100vw - 40px);
    margin: 26vh auto;
    padding: 36px 32px 30px;
    /* No border and no focus ring: the native <dialog> ships a black UA border, and Safari draws a
       black focus outline on the focused dialog — both read as an ugly dark frame. The soft shadow
       alone defines the card. */
    border: 0;
    outline: none;
    border-radius: 16px;
    box-shadow: 0 24px 64px rgba(11, 11, 13, 0.22);
    opacity: 0;
    transition: display 0.4s allow-discrete, overlay 0.4s allow-discrete;
    animation: reconnect-fade-out-b-c0g3q1ik70 0.4s both;
}

    #components-reconnect-modal:focus[b-c0g3q1ik70],
    #components-reconnect-modal:focus-visible[b-c0g3q1ik70] {
        outline: none;
    }

    #components-reconnect-modal[open][b-c0g3q1ik70] {
        animation: reconnect-rise-b-c0g3q1ik70 0.9s cubic-bezier(.05, .89, .25, 1.02) 0.2s, reconnect-fade-in-b-c0g3q1ik70 0.4s ease-in-out 0.2s;
        animation-fill-mode: both;
    }

#components-reconnect-modal[b-c0g3q1ik70]::backdrop {
    background: rgba(11, 11, 13, 0.55);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    animation: reconnect-fade-in-b-c0g3q1ik70 0.4s ease-in-out;
    opacity: 1;
}

@keyframes reconnect-rise-b-c0g3q1ik70 {
    0% {
        transform: translateY(22px) scale(0.97);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes reconnect-fade-in-b-c0g3q1ik70 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes reconnect-fade-out-b-c0g3q1ik70 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-c0g3q1ik70] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

#components-reconnect-modal p[b-c0g3q1ik70] {
    margin: 0;
    text-align: center;
}

[b-c0g3q1ik70] .reconnect-title {
    display: block;
    font-size: 16.5px;
    font-weight: 650;
    letter-spacing: -0.015em;
    color: var(--ink-950, #0B0B0D);
    margin-bottom: 5px;
}

[b-c0g3q1ik70] .reconnect-sub {
    display: block;
    font-size: 13.5px;
    color: var(--ink-500, #6E727A);
    font-variant-numeric: tabular-nums;
}

#components-reconnect-modal button[b-c0g3q1ik70] {
    border: 1px solid var(--ink-900, #141417);
    background: var(--ink-900, #141417);
    color: #fff;
    padding: 9px 28px;
    border-radius: 8px;
    font-size: 13.5px;
    font-weight: 550;
    font-family: inherit;
    cursor: pointer;
    transition: background .13s ease;
}

    #components-reconnect-modal button:hover[b-c0g3q1ik70] {
        background: var(--ink-950, #0B0B0D);
    }

    #components-reconnect-modal button:active[b-c0g3q1ik70] {
        background: var(--ink-800, #1D1D21);
    }
/* /Components/Pages/FleetPlanning.razor.rz.scp.css */
.fleet-planning-page[b-y31gei0uk1] {
    --fleet-ink: #15191f;
    --fleet-muted: #68717d;
    --fleet-line: #dde2e8;
    --fleet-line-soft: #e9edf1;
    --fleet-panel: #fff;
    --fleet-canvas: #f5f6f8;
    color: var(--fleet-ink);
    font-variant-numeric: tabular-nums;
}

.fleet-planning-page :is(#fleet-setup, #fleet-own, #fleet-fixed, #fleet-analytics)[b-y31gei0uk1] {
    scroll-margin-top: 88px;
}

.fleet-hero[b-y31gei0uk1] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.38fr) minmax(360px, .62fr);
    gap: 42px;
    overflow: hidden;
    min-height: 244px;
    margin-bottom: 14px;
    padding: 36px 38px;
    border: 1px solid var(--fleet-line);
    border-radius: 20px;
    color: var(--fleet-ink);
    background: #fff;
    box-shadow: 0 14px 38px rgba(18, 23, 29, .07);
}

.fleet-hero[b-y31gei0uk1]::after {
    content: none;
}

.fleet-hero-copy[b-y31gei0uk1] {
    position: relative;
    z-index: 1;
    align-self: center;
    max-width: 830px;
}

.fleet-hero-eyebrow[b-y31gei0uk1],
.fleet-section-eyebrow[b-y31gei0uk1],
.fleet-panel-eyebrow[b-y31gei0uk1] {
    margin-bottom: 9px;
    color: #777f89;
    font-size: 10.5px;
    font-weight: 720;
    letter-spacing: .12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.fleet-hero h1[b-y31gei0uk1] {
    margin: 0 0 13px;
    color: #171b20;
    font-size: clamp(32px, 3.2vw, 46px);
    font-weight: 620;
    letter-spacing: -.045em;
    line-height: 1.03;
}

.fleet-hero-copy > p[b-y31gei0uk1] {
    max-width: 78ch;
    margin: 0;
    color: #626b76;
    font-size: 13.5px;
    line-height: 1.68;
}

.fleet-hero-copy a[b-y31gei0uk1] {
    color: #272d34;
    font-weight: 650;
    text-decoration-color: #aeb5bd;
    text-underline-offset: 3px;
}

.fleet-hero-summary[b-y31gei0uk1] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-self: stretch;
    overflow: hidden;
    border: 1px solid #dfe3e8;
    border-radius: 14px;
    background: #f6f7f8;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

.fleet-hero-stat[b-y31gei0uk1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 19px 21px;
    border-right: 1px solid #e1e5e9;
    border-bottom: 1px solid #e1e5e9;
}

.fleet-hero-stat:nth-child(2)[b-y31gei0uk1] {
    border-right: 0;
}

.fleet-hero-stat-wide[b-y31gei0uk1] {
    grid-column: 1 / -1;
    border-right: 0;
    border-bottom: 0;
}

.fleet-hero-stat > span[b-y31gei0uk1] {
    margin-bottom: 7px;
    color: #767f89;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.fleet-hero-stat > strong[b-y31gei0uk1] {
    overflow: hidden;
    color: #171b20;
    font-size: 24px;
    font-weight: 620;
    letter-spacing: -.03em;
    line-height: 1.12;
    text-overflow: ellipsis;
}

.fleet-hero-stat-wide > strong[b-y31gei0uk1] {
    font-size: 16px;
    letter-spacing: -.01em;
}

.fleet-hero-stat > small[b-y31gei0uk1] {
    margin-top: 5px;
    color: #737c87;
    font-size: 10.5px;
}

.fleet-section-nav[b-y31gei0uk1] {
    position: sticky;
    z-index: 20;
    top: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 28px;
    padding: 5px;
    border: 1px solid var(--fleet-line);
    border-radius: 12px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 8px 24px rgba(18, 23, 29, .055);
    backdrop-filter: blur(14px);
}

.fleet-section-nav a[b-y31gei0uk1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    min-height: 39px;
    border-radius: 8px;
    color: #4f5864;
    font-size: 11.5px;
    font-weight: 650;
    text-align: center;
    text-decoration: none;
    transition: color .15s ease, background .15s ease;
}

.fleet-section-nav a:hover[b-y31gei0uk1] {
    color: #171b21;
    background: #f2f4f6;
}

.fleet-section-nav a > span[b-y31gei0uk1] {
    color: #9ba2ab;
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: .06em;
}

.fleet-notice[b-y31gei0uk1] {
    margin: 0 0 12px;
    border-width: 1px;
    border-radius: 11px;
}

.fleet-workspace-section[b-y31gei0uk1],
.own-fleet-card[b-y31gei0uk1] {
    margin: 0 0 24px;
}

.fleet-workspace-section[b-y31gei0uk1] {
    padding: 25px;
    border: 1px solid var(--fleet-line);
    border-radius: 18px;
    background: var(--fleet-canvas);
    box-shadow: 0 10px 34px rgba(18, 23, 29, .045);
}

.fleet-section-header[b-y31gei0uk1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
}

.fleet-section-header > div:first-child[b-y31gei0uk1] {
    max-width: 880px;
}

.fleet-section-eyebrow[b-y31gei0uk1] {
    margin-bottom: 6px;
    color: #777f89;
}

.fleet-section-header h2[b-y31gei0uk1] {
    margin: 0;
    color: #171b20;
    font-size: 22px;
    font-weight: 650;
    letter-spacing: -.026em;
    line-height: 1.25;
}

.fleet-section-header p[b-y31gei0uk1] {
    max-width: 86ch;
    margin: 7px 0 0;
    color: var(--fleet-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.fleet-section-index[b-y31gei0uk1] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 43px;
    height: 31px;
    border: 1px solid #d5dae0;
    border-radius: 8px;
    color: #757e89;
    background: #fff;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .09em;
}

.fleet-setup-grid[b-y31gei0uk1] {
    display: grid;
    grid-template-columns: minmax(0, .94fr) minmax(420px, 1.06fr);
    gap: 15px;
    align-items: stretch;
}

.fleet-setup-panel[b-y31gei0uk1] {
    min-width: 0;
    padding: 19px;
    border: 1px solid var(--fleet-line);
    border-radius: 14px;
    background: var(--fleet-panel);
    box-shadow: 0 2px 10px rgba(18, 23, 29, .025);
}

.fleet-panel-header[b-y31gei0uk1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    min-height: 59px;
    margin-bottom: 13px;
}

.fleet-panel-header h3[b-y31gei0uk1] {
    margin: 0;
    color: #191d22;
    font-size: 15px;
    font-weight: 660;
    letter-spacing: -.016em;
    line-height: 1.35;
}

.fleet-panel-header p[b-y31gei0uk1] {
    max-width: 58ch;
    margin: 4px 0 0;
    color: #767f8a;
    font-size: 11.5px;
    line-height: 1.45;
}

.fleet-count-badge[b-y31gei0uk1] {
    flex: 0 0 auto;
    padding: 5px 8px;
    border: 1px solid #dfe3e8;
    border-radius: 7px;
    color: #626b75;
    background: #f7f8f9;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.fleet-depot-table-scroll[b-y31gei0uk1] {
    max-height: 392px;
    border: 1px solid var(--fleet-line-soft);
    border-radius: 10px;
    overflow: auto;
}

.fleet-depot-table[b-y31gei0uk1] {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.fleet-depot-table thead[b-y31gei0uk1] {
    position: sticky;
    z-index: 2;
    top: 0;
}

.fleet-depot-table th[b-y31gei0uk1] {
    padding-top: 9px;
    padding-bottom: 9px;
    background: #f7f8f9;
}

.fleet-depot-table td:first-child[b-y31gei0uk1] {
    font-weight: 620;
}

.fleet-depot-table tbody tr:last-child td[b-y31gei0uk1] {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fafbfc;
}

.fleet-command-panel[b-y31gei0uk1] {
    display: flex;
    flex-direction: column;
    border-color: var(--fleet-line);
    color: var(--fleet-ink);
    background: #fff;
    box-shadow: 0 2px 10px rgba(18, 23, 29, .025);
}

.fleet-command-panel .fleet-panel-header h3[b-y31gei0uk1] {
    color: #191d22;
}

.fleet-command-panel .fleet-panel-header p[b-y31gei0uk1] {
    color: #767f8a;
}

.fleet-command-panel .fleet-panel-eyebrow[b-y31gei0uk1] {
    margin-bottom: 5px;
    color: #777f89;
}

.fleet-command-bar[b-y31gei0uk1] {
    display: block;
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.fleet-command-primary[b-y31gei0uk1] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.fleet-command-primary > .btn:first-child[b-y31gei0uk1] {
    min-width: 190px;
    color: #fff;
    border-color: var(--atlas-red);
    background: var(--atlas-red);
}

.fleet-command-primary > .btn:first-child:hover[b-y31gei0uk1] {
    color: #fff !important;
    border-color: var(--atlas-red-deep) !important;
    background: var(--atlas-red-deep) !important;
}

.fleet-command-primary > .btn:first-child:disabled[b-y31gei0uk1] {
    color: #fff;
    border-color: #b6bcc4;
    background: #b6bcc4;
}

.fleet-command-primary .fleet-computed-stamp[b-y31gei0uk1] {
    height: auto;
    margin-left: auto;
    color: #737c87;
    font-size: 10.5px;
}

.fleet-command-divider[b-y31gei0uk1] {
    margin: 20px 0 15px;
    padding: 14px 0 0;
    border-top: 1px solid var(--fleet-line-soft);
}

.fleet-command-divider span[b-y31gei0uk1],
.fleet-command-divider small[b-y31gei0uk1] {
    display: block;
}

.fleet-command-divider span[b-y31gei0uk1] {
    color: #30363d;
    font-size: 11.5px;
    font-weight: 680;
}

.fleet-command-divider small[b-y31gei0uk1] {
    margin-top: 3px;
    color: #777f89;
    font-size: 10.5px;
    line-height: 1.4;
}

.fleet-command-fields[b-y31gei0uk1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    gap: 10px;
}

.fleet-command-panel .control-label[b-y31gei0uk1] {
    color: #68717d;
}

.fleet-command-panel .form-select[b-y31gei0uk1] {
    width: 100%;
    min-width: 0;
    border-color: #d5dae0;
    color: #30363d;
    background-color: #fff;
}

.fleet-command-panel .form-select option[b-y31gei0uk1] {
    color: #11161c;
    background: #fff;
}

.fleet-command-panel .control-actions[b-y31gei0uk1] {
    grid-column: 1 / -1;
    margin-left: 0;
}

.fleet-command-panel .control-actions .btn[b-y31gei0uk1] {
    width: 100%;
    border-color: #cfd5dc;
    color: #30363d;
    background: #fff;
}

.fleet-command-panel .control-actions .btn:hover[b-y31gei0uk1] {
    border-color: #b8c0c9 !important;
    color: #171b20 !important;
    background: #f3f5f7 !important;
}

.fleet-command-panel > p[b-y31gei0uk1] {
    margin-top: 14px !important;
    padding-top: 12px;
    border-top: 1px solid var(--fleet-line-soft);
    color: #777f89 !important;
    font-size: 10.5px;
    line-height: 1.5;
}

.fleet-command-panel > p a[b-y31gei0uk1] {
    color: #30363d;
}

.fleet-solve-result[b-y31gei0uk1] {
    margin: 16px 0 0;
    border-radius: 11px;
}

.own-fleet-card[b-y31gei0uk1] {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
    box-shadow: var(--shadow-sm);
    color: var(--ink-800);
    font-variant-numeric: tabular-nums;
}

.own-fleet-head[b-y31gei0uk1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding-left: 2px;
}

.own-fleet-heading[b-y31gei0uk1] {
    max-width: 82ch;
}

.own-fleet-heading h5[b-y31gei0uk1] {
    color: var(--ink-950);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.018em;
}

.own-fleet-heading p[b-y31gei0uk1] {
    color: var(--ink-600) !important;
    line-height: 1.55;
}

.own-fleet-eyebrow[b-y31gei0uk1],
.own-fleet-panel-eyebrow[b-y31gei0uk1] {
    margin-bottom: 5px;
    color: var(--ink-600);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .085em;
    text-transform: uppercase;
}

.own-fleet-provenance[b-y31gei0uk1] {
    margin-top: 8px;
    color: var(--ink-600);
    font-size: 12px;
    font-weight: 550;
}

.own-fleet-status[b-y31gei0uk1] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.own-fleet-status > span[b-y31gei0uk1] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.own-fleet-status.is-ready[b-y31gei0uk1] {
    border-color: #c7ead8;
    color: var(--success);
    background: var(--success-soft);
}

.own-fleet-status.is-conditional[b-y31gei0uk1] {
    border-color: #f0dca9;
    color: var(--warning);
    background: var(--warning-soft);
}

.own-fleet-status.is-external[b-y31gei0uk1] {
    border-color: #f2c8c5;
    color: var(--danger);
    background: var(--danger-soft);
}

.own-fleet-policy[b-y31gei0uk1] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    margin-top: 20px;
    padding: 14px 16px;
    border: 1px solid;
    border-radius: var(--radius);
}

.own-fleet-policy.is-external[b-y31gei0uk1] {
    border-color: #f1c5c2;
    color: #8f2721;
    background: var(--danger-soft);
}

.own-fleet-policy.is-own[b-y31gei0uk1] {
    border-color: #c7ead8;
    color: #096b43;
    background: var(--success-soft);
}

.own-fleet-policy-icon[b-y31gei0uk1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid currentColor;
    border-radius: 9px;
    font-size: 15px;
    font-weight: 800;
}

.own-fleet-policy strong[b-y31gei0uk1] {
    display: block;
    margin-bottom: 2px;
    color: currentColor;
    font-size: 13px;
}

.own-fleet-policy p[b-y31gei0uk1] {
    margin: 0;
    color: var(--ink-700);
    font-size: 12.5px;
    line-height: 1.5;
}

.own-fleet-workspace[b-y31gei0uk1] {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
    gap: 14px;
    margin-top: 14px;
}

.own-fleet-panel[b-y31gei0uk1] {
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface);
}

.own-fleet-scenario[b-y31gei0uk1] {
    background: var(--canvas);
}

.own-fleet-panel-head[b-y31gei0uk1],
.own-fleet-section-title[b-y31gei0uk1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.own-fleet-panel-head h6[b-y31gei0uk1],
.own-fleet-section-title h6[b-y31gei0uk1] {
    margin: 0;
    color: var(--ink-950);
    font-size: 14px;
    font-weight: 700;
}

.own-fleet-panel-head > span[b-y31gei0uk1],
.own-fleet-section-title > span[b-y31gei0uk1] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--ink-600);
    background: var(--surface);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .02em;
}

.own-fleet-facts[b-y31gei0uk1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 14px 0 0;
}

.own-fleet-facts > div[b-y31gei0uk1] {
    min-width: 0;
    padding: 13px 14px;
    border: 1px solid var(--line-soft);
    border-radius: 10px;
    background: var(--canvas);
}

.own-fleet-facts > div.is-external[b-y31gei0uk1] {
    border-color: #f3d0cd;
    background: #fffafa;
}

.own-fleet-facts > div:last-child[b-y31gei0uk1] {
    grid-column: 1 / -1;
}

.own-fleet-facts dt[b-y31gei0uk1],
.own-fleet-metric > span[b-y31gei0uk1] {
    margin: 0 0 7px;
    color: var(--ink-600);
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.35;
}

.own-fleet-facts dd[b-y31gei0uk1] {
    margin: 0;
    color: var(--ink-950);
    font-size: 23px;
    font-weight: 740;
    letter-spacing: -.025em;
    line-height: 1.08;
}

.own-fleet-facts dd small[b-y31gei0uk1],
.own-fleet-metric strong small[b-y31gei0uk1] {
    color: var(--ink-600);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0;
}

.own-fleet-facts dd.is-positive[b-y31gei0uk1] {
    color: var(--success);
}

.own-fleet-facts dd.is-negative[b-y31gei0uk1] {
    color: var(--danger);
}

.own-fleet-facts p[b-y31gei0uk1],
.own-fleet-metric p[b-y31gei0uk1] {
    margin: 6px 0 0;
    color: var(--ink-600);
    font-size: 11.5px;
    line-height: 1.45;
}

.own-fleet-fieldset[b-y31gei0uk1] {
    margin: 14px 0 0;
    padding: 0;
    border: 0;
}

.own-fleet-fieldset legend[b-y31gei0uk1] {
    width: auto;
    margin: 0 0 7px;
    color: var(--ink-700);
    font-size: 11.5px;
    font-weight: 700;
}

.own-fleet-mode-picker[b-y31gei0uk1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.own-fleet-mode[b-y31gei0uk1],
.own-fleet-wave-picker button[b-y31gei0uk1] {
    min-width: 0;
    border: 1px solid var(--line);
    color: var(--ink-700);
    background: var(--surface);
    text-align: left;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.own-fleet-mode[b-y31gei0uk1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 3px 8px;
    min-height: 68px;
    padding: 10px 11px;
    border-radius: 10px;
}

.own-fleet-mode > span[b-y31gei0uk1] {
    overflow: hidden;
    font-size: 11.5px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.own-fleet-mode strong[b-y31gei0uk1] {
    color: var(--ink-950);
    font-size: 22px;
    font-weight: 750;
}

.own-fleet-mode small[b-y31gei0uk1] {
    grid-column: 2;
    color: var(--ink-600);
    font-size: 10.5px;
    text-align: right;
}

.own-fleet-mode.is-selected[b-y31gei0uk1],
.own-fleet-wave-picker button.is-selected[b-y31gei0uk1] {
    border-color: #80a8ca;
    color: var(--info);
    background: var(--info-soft);
    box-shadow: inset 0 0 0 1px rgba(35, 82, 122, .08);
}

.own-fleet-mode:focus-visible[b-y31gei0uk1],
.own-fleet-wave-picker button:focus-visible[b-y31gei0uk1],
.own-fleet-stepper button:focus-visible[b-y31gei0uk1] {
    outline: 3px solid rgba(35, 82, 122, .2);
    outline-offset: 2px;
}

.own-fleet-stepper[b-y31gei0uk1] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 9px;
}

.own-fleet-stepper > button:not(.own-fleet-reset)[b-y31gei0uk1] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--line);
    border-radius: 9px;
    color: var(--ink-800);
    background: var(--surface);
    font-size: 19px;
    font-weight: 650;
}

.own-fleet-stepper > button:disabled[b-y31gei0uk1] {
    cursor: not-allowed;
    opacity: .42;
}

.own-fleet-stepper output[b-y31gei0uk1] {
    min-width: 108px;
    padding: 8px 11px;
    border: 1px solid var(--line);
    border-radius: 9px;
    color: var(--ink-950);
    background: var(--surface);
    font-size: 15px;
    font-weight: 750;
    text-align: center;
}

.own-fleet-stepper output small[b-y31gei0uk1] {
    color: var(--ink-600);
    font-size: 10.5px;
}

.own-fleet-reset[b-y31gei0uk1] {
    margin-left: auto;
    padding: 6px 2px;
    border: 0;
    color: var(--info);
    background: transparent;
    font-size: 11px;
    font-weight: 700;
}

.own-fleet-wave-picker[b-y31gei0uk1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

.own-fleet-wave-picker button[b-y31gei0uk1] {
    min-height: 66px;
    padding: 9px 10px;
    border-radius: 9px;
}

.own-fleet-wave-picker strong[b-y31gei0uk1],
.own-fleet-wave-picker span[b-y31gei0uk1] {
    display: block;
}

.own-fleet-wave-picker strong[b-y31gei0uk1] {
    margin-bottom: 4px;
    color: var(--ink-950);
    font-size: 11.5px;
}

.own-fleet-wave-picker span[b-y31gei0uk1] {
    color: var(--ink-600);
    font-size: 10px;
    line-height: 1.35;
}

.own-fleet-field-help[b-y31gei0uk1] {
    margin: 7px 0 0;
    color: var(--ink-600);
    font-size: 10.5px;
    line-height: 1.45;
}

.own-fleet-local-note[b-y31gei0uk1] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
    color: var(--ink-600);
    font-size: 10.5px;
    line-height: 1.45;
}

.own-fleet-local-note > span[b-y31gei0uk1] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    border: 1px solid #b8cde0;
    border-radius: 50%;
    color: var(--info);
    font-size: 10px;
    font-weight: 800;
}

.own-fleet-card > .own-fleet-section-title[b-y31gei0uk1] {
    margin-top: 20px;
}

.own-fleet-metrics[b-y31gei0uk1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.own-fleet-metric[b-y31gei0uk1] {
    min-width: 0;
    padding: 14px 15px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--surface);
}

.own-fleet-metric strong[b-y31gei0uk1] {
    display: block;
    color: var(--ink-950);
    font-size: 24px;
    font-weight: 750;
    letter-spacing: -.025em;
    line-height: 1.1;
}

.own-fleet-readiness[b-y31gei0uk1] {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
}

.own-fleet-readiness ul[b-y31gei0uk1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.own-fleet-readiness li[b-y31gei0uk1] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    min-width: 0;
    padding: 10px 11px;
    border: 1px solid var(--line);
    border-radius: 9px;
    color: var(--ink-700);
    background: var(--canvas);
    font-size: 11.5px;
    font-weight: 650;
    line-height: 1.4;
}

.own-fleet-check-icon[b-y31gei0uk1] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 850;
}

.own-fleet-readiness li.pass .own-fleet-check-icon[b-y31gei0uk1] {
    color: #fff;
    background: var(--success);
}

.own-fleet-readiness li.warn .own-fleet-check-icon[b-y31gei0uk1] {
    color: #fff;
    background: var(--warning);
}

.own-fleet-readiness li.fail .own-fleet-check-icon[b-y31gei0uk1] {
    color: #fff;
    background: var(--danger);
}

.own-fleet-readiness li.fail[b-y31gei0uk1] {
    border-color: #f1d4d1;
    background: #fffafa;
}

.own-fleet-blocker[b-y31gei0uk1] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 10px;
    padding: 11px 13px;
    border: 1px solid;
    border-radius: 9px;
    font-size: 11.5px;
    line-height: 1.45;
}

.own-fleet-blocker.is-danger[b-y31gei0uk1] {
    border-color: #f1c9c6;
    color: #8f2721;
    background: var(--danger-soft);
}

.own-fleet-blocker.is-warning[b-y31gei0uk1] {
    border-color: #edd79d;
    color: #7d5400;
    background: var(--warning-soft);
}

@media (max-width: 1100px) {
    .own-fleet-workspace[b-y31gei0uk1] {
        grid-template-columns: 1fr;
    }

    .own-fleet-facts[b-y31gei0uk1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .own-fleet-card[b-y31gei0uk1] {
        padding: 18px;
    }

    .own-fleet-head[b-y31gei0uk1] {
        flex-direction: column;
        gap: 12px;
    }

    .own-fleet-status[b-y31gei0uk1] {
        white-space: normal;
    }

    .own-fleet-facts[b-y31gei0uk1],
    .own-fleet-metrics[b-y31gei0uk1],
    .own-fleet-readiness ul[b-y31gei0uk1] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 520px) {
    .own-fleet-card[b-y31gei0uk1] {
        padding: 15px;
        border-radius: 13px;
    }

    .own-fleet-policy[b-y31gei0uk1],
    .own-fleet-panel[b-y31gei0uk1] {
        padding: 13px;
    }

    .own-fleet-facts[b-y31gei0uk1],
    .own-fleet-metrics[b-y31gei0uk1],
    .own-fleet-readiness ul[b-y31gei0uk1],
    .own-fleet-mode-picker[b-y31gei0uk1],
    .own-fleet-wave-picker[b-y31gei0uk1] {
        grid-template-columns: 1fr;
    }

    .own-fleet-mode[b-y31gei0uk1] {
        min-height: 58px;
    }

    .own-fleet-wave-picker button[b-y31gei0uk1] {
        min-height: 54px;
    }

    .own-fleet-stepper[b-y31gei0uk1] {
        flex-wrap: wrap;
    }

    .own-fleet-reset[b-y31gei0uk1] {
        flex-basis: 100%;
        margin-left: 0;
        text-align: left;
    }
}

.fleet-fixed-workspace[b-y31gei0uk1] {
    background: #fff;
}

.fleet-fixed-controls[b-y31gei0uk1] {
    display: grid;
    grid-template-columns: minmax(180px, auto) minmax(220px, auto) minmax(170px, auto) 1fr;
    align-items: end;
    gap: 12px 18px;
    margin-bottom: 14px;
    padding: 15px 16px;
    border-color: var(--fleet-line);
    border-radius: 12px;
    background: #f7f8f9;
    box-shadow: none;
}

.fleet-fixed-controls .control-actions[b-y31gei0uk1] {
    justify-self: end;
}

.fleet-map-shell[b-y31gei0uk1] {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #d8dde3;
    border-radius: 14px;
    background: #e9edf1;
    box-shadow: 0 8px 28px rgba(18, 23, 29, .07);
}

.fleet-map-toolbar[b-y31gei0uk1] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 13px;
    border-bottom: 1px solid #d8dde3;
    color: #68717c;
    background: #f8f9fa;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.fleet-map-status-dot[b-y31gei0uk1] {
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #647180;
    box-shadow: 0 0 0 1px #aeb6bf;
}

.fleet-map-shell .map-frame[b-y31gei0uk1] {
    height: 460px;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.fleet-active-route[b-y31gei0uk1] {
    overflow: hidden;
    border: 1px solid #d8dde3;
    border-radius: 13px;
    box-shadow: 0 8px 24px rgba(18, 23, 29, .06);
}

.fleet-active-route .card-body[b-y31gei0uk1] {
    padding: 15px 17px !important;
}

.fleet-active-route .kpi-grid[b-y31gei0uk1] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    margin: 12px 0 !important;
    border: 1px solid var(--fleet-line-soft);
    border-radius: 10px;
}

.fleet-active-route .kpi[b-y31gei0uk1] {
    min-width: 0;
    padding: 11px 12px;
    border: 0;
    border-right: 1px solid var(--fleet-line-soft);
    border-radius: 0;
    box-shadow: none;
}

.fleet-active-route .kpi:last-child[b-y31gei0uk1] {
    border-right: 0;
}

.fleet-active-route .kpi .kpi-value[b-y31gei0uk1] {
    overflow: hidden;
    font-size: 15px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fleet-active-route .kpi .kpi-label[b-y31gei0uk1] {
    overflow: hidden;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fleet-result-grid[b-y31gei0uk1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    margin: 20px 0;
    border: 1px solid var(--fleet-line);
    border-radius: 12px;
}

.fleet-result-grid .kpi[b-y31gei0uk1] {
    min-width: 0;
    padding: 17px 18px;
    border: 0;
    border-right: 1px solid var(--fleet-line);
    border-radius: 0;
    box-shadow: none;
}

.fleet-result-grid .kpi:last-child[b-y31gei0uk1] {
    border-right: 0;
}

.fleet-result-grid .kpi-value[b-y31gei0uk1] {
    font-size: 24px;
}

.fleet-result-grid .kpi-label[b-y31gei0uk1] {
    line-height: 1.42;
}

.fleet-table-frame[b-y31gei0uk1] {
    overflow: auto;
    border: 1px solid var(--fleet-line);
    border-radius: 12px;
    background: #fff;
}

.fleet-table-frame > .table[b-y31gei0uk1] {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.fleet-analytics-section[b-y31gei0uk1] {
    background: #f5f6f8;
}

.fleet-analysis-lead[b-y31gei0uk1] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin: 2px 0 10px;
}

.fleet-analysis-lead h3[b-y31gei0uk1] {
    margin: 0;
    color: #191d22;
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.018em;
}

.fleet-analysis-lead p[b-y31gei0uk1] {
    margin: 4px 0 0;
    color: #747d88;
    font-size: 11.5px;
}

.fleet-analytics-controls[b-y31gei0uk1] {
    margin-bottom: 12px;
    padding: 11px 13px;
    border-color: var(--fleet-line);
    border-radius: 11px;
    background: #fff;
    box-shadow: none;
}

.fleet-chart-panel[b-y31gei0uk1] {
    margin-bottom: 12px;
    padding: 18px 18px 14px;
    border: 1px solid var(--fleet-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 3px 14px rgba(18, 23, 29, .035);
}

.fleet-chart-panel .chart-legend[b-y31gei0uk1] {
    margin-top: 6px;
}

.fleet-chart-panel .chart-explanation[b-y31gei0uk1] {
    max-width: 104ch;
    margin: 4px auto 14px;
    color: var(--ink-500);
    font-size: 12px;
    text-align: center;
}

.fleet-chart-panel .chart-source[b-y31gei0uk1] {
    max-width: 104ch;
    margin: -5px auto 0;
    padding: 9px 12px;
    border: 1px solid #e7eaee;
    border-radius: 8px;
    color: var(--ink-600);
    background: #f7f8fa;
    font-size: 11.5px;
    text-align: center;
}

.fleet-analytics-section > .table-scroll[b-y31gei0uk1],
.fleet-analytics-section > div > .table-scroll[b-y31gei0uk1] {
    overflow: auto;
    margin-bottom: 18px;
    border: 1px solid var(--fleet-line);
    border-radius: 12px;
    background: #fff;
}

.fleet-analytics-section .table-scroll > .table[b-y31gei0uk1] {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.fleet-analytics-section > .d-flex:has(> h5)[b-y31gei0uk1],
.fleet-analytics-section > .d-flex:has(> h6)[b-y31gei0uk1] {
    margin-top: 26px !important;
    margin-bottom: 8px;
}

.fleet-analytics-section > .d-flex > :is(h5, h6)[b-y31gei0uk1] {
    color: #1c2026;
    font-size: 14px;
    font-weight: 650;
    letter-spacing: -.01em;
}

.fleet-analytics-section > p.text-muted[b-y31gei0uk1] {
    margin-bottom: 9px !important;
    color: #747d88 !important;
    line-height: 1.5;
}

.fleet-analytics-section > .alert[b-y31gei0uk1] {
    border-radius: 11px;
}

.fleet-analytics-section .table th[b-y31gei0uk1] {
    background: #f7f8f9;
}

.fleet-analytics-section .table tbody tr:hover > *[b-y31gei0uk1] {
    background: #fafbfc;
}

@media (max-width: 1180px) {
    .fleet-hero[b-y31gei0uk1] {
        grid-template-columns: minmax(0, 1fr) 330px;
        gap: 28px;
    }

    .fleet-setup-grid[b-y31gei0uk1] {
        grid-template-columns: 1fr;
    }

    .fleet-depot-table-scroll[b-y31gei0uk1] {
        max-height: 330px;
    }

    .fleet-fixed-controls[b-y31gei0uk1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .fleet-fixed-controls .control-actions[b-y31gei0uk1] {
        grid-column: 1 / -1;
        justify-self: stretch;
        margin-left: 0;
    }

    .fleet-fixed-controls .control-actions .btn[b-y31gei0uk1] {
        flex: 1 1 auto;
    }

    .fleet-active-route .kpi-grid[b-y31gei0uk1] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .fleet-active-route .kpi[b-y31gei0uk1] {
        border-bottom: 1px solid var(--fleet-line-soft);
    }
}

@media (max-width: 860px) {
    .fleet-hero[b-y31gei0uk1] {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 29px;
    }

    .fleet-hero-summary[b-y31gei0uk1] {
        min-height: 138px;
    }

    .fleet-section-nav[b-y31gei0uk1] {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fleet-result-grid[b-y31gei0uk1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fleet-result-grid .kpi:nth-child(2)[b-y31gei0uk1] {
        border-right: 0;
    }

    .fleet-result-grid .kpi:nth-child(-n + 2)[b-y31gei0uk1] {
        border-bottom: 1px solid var(--fleet-line);
    }
}

@media (max-width: 700px) {
    .fleet-hero[b-y31gei0uk1] {
        padding: 24px 21px;
        border-radius: 16px;
    }

    .fleet-hero h1[b-y31gei0uk1] {
        font-size: 31px;
    }

    .fleet-hero-copy > p[b-y31gei0uk1] {
        font-size: 12.5px;
    }

    .fleet-workspace-section[b-y31gei0uk1] {
        padding: 18px;
        border-radius: 15px;
    }

    .fleet-section-header[b-y31gei0uk1] {
        gap: 12px;
    }

    .fleet-section-header h2[b-y31gei0uk1] {
        font-size: 19px;
    }

    .fleet-section-index[b-y31gei0uk1] {
        min-width: 38px;
    }

    .fleet-setup-panel[b-y31gei0uk1] {
        padding: 15px;
    }

    .fleet-command-fields[b-y31gei0uk1],
    .fleet-fixed-controls[b-y31gei0uk1] {
        grid-template-columns: 1fr;
    }

    .fleet-command-panel .control-actions[b-y31gei0uk1],
    .fleet-fixed-controls .control-actions[b-y31gei0uk1] {
        grid-column: auto;
    }

    .fleet-command-primary > .btn[b-y31gei0uk1] {
        flex: 1 1 auto;
    }

    .fleet-command-primary .fleet-computed-stamp[b-y31gei0uk1] {
        flex-basis: 100%;
        margin-left: 0;
    }

    .fleet-map-shell .map-frame[b-y31gei0uk1] {
        height: 380px;
    }

    .fleet-active-route .kpi-grid[b-y31gei0uk1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fleet-chart-panel[b-y31gei0uk1] {
        padding: 14px 12px;
    }
}

@media (max-width: 480px) {
    .fleet-result-grid[b-y31gei0uk1] {
        grid-template-columns: 1fr;
    }

    .fleet-result-grid .kpi[b-y31gei0uk1],
    .fleet-result-grid .kpi:nth-child(2)[b-y31gei0uk1] {
        grid-column: auto;
        border-right: 0;
        border-bottom: 1px solid var(--fleet-line);
    }

    .fleet-result-grid .kpi:last-child[b-y31gei0uk1] {
        border-bottom: 0;
    }

    .fleet-section-nav a[b-y31gei0uk1] {
        padding: 0 6px;
        font-size: 10.5px;
    }

    .fleet-panel-header[b-y31gei0uk1] {
        flex-direction: column;
        min-height: 0;
    }
}
/* /Components/Pages/Territories.razor.rz.scp.css */
.territory-plan-card[b-9poxxm7ad0] {
    position: relative;
    overflow: hidden;
    margin: 0 0 14px;
    border: 1px solid #dfe3e8;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 28px rgba(15, 23, 42, .035);
}

.territory-plan-card-warning .territory-plan-status-icon[b-9poxxm7ad0] {
    border-color: #dfe3e8;
    color: #a35b08;
    background: #f7f5ef;
}

.territory-plan-card-warning .territory-plan-eyebrow[b-9poxxm7ad0] {
    color: #626b76;
}

.territory-plan-card-warning .territory-plan-live-dot[b-9poxxm7ad0] {
    background: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .14);
}

.territory-plan-header[b-9poxxm7ad0] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 76px;
    padding: 14px 20px 13px 22px;
    border-bottom: 1px solid #eef0f3;
}

.territory-plan-status-icon[b-9poxxm7ad0],
.territory-signal-icon[b-9poxxm7ad0] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #dfe3e8;
    border-radius: 10px;
    color: #087a55;
    background: #f4f6f5;
    box-shadow: none;
}

.territory-plan-status-icon svg[b-9poxxm7ad0],
.territory-signal-icon svg[b-9poxxm7ad0] {
    width: 19px;
    height: 19px;
}

.territory-plan-heading[b-9poxxm7ad0] {
    min-width: 0;
}

.territory-plan-heading h2[b-9poxxm7ad0] {
    margin: 1px 0 0;
    color: #17181b;
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -.014em;
    line-height: 1.35;
}

.territory-plan-eyebrow[b-9poxxm7ad0] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #626b76;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .075em;
    line-height: 1.2;
    text-transform: uppercase;
}

.territory-plan-live-dot[b-9poxxm7ad0] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: none;
}

.territory-plan-time[b-9poxxm7ad0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #7b8089;
    font-size: 11.5px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.territory-plan-time svg[b-9poxxm7ad0] {
    width: 15px;
    height: 15px;
}

.territory-metrics-grid[b-9poxxm7ad0] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.territory-metric[b-9poxxm7ad0] {
    position: relative;
    min-width: 0;
    min-height: 82px;
    padding: 15px 17px 14px;
    border-right: 1px solid #eef0f3;
    border-bottom: 1px solid #eef0f3;
    background: rgba(255, 255, 255, .7);
}

.territory-metric:nth-child(7n)[b-9poxxm7ad0] {
    border-right: 0;
}

.territory-metric:nth-last-child(-n + 4)[b-9poxxm7ad0] {
    border-bottom: 0;
}

.territory-metric-wide[b-9poxxm7ad0] {
    grid-column: span 4;
}

.territory-metric > span[b-9poxxm7ad0] {
    display: block;
    overflow: hidden;
    margin-bottom: 7px;
    color: #81858d;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .055em;
    line-height: 1.25;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.territory-metric strong[b-9poxxm7ad0] {
    display: block;
    color: #202125;
    font-size: 16.5px;
    font-weight: 630;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.018em;
    line-height: 1.35;
}

.territory-metric small[b-9poxxm7ad0] {
    color: #777b83;
    font-size: .72em;
    font-weight: 560;
    letter-spacing: 0;
}

.territory-metric-primary strong[b-9poxxm7ad0] {
    color: #111214;
    font-size: 21px;
}

.territory-metric-good[b-9poxxm7ad0]::after,
.territory-metric-warning[b-9poxxm7ad0]::after,
.territory-metric-danger[b-9poxxm7ad0]::after {
    position: absolute;
    top: 17px;
    right: 14px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    content: "";
}

.territory-metric-good[b-9poxxm7ad0]::after { background: #10b981; }
.territory-metric-warning[b-9poxxm7ad0]::after { background: #f59e0b; }
.territory-metric-danger[b-9poxxm7ad0]::after { background: #ef4444; }
.territory-metric-danger strong[b-9poxxm7ad0] { color: #c52d2d; }

.territory-signal[b-9poxxm7ad0] {
    --signal-accent: #64748b;
    --signal-icon-bg: #f8fafc;
    display: grid;
    grid-template-columns: 34px minmax(210px, auto) minmax(260px, 1fr) auto;
    align-items: center;
    gap: 13px;
    min-height: 68px;
    margin: 0 0 10px;
    padding: 12px 14px 12px 16px;
    border: 1px solid #e0e4e9;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025);
}

.territory-signal-danger[b-9poxxm7ad0] {
    --signal-accent: #d23a36;
    --signal-icon-bg: #fff5f4;
}

.territory-signal-warning[b-9poxxm7ad0] {
    --signal-accent: #a16207;
    --signal-icon-bg: #fffbeb;
    grid-template-columns: 34px minmax(0, 1fr) auto;
}

.territory-signal-success[b-9poxxm7ad0] {
    --signal-accent: #087a55;
    --signal-icon-bg: #ecfdf5;
}

.territory-signal .territory-signal-icon[b-9poxxm7ad0] {
    border-color: #dfe3e8;
    color: var(--signal-accent);
    background: #f5f6f7;
}

.territory-signal-copy[b-9poxxm7ad0] {
    min-width: 0;
}

.territory-signal-copy-wide[b-9poxxm7ad0] {
    max-width: none;
}

.territory-signal-title[b-9poxxm7ad0] {
    margin-bottom: 2px;
    color: var(--signal-accent);
    font-size: 13px;
    font-weight: 650;
    letter-spacing: -.008em;
}

.territory-signal-description[b-9poxxm7ad0] {
    color: #62666e;
    font-size: 12.5px;
    line-height: 1.45;
}

.territory-signal-impact[b-9poxxm7ad0] {
    justify-self: end;
    color: var(--signal-accent);
    font-size: 12.5px;
    font-weight: 620;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.territory-signal-state[b-9poxxm7ad0] {
    justify-self: end;
    padding: 3px 8px;
    border: 1px solid #dfe3e8;
    border-radius: 999px;
    color: #087a55;
    background: #f5f7f6;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.territory-signal-action[b-9poxxm7ad0] {
    justify-self: end;
    border: 1px solid #dfe1e5;
    color: #25262a;
    background: #fff;
    box-shadow: 0 1px 1px rgba(15, 23, 42, .03);
    white-space: nowrap;
}

.territory-signal-action:hover[b-9poxxm7ad0],
.territory-signal-action:focus[b-9poxxm7ad0] {
    border-color: #cfd2d7;
    color: #111214;
    background: #f8f8f9;
}

.territory-signal-action svg[b-9poxxm7ad0] {
    width: 14px;
    height: 14px;
}

.territory-signal-action-primary[b-9poxxm7ad0] {
    border-color: #18191c;
    color: #fff;
    background: #18191c;
}

.territory-signal-action-primary:hover[b-9poxxm7ad0],
.territory-signal-action-primary:focus[b-9poxxm7ad0] {
    border-color: #050506;
    color: #fff;
    background: #050506;
}

@media (max-width: 1400px) {
    .territory-metrics-grid[b-9poxxm7ad0] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .territory-metric:nth-child(7n)[b-9poxxm7ad0] {
        border-right: 1px solid #eef0f3;
    }

    .territory-metric:nth-child(4n)[b-9poxxm7ad0] {
        border-right: 0;
    }

    .territory-metric:nth-last-child(-n + 4)[b-9poxxm7ad0] {
        border-bottom: 1px solid #eef0f3;
    }

    .territory-metric-wide[b-9poxxm7ad0] {
        grid-column: auto;
    }

    .territory-metric:last-child[b-9poxxm7ad0] {
        grid-column: span 2;
    }

    .territory-metric:nth-last-child(-n + 3)[b-9poxxm7ad0] {
        border-bottom: 0;
    }

    .territory-signal[b-9poxxm7ad0] {
        grid-template-columns: 34px minmax(200px, auto) minmax(220px, 1fr) auto;
    }
}

@media (max-width: 900px) {
    .territory-metrics-grid[b-9poxxm7ad0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .territory-metric:nth-child(4n)[b-9poxxm7ad0] {
        border-right: 1px solid #eef0f3;
    }

    .territory-metric:nth-child(2n)[b-9poxxm7ad0] {
        border-right: 0;
    }

    .territory-metric:nth-last-child(-n + 4)[b-9poxxm7ad0] {
        border-bottom: 1px solid #eef0f3;
    }

    .territory-metric:nth-last-child(-n + 3)[b-9poxxm7ad0] {
        border-bottom: 1px solid #eef0f3;
    }

    .territory-metric:last-child[b-9poxxm7ad0] {
        border-bottom: 0;
    }

    .territory-metric-wide[b-9poxxm7ad0] {
        grid-column: auto;
    }

    .territory-metric:last-child[b-9poxxm7ad0] {
        grid-column: auto;
    }

    .territory-signal[b-9poxxm7ad0],
    .territory-signal-warning[b-9poxxm7ad0] {
        grid-template-columns: 34px minmax(0, 1fr) auto;
    }

    .territory-signal-impact[b-9poxxm7ad0],
    .territory-signal-state[b-9poxxm7ad0] {
        grid-column: 2 / -1;
        justify-self: start;
        text-align: left;
    }
}

@media (max-width: 600px) {
    .territory-plan-header[b-9poxxm7ad0] {
        grid-template-columns: 32px minmax(0, 1fr);
        padding: 14px 15px 13px 17px;
    }

    .territory-plan-status-icon[b-9poxxm7ad0],
    .territory-signal-icon[b-9poxxm7ad0] {
        width: 32px;
        height: 32px;
        border-radius: 9px;
    }

    .territory-plan-time[b-9poxxm7ad0] {
        grid-column: 2;
    }

    .territory-metric[b-9poxxm7ad0] {
        min-height: 76px;
        padding: 13px 14px;
    }

    .territory-metric > span[b-9poxxm7ad0] {
        white-space: normal;
    }

    .territory-metric strong[b-9poxxm7ad0] {
        font-size: 15px;
    }

    .territory-signal[b-9poxxm7ad0],
    .territory-signal-warning[b-9poxxm7ad0] {
        grid-template-columns: 32px minmax(0, 1fr);
        padding: 13px;
    }

    .territory-signal-impact[b-9poxxm7ad0],
    .territory-signal-state[b-9poxxm7ad0],
    .territory-signal-action[b-9poxxm7ad0] {
        grid-column: 2;
        justify-self: start;
    }

    .territory-signal-action[b-9poxxm7ad0] {
        width: 100%;
        margin-top: 1px;
    }
}

/* ============================================================
   Territories command center
   A page-scoped enterprise layer over the shared ATLAS system.
   ============================================================ */

.territories-page[b-9poxxm7ad0] {
    --territory-ink: #121318;
    --territory-ink-soft: #292b32;
    --territory-muted: #737780;
    --territory-line: #e3e5e9;
    --territory-line-strong: #d7d9df;
    --territory-panel: #fff;
    --territory-canvas: #f4f5f7;
    --territory-red: #e8261d;
    --territory-red-deep: #c91f18;
    --territory-green: #0b8f5b;
    --territory-amber: #c97708;
    --territory-radius-xl: 20px;
    --territory-radius-lg: 16px;
    --territory-shadow: 0 1px 2px rgba(14, 16, 20, .04), 0 18px 48px rgba(14, 16, 20, .055);
    min-width: 0;
}

.territories-page *[b-9poxxm7ad0],
.territories-page *[b-9poxxm7ad0]::before,
.territories-page *[b-9poxxm7ad0]::after {
    box-sizing: border-box;
}

#territory-health[b-9poxxm7ad0],
#territory-map-workspace[b-9poxxm7ad0],
#territory-depot-summary[b-9poxxm7ad0],
#territory-details[b-9poxxm7ad0] {
    scroll-margin-top: 132px;
}

/* Command header */

.territories-hero[b-9poxxm7ad0] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--territory-line);
    border-radius: var(--territory-radius-xl);
    background: var(--territory-panel);
    box-shadow: var(--territory-shadow);
}

.territories-hero[b-9poxxm7ad0]::before,
.territory-plan-card[b-9poxxm7ad0]::before,
.territory-signal[b-9poxxm7ad0]::before,
.territory-three-pl-card[b-9poxxm7ad0]::before,
.territory-selection-card[b-9poxxm7ad0]::before,
.dc-card[b-9poxxm7ad0]::before {
    display: none !important;
    content: none !important;
}

.territories-hero-copy[b-9poxxm7ad0] {
    position: relative;
    min-width: 0;
    padding: 34px 36px 24px;
    background: #fff;
}

.territories-eyebrow[b-9poxxm7ad0],
.territories-section-kicker[b-9poxxm7ad0] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #777b84;
    font-size: 10.5px;
    font-weight: 750;
    letter-spacing: .12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.territories-eyebrow-mark[b-9poxxm7ad0] {
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: #7a828c;
    box-shadow: none;
}

.territories-eyebrow-separator[b-9poxxm7ad0] {
    color: #c3c5ca;
}

.territories-hero-copy h1[b-9poxxm7ad0] {
    margin: 12px 0 10px;
    color: var(--territory-ink);
    font-size: clamp(32px, 3vw, 43px);
    font-weight: 690;
    letter-spacing: -.045em;
    line-height: 1.02;
}

.territories-hero-copy p[b-9poxxm7ad0] {
    max-width: 108ch;
    margin: 0;
    color: #666a73;
    font-size: 14.5px;
    line-height: 1.68;
}

.territories-hero-copy p b[b-9poxxm7ad0] {
    color: #373941;
    font-weight: 650;
}

.territories-command-panel[b-9poxxm7ad0] {
    display: grid;
    grid-template-columns: minmax(430px, .9fr) minmax(320px, 1.1fr);
    align-items: center;
    gap: 28px;
    min-width: 0;
    margin: 0 24px 24px;
    padding: 16px 18px;
    border: 1px solid #dfe3e8;
    border-radius: 13px;
    color: var(--territory-ink);
    background: #f6f7f8;
}

.territories-command-row[b-9poxxm7ad0] {
    display: grid;
    grid-template-columns: minmax(180px, 210px) minmax(260px, auto);
    align-items: end;
    gap: 10px;
}

.territories-command-panel .control-label[b-9poxxm7ad0] {
    color: #777f89;
}

.territories-command-panel .form-select[b-9poxxm7ad0] {
    width: 100%;
    min-width: 0;
    height: 42px;
    border-color: #d9dde3;
    color: #242930;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235b6470' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    font-size: 13.5px;
    font-weight: 620;
    font-variant-numeric: tabular-nums;
    box-shadow: 0 1px 2px rgba(14, 16, 20, .025);
}

.territories-command-panel .form-select:hover[b-9poxxm7ad0] {
    border-color: #c9ced5;
    background-color: #fff;
}

.territories-command-panel .form-select option[b-9poxxm7ad0] {
    color: #20242a;
    background: #fff;
}

.territories-compute-button[b-9poxxm7ad0] {
    height: 42px;
    padding-inline: 16px;
    border-color: var(--territory-red);
    color: #fff;
    background: var(--territory-red);
    font-size: 12.5px;
    font-weight: 680;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(232, 38, 29, .14);
}

.territories-compute-button:hover[b-9poxxm7ad0],
.territories-compute-button:focus[b-9poxxm7ad0],
.territories-compute-button:active[b-9poxxm7ad0] {
    border-color: var(--territory-red-deep) !important;
    color: #fff !important;
    background: var(--territory-red-deep) !important;
}

.territories-compute-button svg[b-9poxxm7ad0] {
    width: 17px;
    height: 17px;
}

.territories-command-guide[b-9poxxm7ad0] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    color: #6e7681;
    font-size: 11.5px;
    line-height: 1.45;
}

.territories-command-guide svg[b-9poxxm7ad0] {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    margin-top: 1px;
    color: #7d858f;
}

.territories-command-guide a[b-9poxxm7ad0] {
    color: #30363d;
    font-weight: 620;
    text-decoration-color: #b6bcc4;
}

.territories-hero-stats[b-9poxxm7ad0] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(5, minmax(120px, 1fr)) minmax(175px, 1.2fr);
    border-top: 1px solid var(--territory-line);
    background: #fbfbfc;
}

.territories-hero-stat[b-9poxxm7ad0] {
    min-width: 0;
    padding: 16px 20px 17px;
    border-right: 1px solid var(--territory-line);
}

.territories-hero-stat > span[b-9poxxm7ad0] {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    color: #8a8e96;
    font-size: 9.5px;
    font-weight: 720;
    letter-spacing: .085em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.territories-hero-stat > strong[b-9poxxm7ad0] {
    color: var(--territory-ink);
    font-size: 21px;
    font-weight: 680;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.03em;
    line-height: 1;
}

.territories-hero-stat-accent > strong[b-9poxxm7ad0] {
    color: var(--territory-ink);
}

.territories-hero-stat-warning > strong[b-9poxxm7ad0] {
    color: var(--territory-ink);
}

.territories-hero-updated[b-9poxxm7ad0] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 16px 20px;
    color: #7f838b;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.territories-live-dot[b-9poxxm7ad0] {
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #19a66b;
    box-shadow: 0 0 0 4px rgba(25, 166, 107, .1);
}

/* Section index */

.territories-section-nav[b-9poxxm7ad0] {
    position: sticky;
    z-index: 12;
    top: 66px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
    margin: 14px 0 22px;
    padding: 5px;
    border: 1px solid rgba(220, 222, 227, .92);
    border-radius: 13px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 6px 22px rgba(14, 16, 20, .055);
    backdrop-filter: blur(16px);
}

.territories-section-nav a[b-9poxxm7ad0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 0;
    height: 36px;
    padding: 0 12px;
    border-radius: 9px;
    color: #555962;
    font-size: 12px;
    font-weight: 620;
    text-decoration: none;
    white-space: nowrap;
    transition: color .15s ease, background .15s ease, box-shadow .15s ease;
}

.territories-section-nav a:hover[b-9poxxm7ad0],
.territories-section-nav a:focus-visible[b-9poxxm7ad0] {
    color: var(--territory-ink);
    background: #f2f3f5;
}

.territories-section-nav a span[b-9poxxm7ad0] {
    color: #a2a5ac;
    font-size: 9px;
    font-weight: 760;
    letter-spacing: .08em;
}

/* Plan health */

.territory-health-section[b-9poxxm7ad0] {
    min-width: 0;
    margin-bottom: 26px;
}

.territory-health-section > .alert[b-9poxxm7ad0] {
    margin-bottom: 12px;
    border: 1px solid var(--territory-line);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(14, 16, 20, .025);
}

.territory-plan-card[b-9poxxm7ad0] {
    margin-bottom: 12px;
    border: 1px solid var(--territory-line) !important;
    border-radius: 18px;
    box-shadow: var(--territory-shadow);
}

.territory-plan-header[b-9poxxm7ad0] {
    min-height: 84px;
    padding: 16px 22px 15px 25px;
    border-color: var(--territory-line);
    background: #fff;
}

.territory-plan-status-icon[b-9poxxm7ad0] {
    width: 38px;
    height: 38px;
    border-color: #dfe3e8;
    border-radius: 11px;
    background: #f3f5f5;
}

.territory-plan-heading h2[b-9poxxm7ad0] {
    color: var(--territory-ink);
    font-size: 16px;
    font-weight: 680;
}

.territory-plan-time[b-9poxxm7ad0] {
    padding: 6px 9px;
    border: 1px solid #e2e5e9;
    border-radius: 999px;
    background: #fff;
}

.territory-metrics-grid[b-9poxxm7ad0] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1px;
    margin: 18px;
    padding: 1px;
    border: 0;
    border-radius: 13px;
    overflow: hidden;
    background: var(--territory-line);
}

.territory-metric[b-9poxxm7ad0],
.territory-metric:nth-child(7n)[b-9poxxm7ad0],
.territory-metric:nth-child(4n)[b-9poxxm7ad0],
.territory-metric:nth-child(2n)[b-9poxxm7ad0],
.territory-metric:nth-last-child(-n + 4)[b-9poxxm7ad0],
.territory-metric:nth-last-child(-n + 3)[b-9poxxm7ad0],
.territory-metric:last-child[b-9poxxm7ad0] {
    min-height: 88px;
    padding: 15px 16px;
    border: 0;
    background: #fff;
}

.territory-metric-wide[b-9poxxm7ad0] {
    grid-column: auto;
}

.territory-metric > span[b-9poxxm7ad0] {
    color: #858991;
    font-size: 9.5px;
    letter-spacing: .07em;
}

.territory-metric strong[b-9poxxm7ad0] {
    color: #22242a;
    font-size: 17px;
    font-weight: 670;
}

.territory-metric-primary[b-9poxxm7ad0] {
    background: #17181d;
}

.territory-metric-primary > span[b-9poxxm7ad0] {
    color: rgba(255, 255, 255, .56);
}

.territory-metric-primary strong[b-9poxxm7ad0] {
    color: #fff;
    font-size: 25px;
}

.territory-signal[b-9poxxm7ad0] {
    min-height: 66px;
    margin-bottom: 9px;
    border-color: var(--territory-line);
    border-radius: 13px;
    background: #fbfbfc;
    box-shadow: none;
}

/* Operations workspace */

.territory-workspace[b-9poxxm7ad0] {
    min-width: 0;
    margin-bottom: 32px;
    overflow: clip;
    border: 1px solid #dfe1e5;
    border-radius: var(--territory-radius-xl);
    background: var(--territory-canvas);
    box-shadow: var(--territory-shadow);
}

.territory-workspace-header[b-9poxxm7ad0] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    min-height: 128px;
    padding: 26px 28px 24px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 10%, rgba(255, 255, 255, .06), transparent 31%),
        linear-gradient(135deg, #1b2027, #11151a 72%);
}

.territory-workspace-header > div:first-child[b-9poxxm7ad0] {
    min-width: 0;
}

.territory-workspace-header .territories-section-kicker[b-9poxxm7ad0] {
    margin-bottom: 7px;
    color: rgba(255, 255, 255, .47);
}

.territory-workspace-header h2[b-9poxxm7ad0] {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 680;
    letter-spacing: -.03em;
    line-height: 1.15;
}

.territory-workspace-header p[b-9poxxm7ad0] {
    max-width: 72ch;
    margin: 7px 0 0;
    color: rgba(255, 255, 255, .58);
    font-size: 13px;
    line-height: 1.5;
}

.territory-workspace-summary[b-9poxxm7ad0] {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.territory-workspace-summary span[b-9poxxm7ad0] {
    display: grid;
    min-width: 112px;
    padding: 10px 13px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 11px;
    color: rgba(255, 255, 255, .5);
    background: rgba(255, 255, 255, .055);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.territory-workspace-summary strong[b-9poxxm7ad0] {
    margin-bottom: 3px;
    color: #fff;
    font-size: 20px;
    font-weight: 680;
    letter-spacing: -.025em;
    line-height: 1;
}

.territory-workspace-grid[b-9poxxm7ad0] {
    display: grid;
    grid-template-columns: minmax(285px, 322px) minmax(0, 1fr);
    align-items: start;
    gap: 16px;
    padding: 16px;
}

.territory-workspace-sidebar[b-9poxxm7ad0] {
    position: sticky;
    top: 125px;
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 12px;
}

.territory-workspace-main[b-9poxxm7ad0] {
    min-width: 0;
}

.territory-three-pl-card[b-9poxxm7ad0],
.territory-focus-bar[b-9poxxm7ad0],
.territory-selection-card[b-9poxxm7ad0] {
    border-color: #dfe1e5;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(14, 16, 20, .035);
}

.territory-three-pl-card[b-9poxxm7ad0] {
    margin: 0;
    overflow: hidden;
}

.territory-three-pl-card .card-body[b-9poxxm7ad0] {
    padding: 20px;
}

.territory-three-pl-card .card-body > .d-flex:first-child[b-9poxxm7ad0] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px !important;
}

.territory-three-pl-card .h5[b-9poxxm7ad0] {
    margin: 0 0 7px !important;
    color: var(--territory-ink);
    font-size: 14px;
    font-weight: 690;
    letter-spacing: -.012em;
    line-height: 1.35;
    text-transform: none;
}

.territory-three-pl-card p[b-9poxxm7ad0] {
    font-size: 12.5px;
    line-height: 1.52;
}

.territory-three-pl-card .form-check.form-switch[b-9poxxm7ad0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid #e2e4e8;
    border-radius: 10px;
    background: #f8f8f9;
}

.territory-three-pl-card .form-check-input[b-9poxxm7ad0] {
    order: 2;
    float: none;
    flex: 0 0 auto;
    margin: 0;
}

.territory-three-pl-card .form-check-label[b-9poxxm7ad0] {
    font-size: 12.5px;
}

.territory-three-pl-card .alert[b-9poxxm7ad0] {
    border: 1px solid #e2e5e9;
    border-radius: 10px;
    font-size: 11.5px;
    line-height: 1.45;
}

.territory-three-pl-card .alert-info[b-9poxxm7ad0] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch !important;
}

.territory-three-pl-card .alert-info > .d-flex[b-9poxxm7ad0] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
}

.territory-three-pl-card .alert-info > .d-flex .btn[b-9poxxm7ad0] {
    width: 100%;
}

.territory-three-pl-card .d-flex.align-items-end[b-9poxxm7ad0] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px !important;
}

.territory-three-pl-card .d-flex.align-items-end .control-field[b-9poxxm7ad0] {
    width: 100%;
    min-width: 0 !important;
}

.territory-three-pl-card .d-flex.align-items-end .form-select[b-9poxxm7ad0],
.territory-three-pl-card .d-flex.align-items-end > .btn[b-9poxxm7ad0] {
    width: 100%;
}

.territory-workspace-sidebar > .alert[b-9poxxm7ad0] {
    margin: 0;
    border: 1px solid var(--territory-line);
    border-radius: 12px;
    font-size: 12px;
}

.territory-focus-bar[b-9poxxm7ad0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 10px;
    margin: 0;
    padding: 17px;
}

.territory-focus-search[b-9poxxm7ad0] {
    width: 100%;
    max-width: none;
}

.territory-focus-bar .territory-focus-input .form-control[b-9poxxm7ad0] {
    width: 100%;
    height: 40px;
}

.territory-focus-hint[b-9poxxm7ad0] {
    margin-top: 2px;
    font-size: 11px;
    line-height: 1.45;
}

.territory-focus-clear[b-9poxxm7ad0] {
    width: 100%;
}

.territory-service-toggle[b-9poxxm7ad0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 40px;
    margin: 0;
    padding: 0 10px;
    border-top: 1px solid #eceef1;
}

.territory-service-toggle .form-check-input[b-9poxxm7ad0] {
    order: 2;
    float: none;
    margin: 0;
}

.territory-selection-card[b-9poxxm7ad0] {
    margin: 0 0 12px;
}

.territory-selection-card .card-body[b-9poxxm7ad0] {
    padding: 15px 17px !important;
}

.territory-map-shell[b-9poxxm7ad0] {
    margin: 0 !important;
    padding: 7px;
    border: 1px solid #dadce1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(14, 16, 20, .04);
}

.territory-map-shell .map-frame[b-9poxxm7ad0] {
    min-height: 650px;
    height: min(76vh, 820px);
    border: 0;
    border-radius: 11px;
    box-shadow: none;
}

.territory-map-legend[b-9poxxm7ad0] {
    right: 19px;
    bottom: 20px;
    left: 19px;
    width: fit-content;
    max-width: calc(100% - 38px);
    flex-wrap: wrap;
    padding: 9px 11px;
    border-color: rgba(20, 22, 28, .16);
    border-radius: 10px;
    background: rgba(255, 255, 255, .93);
    box-shadow: 0 8px 28px rgba(14, 16, 20, .14);
    font-size: 10.5px;
    backdrop-filter: blur(14px);
}

/* Section headers and network cards */

.territories-section-head[b-9poxxm7ad0] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    margin: 36px 0 14px;
    padding: 0 2px;
}

.territories-section-head > div[b-9poxxm7ad0] {
    min-width: 0;
}

.territories-section-head .territories-section-kicker[b-9poxxm7ad0] {
    margin-bottom: 6px;
}

.territories-section-head h2[b-9poxxm7ad0] {
    margin: 0;
    color: var(--territory-ink);
    font-size: 21px;
    font-weight: 680;
    letter-spacing: -.028em;
    line-height: 1.15;
}

.territories-section-head p[b-9poxxm7ad0] {
    max-width: 95ch;
    margin: 5px 0 0;
    color: var(--territory-muted);
    font-size: 12.5px;
    line-height: 1.48;
}

.territories-section-head-compact[b-9poxxm7ad0] {
    margin-top: 30px;
}

.dc-cards[b-9poxxm7ad0] {
    grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
    gap: 12px;
}

.dc-card[b-9poxxm7ad0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px 16px;
    overflow: hidden;
    padding: 18px 18px 16px;
    border-color: var(--territory-line);
    border-radius: 15px;
    box-shadow: 0 1px 2px rgba(14, 16, 20, .035);
    transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.dc-card:hover[b-9poxxm7ad0] {
    border-color: #d5d7dc;
    box-shadow: 0 12px 30px rgba(14, 16, 20, .07);
    transform: translateY(-1px);
}

.dc-card-name[b-9poxxm7ad0] {
    align-self: center;
    margin: 0;
    color: #31333a;
    font-size: 13.5px;
    font-weight: 650;
    line-height: 1.35;
}

.dc-card-vans[b-9poxxm7ad0] {
    display: grid;
    justify-items: end;
    color: var(--territory-ink);
    font-size: 27px;
    font-weight: 700;
}

.dc-card-vans span[b-9poxxm7ad0] {
    margin: 3px 0 0;
    font-size: 8.5px;
    letter-spacing: .08em;
}

.dc-card-stats[b-9poxxm7ad0] {
    grid-column: 1 / -1;
    gap: 0;
    margin-top: 4px;
    padding-top: 9px;
    border-top: 1px solid #eceef1;
}

.dc-card-stats > div[b-9poxxm7ad0] {
    min-height: 27px;
    align-items: center;
    border-bottom: 1px solid #f1f2f4;
    font-size: 11.5px;
}

.dc-card-stats > div:last-child[b-9poxxm7ad0] {
    border-bottom: 0;
}

.dc-card-stats dt[b-9poxxm7ad0] {
    color: #858991;
}

.dc-card-stats dd[b-9poxxm7ad0] {
    color: #34363d;
    font-variant-numeric: tabular-nums;
}

/* Dense data, presented as contained enterprise panels */

.territory-table-panel[b-9poxxm7ad0] {
    overflow: auto;
    margin-bottom: 18px;
    border: 1px solid var(--territory-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(14, 16, 20, .035), 0 10px 30px rgba(14, 16, 20, .025);
}

.territory-table-panel > .table[b-9poxxm7ad0] {
    margin: 0 !important;
}

.territory-table-panel .table > thead > tr:first-child > th[b-9poxxm7ad0] {
    height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--territory-line);
    color: #60646d;
    background: #f7f8f9;
    font-size: 10px;
    font-weight: 720;
    letter-spacing: .045em;
    line-height: 1.25;
    text-transform: uppercase;
    white-space: nowrap;
}

.territory-table-panel .territories-filter-table .table-filter-row > th[b-9poxxm7ad0] {
    border-bottom: 1px solid #e6e8ec;
    background: #fbfbfc;
}

.territory-table-panel .table > tbody > tr > td[b-9poxxm7ad0] {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-color: #eceef1;
    color: #3f4249;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    vertical-align: middle;
}

.territory-table-panel .table > tbody > tr:hover > td[b-9poxxm7ad0] {
    background-color: #f7f8fa;
}

.territory-table-panel .table > tfoot > tr > td[b-9poxxm7ad0] {
    padding-top: 11px;
    padding-bottom: 11px;
    border-top: 1px solid #dfe1e5;
    background: #f8f8f9;
}

.territory-table-panel .territory-swatch[b-9poxxm7ad0] {
    width: 11px;
    height: 11px;
    border-radius: 3px;
}

.territory-table-panel .badge[b-9poxxm7ad0] {
    font-size: 9.5px;
    font-weight: 650;
}

.territories-page > p.text-muted[b-9poxxm7ad0] {
    margin-top: -3px;
    padding: 0 2px;
    font-size: 11.5px !important;
    line-height: 1.55;
}

.territories-page > .card[b-9poxxm7ad0],
.territories-page > section.card[b-9poxxm7ad0] {
    border-color: var(--territory-line) !important;
    border-radius: 15px;
    box-shadow: 0 1px 2px rgba(14, 16, 20, .035) !important;
}

/* Neutral card contract: status may use a glyph or a small dot, never a colored card edge. */
.territories-page :is(
    .territory-plan-card,
    .territory-signal,
    .territory-three-pl-card,
    .territory-selection-card,
    .dc-card)[b-9poxxm7ad0] {
    border: 1px solid var(--territory-line) !important;
}

.territories-page :is(.territory-plan-status-icon, .territory-signal-icon)[b-9poxxm7ad0] {
    border-color: #dfe3e8 !important;
}

/* Responsive behavior */

@media (max-width: 1450px) {
    .territories-hero-stats[b-9poxxm7ad0] {
        grid-template-columns: repeat(5, minmax(100px, 1fr));
    }

    .territories-hero-updated[b-9poxxm7ad0] {
        grid-column: 1 / -1;
        justify-content: flex-start;
        min-height: 38px;
        padding-block: 10px;
        border-top: 1px solid var(--territory-line);
        text-align: left;
    }

    .territory-metrics-grid[b-9poxxm7ad0] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .territories-command-panel[b-9poxxm7ad0] {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        padding: 16px 18px;
    }

    .territories-command-row[b-9poxxm7ad0] {
        grid-template-columns: minmax(200px, 240px) minmax(260px, auto);
    }

    .territory-workspace-grid[b-9poxxm7ad0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .territory-workspace-sidebar[b-9poxxm7ad0] {
        position: static;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: start;
    }

    .territory-workspace-sidebar > .alert[b-9poxxm7ad0] {
        grid-column: 1 / -1;
    }

    .territory-three-pl-card[b-9poxxm7ad0],
    .territory-focus-bar[b-9poxxm7ad0] {
        height: 100%;
    }

    .territory-map-shell .map-frame[b-9poxxm7ad0] {
        min-height: 580px;
    }
}

@media (max-width: 820px) {
    .territories-hero-copy[b-9poxxm7ad0] {
        padding: 28px 24px 24px;
    }

    .territories-command-panel[b-9poxxm7ad0] {
        margin: 0 16px 18px;
        padding: 15px;
    }

    .territories-hero-stats[b-9poxxm7ad0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .territories-hero-stat[b-9poxxm7ad0] {
        border-bottom: 1px solid var(--territory-line);
    }

    .territories-hero-stat:nth-child(2n)[b-9poxxm7ad0] {
        border-right: 0;
    }

    .territories-hero-stat:nth-child(5)[b-9poxxm7ad0] {
        grid-column: 1 / -1;
        border-right: 0;
    }

    .territories-section-nav[b-9poxxm7ad0] {
        grid-template-columns: repeat(4, minmax(132px, 1fr));
        overflow-x: auto;
        overscroll-behavior-inline: contain;
    }

    .territories-section-nav a[b-9poxxm7ad0] {
        justify-content: flex-start;
    }

    .territory-metrics-grid[b-9poxxm7ad0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 12px;
    }

    .territory-metric-wide[b-9poxxm7ad0] {
        grid-column: span 2;
    }

    .territory-workspace-header[b-9poxxm7ad0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .territory-workspace-sidebar[b-9poxxm7ad0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .territories-section-head[b-9poxxm7ad0] {
        align-items: flex-start;
    }

    .territory-map-shell .map-frame[b-9poxxm7ad0] {
        min-height: 520px;
        height: 66vh;
    }
}

@media (max-width: 560px) {
    .territories-hero[b-9poxxm7ad0] {
        border-radius: 16px;
    }

    .territories-hero-copy h1[b-9poxxm7ad0] {
        font-size: 32px;
    }

    .territories-eyebrow-separator[b-9poxxm7ad0],
    .territories-eyebrow-separator + span[b-9poxxm7ad0] {
        display: none;
    }

    .territories-command-row[b-9poxxm7ad0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .territories-command-panel[b-9poxxm7ad0] {
        margin: 0 12px 14px;
        padding: 13px;
    }

    .territories-compute-button[b-9poxxm7ad0] {
        width: 100%;
    }

    .territories-section-nav[b-9poxxm7ad0] {
        top: 62px;
        margin-inline: -2px;
    }

    .territory-plan-header[b-9poxxm7ad0] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .territory-plan-time[b-9poxxm7ad0] {
        grid-column: 2;
        justify-self: start;
    }

    .territory-metrics-grid[b-9poxxm7ad0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .territory-metric-wide[b-9poxxm7ad0] {
        grid-column: auto;
    }

    .territory-metric:last-child[b-9poxxm7ad0] {
        grid-column: auto;
    }

    .territory-signal[b-9poxxm7ad0],
    .territory-signal-warning[b-9poxxm7ad0] {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .territory-workspace[b-9poxxm7ad0] {
        border-radius: 16px;
    }

    .territory-workspace-header[b-9poxxm7ad0] {
        padding: 23px 20px 21px;
    }

    .territory-workspace-header h2[b-9poxxm7ad0] {
        font-size: 21px;
    }

    .territory-workspace-summary[b-9poxxm7ad0] {
        width: 100%;
    }

    .territory-workspace-summary span[b-9poxxm7ad0] {
        flex: 1 1 0;
        min-width: 0;
    }

    .territory-workspace-grid[b-9poxxm7ad0] {
        padding: 10px;
    }

    .territory-map-shell[b-9poxxm7ad0] {
        padding: 4px;
    }

    .territory-map-shell .map-frame[b-9poxxm7ad0] {
        min-height: 440px;
    }

    .territory-map-legend[b-9poxxm7ad0] {
        right: 11px;
        bottom: 12px;
        left: 11px;
        max-width: calc(100% - 22px);
    }

    .territories-section-head[b-9poxxm7ad0] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .dc-cards[b-9poxxm7ad0] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .dc-card[b-9poxxm7ad0],
    .territories-section-nav a[b-9poxxm7ad0] {
        transition: none;
    }
}
/* /Components/Pages/Upute.razor.rz.scp.css */
.guide[b-j3z6teaytt] {
    width: min(1120px, 100%);
    margin: 0 auto;
    color: var(--ink-800);
}

.guide-head[b-j3z6teaytt] {
    padding: 12px 0 30px;
    border-bottom: 1px solid var(--line);
}

.guide-eyebrow[b-j3z6teaytt],
.guide-section-kicker[b-j3z6teaytt],
.guide-toc-title[b-j3z6teaytt],
.guide-callout-label[b-j3z6teaytt],
.role-tag[b-j3z6teaytt],
.guardrail-grid article > span[b-j3z6teaytt] {
    display: block;
    color: var(--atlas-red);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .11em;
    line-height: 1.3;
    text-transform: uppercase;
}

.guide-head > h1[b-j3z6teaytt] {
    max-width: 18ch;
    margin: 12px 0;
    color: var(--ink-950);
    font-size: clamp(30px, 5vw, 48px);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.03;
    text-wrap: balance;
}

.guide-lead[b-j3z6teaytt] {
    max-width: 67ch;
    margin: 0;
    color: var(--ink-500);
    font-size: 17px;
    line-height: 1.6;
}

.guide-actions[b-j3z6teaytt],
.guide-inline-actions[b-j3z6teaytt] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.guide-action[b-j3z6teaytt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    color: var(--ink-800);
    background: var(--surface);
    font-size: 13.5px;
    font-weight: 650;
    text-decoration: none;
    transition: border-color .15s ease, color .15s ease, background .15s ease;
}

.guide-action:hover[b-j3z6teaytt] {
    border-color: var(--ink-400);
    color: var(--ink-950);
}

.guide-action-primary[b-j3z6teaytt] {
    border-color: var(--ink-950);
    color: #fff;
    background: var(--ink-950);
}

.guide-action-primary:hover[b-j3z6teaytt] {
    border-color: var(--atlas-red);
    color: #fff;
    background: var(--atlas-red);
}

.guide-contract[b-j3z6teaytt] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 15px;
    max-width: 850px;
    margin-top: 28px;
    padding: 18px 20px;
    border: 1px solid color-mix(in srgb, var(--atlas-red) 28%, var(--line));
    border-radius: var(--radius);
    background: color-mix(in srgb, var(--atlas-red) 4%, var(--surface));
}

.guide-contract-mark[b-j3z6teaytt] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: var(--atlas-red);
}

.guide-contract-mark svg[b-j3z6teaytt] {
    width: 23px;
    height: 23px;
}

.guide-contract span[b-j3z6teaytt] {
    color: var(--atlas-red);
    font-size: 10.5px;
    font-weight: 750;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.guide-contract h2[b-j3z6teaytt] {
    margin: 3px 0 5px;
    color: var(--ink-950);
    font-size: 17px;
    font-weight: 750;
}

.guide-contract p[b-j3z6teaytt] {
    max-width: 72ch;
    margin: 0;
    color: var(--ink-600);
    font-size: 14px;
    line-height: 1.55;
}

.guide-layout[b-j3z6teaytt] {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 54px;
    align-items: start;
}

.guide-toc[b-j3z6teaytt] {
    position: sticky;
    top: 18px;
    max-height: calc(100vh - 36px);
    padding-top: 30px;
    overflow-y: auto;
}

.guide-toc-title[b-j3z6teaytt] {
    margin: 0 0 11px 9px;
    color: var(--ink-400);
}

.guide-toc ol[b-j3z6teaytt] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.guide-toc a[b-j3z6teaytt] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 7px 9px;
    border-radius: 7px;
    color: var(--ink-500);
    font-size: 13px;
    line-height: 1.3;
    text-decoration: none;
}

.guide-toc a:hover[b-j3z6teaytt],
.guide-toc a.active[b-j3z6teaytt] {
    color: var(--ink-950);
    background: var(--line-soft);
}

.guide-toc a.active[b-j3z6teaytt] {
    font-weight: 700;
}

.guide-toc a > span[b-j3z6teaytt] {
    color: var(--ink-400);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.guide-toc a.active > span[b-j3z6teaytt] {
    color: var(--atlas-red);
}

.guide-body[b-j3z6teaytt] {
    min-width: 0;
    padding-bottom: 80px;
}

.guide-section[b-j3z6teaytt] {
    padding: 42px 0 12px;
    border-top: 1px solid var(--line-soft);
    scroll-margin-top: 74px;
}

.guide-section:first-child[b-j3z6teaytt] {
    border-top: 0;
}

.guide-section > h2[b-j3z6teaytt] {
    max-width: 24ch;
    margin: 7px 0 9px;
    color: var(--ink-950);
    font-size: clamp(24px, 3.5vw, 32px);
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.12;
    text-wrap: balance;
}

.guide-section-lead[b-j3z6teaytt] {
    max-width: 68ch;
    margin: 0 0 23px;
    color: var(--ink-500);
    font-size: 15.5px;
    line-height: 1.6;
}

.workflow-list[b-j3z6teaytt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.workflow-list > li[b-j3z6teaytt] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 13px;
    min-height: 154px;
    padding: 17px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
    box-shadow: var(--shadow-sm);
}

.workflow-list > li:last-child[b-j3z6teaytt] {
    grid-column: 1 / -1;
    min-height: 0;
}

.workflow-number[b-j3z6teaytt],
.recalc-steps > li > span[b-j3z6teaytt] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 8px;
    color: #fff;
    background: var(--ink-900);
    font-size: 13px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.workflow-list h3[b-j3z6teaytt],
.guide-panel h3[b-j3z6teaytt],
.guide-callout h3[b-j3z6teaytt],
.recalc-steps h3[b-j3z6teaytt],
.role-grid h3[b-j3z6teaytt] {
    margin: 1px 0 5px;
    color: var(--ink-950);
    font-size: 15px;
    font-weight: 750;
}

.workflow-list p[b-j3z6teaytt],
.guide-panel p[b-j3z6teaytt],
.guide-callout p[b-j3z6teaytt],
.recalc-steps p[b-j3z6teaytt],
.role-grid p[b-j3z6teaytt] {
    margin: 0;
    color: var(--ink-500);
    font-size: 13.5px;
    line-height: 1.52;
}

.workflow-list a[b-j3z6teaytt],
.role-grid a[b-j3z6teaytt],
.guide-support-callout a[b-j3z6teaytt] {
    display: inline-flex;
    gap: 6px;
    margin-top: 11px;
    color: var(--atlas-red);
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
}

.guide-callout[b-j3z6teaytt] {
    max-width: 790px;
    margin: 20px 0;
    padding: 18px 20px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

.guide-callout-accent[b-j3z6teaytt] {
    border-color: color-mix(in srgb, var(--atlas-red) 30%, var(--line));
    background: color-mix(in srgb, var(--atlas-red) 4%, var(--surface));
}

.guide-callout-label[b-j3z6teaytt] {
    margin-bottom: 7px;
}

.guide-two-columns[b-j3z6teaytt],
.role-grid[b-j3z6teaytt],
.guardrail-grid[b-j3z6teaytt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.guide-panel[b-j3z6teaytt],
.role-grid article[b-j3z6teaytt],
.guardrail-grid article[b-j3z6teaytt] {
    padding: 18px 20px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

.guide-panel-muted[b-j3z6teaytt] {
    background: var(--line-soft);
}

.guide-check-list[b-j3z6teaytt] {
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

.guide-check-list li[b-j3z6teaytt] {
    position: relative;
    margin: 8px 0;
    padding-left: 23px;
    color: var(--ink-600);
    font-size: 13.5px;
    line-height: 1.45;
}

.guide-check-list li[b-j3z6teaytt]::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--success);
    font-weight: 800;
}

.recalc-steps[b-j3z6teaytt] {
    margin: 23px 0 0;
    padding: 0;
    list-style: none;
}

.recalc-steps > li[b-j3z6teaytt] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 14px;
    padding: 0 0 20px;
}

.recalc-steps > li:not(:last-child) > span[b-j3z6teaytt]::after {
    content: "";
    display: block;
    width: 1px;
    height: 47px;
    margin-top: 8px;
    background: var(--line);
}

.recalc-steps > li > span[b-j3z6teaytt] {
    overflow: visible;
}

.guardrail-grid article > span[b-j3z6teaytt] {
    margin-bottom: 9px;
    color: var(--ink-400);
}

.guardrail-grid article > strong[b-j3z6teaytt] {
    display: block;
    margin-bottom: 7px;
    color: var(--ink-950);
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -.025em;
}

.guardrail-grid article > p[b-j3z6teaytt] {
    margin: 0;
    color: var(--ink-500);
    font-size: 13px;
    line-height: 1.5;
}

.guide-review-panel[b-j3z6teaytt] {
    max-width: none;
    margin-top: 10px;
}

.guide-review-panel ul[b-j3z6teaytt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 24px;
    margin: 13px 0 0;
    padding-left: 20px;
    color: var(--ink-600);
    font-size: 13.5px;
    line-height: 1.5;
}

.guide-review-panel strong[b-j3z6teaytt] {
    color: var(--ink-900);
}

.role-grid article[b-j3z6teaytt] {
    min-height: 174px;
}

.role-tag[b-j3z6teaytt] {
    margin-bottom: 12px;
    color: var(--ink-400);
}

.support-list[b-j3z6teaytt] {
    max-width: 820px;
    border-top: 1px solid var(--line);
}

.support-list details[b-j3z6teaytt] {
    border-bottom: 1px solid var(--line);
}

.support-list summary[b-j3z6teaytt] {
    position: relative;
    padding: 16px 38px 16px 0;
    color: var(--ink-900);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.support-list summary[b-j3z6teaytt]::-webkit-details-marker {
    display: none;
}

.support-list summary[b-j3z6teaytt]::after {
    content: "+";
    position: absolute;
    top: 12px;
    right: 4px;
    color: var(--ink-400);
    font-size: 22px;
    font-weight: 400;
}

.support-list details[open] summary[b-j3z6teaytt]::after {
    content: "−";
}

.support-list details p[b-j3z6teaytt] {
    max-width: 70ch;
    margin: -4px 0 17px;
    color: var(--ink-500);
    font-size: 13.5px;
    line-height: 1.55;
}

.guide-support-callout[b-j3z6teaytt] {
    margin-top: 24px;
}

.guide-footer[b-j3z6teaytt] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
    margin-top: 34px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
}

.guide-footer p[b-j3z6teaytt] {
    max-width: 66ch;
    margin: 0;
    color: var(--ink-400);
    font-size: 12.5px;
    line-height: 1.5;
}

.guide-footer a[b-j3z6teaytt] {
    flex: none;
    color: var(--ink-500);
    font-size: 12.5px;
    font-weight: 650;
    text-decoration: none;
}

@media (max-width: 860px) {
    .guide-layout[b-j3z6teaytt] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .guide-toc[b-j3z6teaytt] {
        position: static;
        max-height: none;
        padding: 18px 0 8px;
        overflow: visible;
    }

    .guide-toc ol[b-j3z6teaytt] {
        display: flex;
        gap: 5px;
        overflow-x: auto;
        padding-bottom: 7px;
    }

    .guide-toc li[b-j3z6teaytt] {
        flex: none;
    }

    .guide-toc a[b-j3z6teaytt] {
        display: flex;
        white-space: nowrap;
    }
}

@media (max-width: 640px) {
    .guide-head > h1[b-j3z6teaytt] {
        font-size: 32px;
    }

    .guide-contract[b-j3z6teaytt] {
        grid-template-columns: 1fr;
    }

    .workflow-list[b-j3z6teaytt],
    .guide-two-columns[b-j3z6teaytt],
    .role-grid[b-j3z6teaytt],
    .guardrail-grid[b-j3z6teaytt],
    .guide-review-panel ul[b-j3z6teaytt] {
        grid-template-columns: 1fr;
    }

    .workflow-list > li:last-child[b-j3z6teaytt] {
        grid-column: auto;
    }

    .guide-actions .guide-action[b-j3z6teaytt],
    .guide-inline-actions .guide-action[b-j3z6teaytt] {
        width: 100%;
    }

    .guide-footer[b-j3z6teaytt] {
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .guide-action[b-j3z6teaytt] {
        transition: none;
    }
}
/* /Components/Shared/HelpTip.razor.rz.scp.css */
.help-tip[b-goiu9w5upd] {
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
    vertical-align: middle;
}

.help-tip-icon[b-goiu9w5upd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #c7ccd1;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    font-family: system-ui, sans-serif;
    cursor: pointer;
    transition: background 0.12s ease, transform 0.12s ease;
    text-transform: none;
    letter-spacing: normal;
}

.help-tip-icon:hover[b-goiu9w5upd],
.help-tip-icon:focus-visible[b-goiu9w5upd] {
    background: #e11d2a;
    transform: scale(1.08);
    outline: none;
}
/* /Components/Shared/LanguageSelector.razor.rz.scp.css */
/* Shared dropdown chrome lives in app.css (.dd*). Here: the mobile compaction — on phones the
   language control is just the globe icon, the current-code label and caret drop away. */
@media (max-width: 900.98px) {
    .dd-label[b-w7732lfi52],
    .dd-caret[b-w7732lfi52] {
        display: none;
    }

    .dd-trigger[b-w7732lfi52] {
        padding: 0 6px;
        gap: 0;
    }
}