/* =========================================================
   DESTROZADO07 // STAR CITIZEN CONTROL V2
   INDUSTRIAL CONTROL UI
   DRAKE-INSPIRED UTILITARIAN SHELL
   ========================================================= */


/* =========================================================
   VARIABLES
   ========================================================= */

:root {

    --bg-0: #070808;
    --bg-1: #0a0c0d;
    --bg-2: #0f1213;
    --bg-3: #15191a;
    --bg-4: #1b2021;
    --bg-5: #252a2b;

    --steel-0: #111415;
    --steel-1: #171b1c;
    --steel-2: #202526;
    --steel-3: #2a3031;

    --panel:
        rgba(15, 18, 19, 0.97);

    --panel-strong:
        rgba(21, 25, 26, 0.99);

    --panel-soft:
        rgba(255, 255, 255, 0.022);

    --line:
        rgba(218, 224, 222, 0.085);

    --line-medium:
        rgba(218, 224, 222, 0.14);

    --line-strong:
        rgba(218, 224, 222, 0.22);

    --text:
        #e2e4df;

    --text-soft:
        #a4aaa7;

    --text-dim:
        #69706d;

    --text-dark:
        #363c3a;

    --accent:
        #d77a24;

    --accent-soft:
        rgba(215, 122, 36, 0.12);

    --accent-medium:
        rgba(215, 122, 36, 0.30);

    --accent-strong:
        #f09a45;

    --accent-hot:
        #ffad58;

    --positive:
        #7baf80;

    --negative:
        #c7665d;

    --warning:
        #d7a052;

    --sidebar-width:
        244px;

    --topbar-height:
        86px;

    --section-nav-height:
        54px;

    --radius-sm:
        2px;

    --radius-md:
        3px;

    --radius-lg:
        4px;

    --shadow-panel:
        0 20px 54px rgba(0, 0, 0, 0.30);

    --transition:
        150ms ease;
}


/* =========================================================
   RESET
   ========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}


html {
    min-height: 100%;
    background: var(--bg-0);
}


body {
    margin: 0;

    min-height: 100vh;

    background:
        radial-gradient(
            circle at 78% 3%,
            rgba(215, 122, 36, 0.055),
            transparent 25%
        ),
        linear-gradient(
            145deg,
            #070808 0%,
            #0b0d0e 46%,
            #080909 100%
        );

    color: var(--text);

    font-family:
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 14px;
    line-height: 1.5;

    overflow-x: hidden;
}


button,
input,
select,
textarea {
    font: inherit;
}


button {
    color: inherit;
}


a {
    color: inherit;
}


/* =========================================================
   INDUSTRIAL BACKGROUND
   ========================================================= */

body::before {

    content: "";

    position: fixed;

    inset: 0;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.012) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.012) 1px,
            transparent 1px
        );

    background-size:
        56px 56px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 88%
        );

    z-index: 0;
}


body::after {

    content: "";

    position: fixed;

    inset: 0;

    pointer-events: none;

    background:
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 4px,
            rgba(255, 255, 255, 0.006) 5px
        );

    opacity: 0.3;

    z-index: 0;
}


/* =========================================================
   APP SHELL
   ========================================================= */

.app-shell {

    position: relative;

    z-index: 1;

    display: grid;

    grid-template-columns:
        var(--sidebar-width)
        minmax(0, 1fr);

    min-height: 100vh;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.sidebar {

    position: fixed;

    top: 0;
    bottom: 0;
    left: 0;

    width:
        var(--sidebar-width);

    display: flex;

    flex-direction: column;

    background:
        linear-gradient(
            180deg,
            #151819 0%,
            #0e1112 45%,
            #090b0c 100%
        );

    border-right:
        1px solid
        rgba(215, 122, 36, 0.20);

    box-shadow:
        12px 0 42px
        rgba(0, 0, 0, 0.34);

    z-index: 30;
}


.sidebar::after {

    content: "";

    position: absolute;

    top: 0;
    right: 7px;
    bottom: 0;

    width: 1px;

    pointer-events: none;

    background:
        linear-gradient(
            to bottom,
            rgba(215, 122, 36, 0.20),
            rgba(255, 255, 255, 0.03) 40%,
            transparent
        );
}


/* =========================================================
   BRAND
   ========================================================= */

.brand {

    position: relative;

    min-height:
        var(--topbar-height);

    display: flex;

    align-items: center;

    gap: 13px;

    padding:
        15px 17px;

    border-bottom:
        1px solid
        var(--line-medium);

    background:
        linear-gradient(
            120deg,
            rgba(215, 122, 36, 0.10),
            rgba(255, 255, 255, 0.01) 55%
        );
}


.brand::after {

    content: "AUTHORIZED TERMINAL";

    position: absolute;

    right: 11px;
    bottom: 5px;

    color:
        rgba(255, 255, 255, 0.10);

    font-size: 6px;

    font-weight: 800;

    letter-spacing: 0.15em;
}


.brand-mark {

    position: relative;

    width: 48px;
    height: 48px;

    flex-shrink: 0;

    display: grid;

    place-items: center;

    background:
        #1a1d1e;

    border:
        1px solid
        rgba(215, 122, 36, 0.55);

    color:
        var(--accent-hot);

    font-size: 14px;

    font-weight: 900;

    letter-spacing: 0.12em;

    clip-path:
        polygon(
            0 0,
            calc(100% - 8px) 0,
            100% 8px,
            100% 100%,
            8px 100%,
            0 calc(100% - 8px)
        );
}


.brand-mark::before {

    content: "";

    position: absolute;

    left: 4px;
    top: 4px;

    width: 7px;
    height: 2px;

    background:
        var(--accent);
}


.brand-mark::after {

    content: "";

    position: absolute;

    right: 4px;
    bottom: 4px;

    width: 7px;
    height: 2px;

    background:
        var(--accent);
}


.brand-copy {

    min-width: 0;

    display: flex;

    flex-direction: column;
}


.brand-copy strong {

    color:
        var(--text);

    font-size: 13px;

    font-weight: 850;

    letter-spacing: 0.08em;

    white-space: nowrap;
}


.brand-copy span {

    margin-top: 2px;

    color:
        var(--text-dim);

    font-size: 7px;

    font-weight: 850;

    letter-spacing: 0.16em;
}


/* =========================================================
   TERMINAL ID
   ========================================================= */

.sidebar-terminal-id {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    min-height: 38px;

    padding:
        0 17px;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.055);

    background:
        rgba(0, 0, 0, 0.18);
}


.sidebar-terminal-id span {

    color:
        var(--text-dim);

    font-size: 7px;

    font-weight: 850;

    letter-spacing: 0.17em;
}


.sidebar-terminal-id strong {

    color:
        rgba(215, 122, 36, 0.88);

    font-size: 7px;

    font-weight: 850;

    letter-spacing: 0.12em;
}


/* =========================================================
   MAIN NAVIGATION
   ========================================================= */

.main-nav {

    flex: 1;

    display: flex;

    flex-direction: column;

    gap: 5px;

    padding:
        14px 11px;

    overflow-y: auto;
}


.area-nav-item {

    position: relative;

    width: 100%;

    min-height: 59px;

    display: grid;

    grid-template-columns:
        35px minmax(0, 1fr);

    align-items: center;

    gap: 10px;

    padding:
        7px 12px;

    border:
        1px solid
        rgba(255, 255, 255, 0.045);

    border-radius: 0;

    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.018),
            rgba(255, 255, 255, 0.006)
        );

    color:
        var(--text-soft);

    text-align: left;

    cursor: pointer;

    clip-path:
        polygon(
            0 0,
            calc(100% - 7px) 0,
            100% 7px,
            100% 100%,
            0 100%
        );

    transition:
        background var(--transition),
        border-color var(--transition),
        color var(--transition),
        transform var(--transition);
}


.area-nav-item:hover {

    background:
        linear-gradient(
            90deg,
            rgba(215, 122, 36, 0.09),
            rgba(255, 255, 255, 0.015)
        );

    border-color:
        rgba(215, 122, 36, 0.18);

    color:
        var(--text);
}


.area-nav-item.active {

    background:
        linear-gradient(
            90deg,
            rgba(215, 122, 36, 0.22),
            rgba(215, 122, 36, 0.055)
        );

    border-color:
        rgba(215, 122, 36, 0.32);

    color:
        #f3eee7;
}


.area-nav-item.active::before {

    content: "";

    position: absolute;

    left: 0;
    top: 7px;
    bottom: 7px;

    width: 3px;

    background:
        var(--accent);

    box-shadow:
        0 0 10px
        rgba(215, 122, 36, 0.38);
}


.area-nav-item.active::after {

    content: "";

    position: absolute;

    right: 10px;
    top: 10px;

    width: 16px;
    height: 1px;

    background:
        rgba(240, 154, 69, 0.60);
}


.area-nav-index {

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 31px;

    border-right:
        1px solid
        rgba(255, 255, 255, 0.07);

    color:
        var(--text-dim);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 0.08em;
}


.area-nav-item.active
.area-nav-index {

    color:
        var(--accent-hot);

    border-right-color:
        rgba(215, 122, 36, 0.25);
}


.area-nav-copy {

    min-width: 0;

    display: flex;

    flex-direction: column;
}


.area-nav-copy strong {

    color:
        inherit;

    font-size: 10px;

    font-weight: 850;

    letter-spacing: 0.075em;
}


.area-nav-copy small {

    margin-top: 2px;

    color:
        var(--text-dim);

    font-size: 7px;

    font-weight: 650;

    letter-spacing: 0.045em;
}


.area-nav-item.active
.area-nav-copy small {

    color:
        #9d8a78;
}


/* =========================================================
   SYSTEM SEPARATOR
   ========================================================= */

.nav-system-separator {

    display: flex;

    align-items: center;

    gap: 9px;

    margin:
        9px 2px 2px;

    color:
        var(--text-dim);
}


.nav-system-separator::before {

    content: "";

    flex: 1;

    height: 1px;

    background:
        repeating-linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.10) 0,
            rgba(255, 255, 255, 0.10) 5px,
            transparent 5px,
            transparent 9px
        );
}


.nav-system-separator span {

    flex-shrink: 0;

    font-size: 6px;

    font-weight: 900;

    letter-spacing: 0.16em;
}


.area-nav-system {

    min-height: 51px;

    opacity: 0.88;
}


/* =========================================================
   SIDEBAR FOOTER
   ========================================================= */

.sidebar-footer {

    margin-top: auto;

    padding:
        13px 16px 15px;

    border-top:
        1px solid
        var(--line-medium);

    background:
        #0b0d0e;
}


.sidebar-status-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 8px;

    color:
        var(--text-dim);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 6px;

    font-weight: 900;

    letter-spacing: 0.15em;
}


.status-line {

    display: flex;

    align-items: center;

    gap: 9px;

    min-height: 28px;

    padding:
        0 9px;

    border:
        1px solid
        rgba(255, 255, 255, 0.055);

    background:
        rgba(255, 255, 255, 0.018);

    color:
        var(--text-soft);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 0.08em;
}


.status-dot {

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--warning);

    box-shadow:
        0 0 9px
        rgba(215, 160, 82, 0.4);
}


.status-dot.online {

    background:
        var(--positive);

    box-shadow:
        0 0 9px
        rgba(123, 175, 128, 0.5);
}


.status-dot.offline {

    background:
        var(--negative);

    box-shadow:
        0 0 9px
        rgba(199, 102, 93, 0.5);
}


.version-line {

    margin-top: 8px;

    color:
        #464c49;

    font-size: 6px;

    font-weight: 800;

    letter-spacing: 0.12em;
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

.main-content {

    grid-column: 2;

    min-width: 0;

    min-height: 100vh;
}


/* =========================================================
   TOPBAR
   ========================================================= */

.topbar {

    position: sticky;

    top: 0;

    z-index: 20;

    min-height:
        var(--topbar-height);

    display: flex;

    align-items: stretch;

    justify-content: space-between;

    gap: 20px;

    padding:
        0 25px;

    background:
        linear-gradient(
            180deg,
            rgba(19, 22, 23, 0.98),
            rgba(10, 12, 13, 0.97)
        );

    border-bottom:
        1px solid
        rgba(215, 122, 36, 0.17);

    backdrop-filter:
        blur(16px);

    -webkit-backdrop-filter:
        blur(16px);
}


.topbar::before {

    content: "";

    position: absolute;

    left: 25px;
    bottom: -1px;

    width: 96px;
    height: 2px;

    background:
        var(--accent);
}


.topbar-area-block {

    min-width: 0;

    display: flex;

    align-items: center;

    gap: 14px;
}


.active-area-code {

    width: 46px;
    height: 46px;

    flex-shrink: 0;

    display: grid;

    place-items: center;

    border:
        1px solid
        rgba(215, 122, 36, 0.28);

    background:
        rgba(215, 122, 36, 0.06);

    color:
        var(--accent-hot);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 12px;

    font-weight: 900;

    letter-spacing: 0.08em;

    clip-path:
        polygon(
            0 0,
            calc(100% - 7px) 0,
            100% 7px,
            100% 100%,
            7px 100%,
            0 calc(100% - 7px)
        );
}


.topbar-title {

    min-width: 0;
}


.topbar-pretitle {

    display: flex;

    align-items: center;

    gap: 7px;

    margin-bottom: 3px;
}


.eyebrow {

    color:
        var(--accent);

    font-size: 7px;

    font-weight: 900;

    letter-spacing: 0.19em;
}


.topbar-divider {

    color:
        #434a47;

    font-size: 8px;
}


.active-area-label {

    color:
        var(--text-dim);

    font-size: 7px;

    font-weight: 900;

    letter-spacing: 0.14em;
}


.topbar-title h1 {

    margin: 0;

    color:
        var(--text);

    font-size:
        clamp(
            20px,
            2vw,
            27px
        );

    font-weight: 620;

    letter-spacing: -0.025em;
}


.topbar-actions {

    display: flex;

    align-items: center;

    justify-content: flex-end;
}


.topbar-context {

    display: flex;

    align-items: stretch;

    min-height: 46px;

    border:
        1px solid
        rgba(255, 255, 255, 0.07);

    background:
        #101314;

    clip-path:
        polygon(
            7px 0,
            100% 0,
            100% calc(100% - 7px),
            calc(100% - 7px) 100%,
            0 100%,
            0 7px
        );
}


.context-item {

    min-width: 108px;

    padding:
        7px 13px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.06);
}


.context-item:first-child {

    border-left: 0;
}


.context-label {

    color:
        var(--text-dim);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 6px;

    font-weight: 900;

    letter-spacing: 0.14em;
}


.context-item strong {

    margin-top: 2px;

    color:
        var(--text);

    font-size: 10px;

    font-weight: 750;

    white-space: nowrap;
}


.context-wallet strong {

    color:
        var(--accent-hot);
}


/* =========================================================
   SECTION MODULE NAVIGATION
   ========================================================= */

.section-nav-shell {

    position: sticky;

    top:
        var(--topbar-height);

    z-index: 18;

    min-height:
        var(--section-nav-height);

    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    align-items: stretch;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.07);

    background:
        rgba(9, 11, 12, 0.97);

    box-shadow:
        0 10px 24px
        rgba(0, 0, 0, 0.17);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);
}


.section-nav-ident {

    min-width: 125px;

    display: flex;

    align-items: center;

    padding:
        0 18px;

    border-right:
        1px solid
        rgba(255, 255, 255, 0.06);

    background:
        rgba(255, 255, 255, 0.012);
}


.section-nav-ident span {

    color:
        #5f6663;

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 6px;

    font-weight: 900;

    letter-spacing: 0.18em;
}


.section-nav {

    min-width: 0;

    display: flex;

    align-items: stretch;

    overflow-x: auto;

    scrollbar-width: none;
}


.section-nav::-webkit-scrollbar {

    display: none;
}


.section-nav-empty {

    background:
        repeating-linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.012) 0,
            rgba(255, 255, 255, 0.012) 5px,
            transparent 5px,
            transparent 12px
        );
}


.section-nav-item {

    position: relative;

    min-width: 105px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    padding:
        0 15px;

    border: 0;

    border-right:
        1px solid
        rgba(255, 255, 255, 0.055);

    background:
        transparent;

    color:
        var(--text-dim);

    cursor: pointer;

    white-space: nowrap;

    transition:
        color var(--transition),
        background var(--transition);
}


.section-nav-item:hover {

    color:
        var(--text);

    background:
        rgba(255, 255, 255, 0.025);
}


.section-nav-item.active {

    color:
        var(--text);

    background:
        linear-gradient(
            180deg,
            rgba(215, 122, 36, 0.10),
            rgba(215, 122, 36, 0.025)
        );
}


.section-nav-item.active::after {

    content: "";

    position: absolute;

    left: 12px;
    right: 12px;
    bottom: 0;

    height: 2px;

    background:
        var(--accent);
}


.section-nav-marker {

    color:
        #505754;

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 6px;

    font-weight: 900;
}


.section-nav-item.active
.section-nav-marker {

    color:
        var(--accent-hot);
}


.section-nav-label {

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 0.07em;

    text-transform: uppercase;
}


.section-nav-end {

    min-width: 85px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    padding:
        0 13px;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.06);

    color:
        var(--text-dim);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 6px;

    font-weight: 900;

    letter-spacing: 0.13em;
}


.section-nav-end-light {

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--positive);

    box-shadow:
        0 0 7px
        rgba(123, 175, 128, 0.4);
}


/* =========================================================
   HAZARD DIVIDER
   ========================================================= */

.hazard-divider {

    height: 5px;

    display: flex;

    overflow: hidden;

    background:
        #090b0b;
}


.hazard-divider span {

    flex: 1;

    background:
        repeating-linear-gradient(
            135deg,
            rgba(215, 122, 36, 0.33) 0,
            rgba(215, 122, 36, 0.33) 7px,
            rgba(15, 18, 19, 0.25) 7px,
            rgba(15, 18, 19, 0.25) 14px
        );

    border-right:
        1px solid
        rgba(0, 0, 0, 0.5);
}


.hazard-divider span:nth-child(even) {

    opacity: 0.42;
}


/* =========================================================
   WORKSPACE
   ========================================================= */

.workspace {

    width: 100%;

    max-width:
        1720px;

    margin:
        0 auto;

    padding:
        22px 26px 48px;
}


/* =========================================================
   VIEWS
   ========================================================= */

.view {

    display: none;

    animation:
        view-enter
        150ms ease;
}


.view.active {

    display: block;
}


@keyframes view-enter {

    from {
        opacity: 0;

        transform:
            translateY(3px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }
}


/* =========================================================
   DASHBOARD HERO
   ========================================================= */

.dashboard-hero {

    position: relative;

    overflow: hidden;

    min-height: 142px;

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 40px;

    padding:
        24px 26px;

    border:
        1px solid
        var(--line-medium);

    background:
        linear-gradient(
            120deg,
            rgba(215, 122, 36, 0.115),
            transparent 40%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.025),
            rgba(255, 255, 255, 0.005)
        ),
        #111415;

    box-shadow:
        var(--shadow-panel);

    clip-path:
        polygon(
            0 0,
            calc(100% - 16px) 0,
            100% 16px,
            100% 100%,
            16px 100%,
            0 calc(100% - 16px)
        );
}


.dashboard-hero::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 110px;
    height: 3px;

    background:
        var(--accent);
}


.dashboard-hero::after {

    content: "D07 // GENERAL OPERATIONS TERMINAL";

    position: absolute;

    right: 24px;
    top: 16px;

    color:
        rgba(255, 255, 255, 0.045);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 0.16em;
}


.section-kicker {

    color:
        var(--accent);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 7px;

    font-weight: 900;

    letter-spacing: 0.18em;
}


.dashboard-hero h2 {

    margin:
        5px 0 5px;

    font-size:
        clamp(
            25px,
            3vw,
            36px
        );

    font-weight: 560;

    letter-spacing: -0.035em;
}


.dashboard-hero p {

    max-width: 620px;

    margin: 0;

    color:
        var(--text-soft);

    font-size: 11px;

    line-height: 1.65;
}


.hero-status {

    min-width: 150px;

    padding:
        12px 15px;

    border:
        1px solid
        rgba(215, 122, 36, 0.22);

    border-left:
        3px solid
        var(--accent);

    background:
        rgba(0, 0, 0, 0.19);
}


.hero-status span {

    display: block;

    color:
        var(--text-dim);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 6px;

    font-weight: 900;

    letter-spacing: 0.16em;
}


.hero-status strong {

    display: block;

    margin-top: 3px;

    color:
        var(--accent-hot);

    font-size: 12px;

    font-weight: 850;

    letter-spacing: 0.07em;
}


/* =========================================================
   METRICS
   ========================================================= */

.metric-grid {

    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 9px;

    margin-top: 9px;
}


.metric-card {

    position: relative;

    min-height: 105px;

    padding:
        17px 18px 15px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.027),
            rgba(255, 255, 255, 0.005)
        ),
        #111415;

    border:
        1px solid
        rgba(255, 255, 255, 0.075);

    box-shadow:
        0 10px 28px
        rgba(0, 0, 0, 0.14);

    clip-path:
        polygon(
            0 0,
            calc(100% - 9px) 0,
            100% 9px,
            100% 100%,
            0 100%
        );
}


.metric-card::before {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 34px;
    height: 2px;

    background:
        var(--accent);
}


.metric-card::after {

    content: "";

    position: absolute;

    top: 8px;
    right: 8px;

    width: 13px;
    height: 1px;

    background:
        rgba(215, 122, 36, 0.36);
}


.metric-label {

    display: block;

    color:
        var(--text-dim);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 6px;

    font-weight: 900;

    letter-spacing: 0.15em;
}


.metric-value {

    display: block;

    margin-top: 9px;

    color:
        var(--text);

    font-size:
        clamp(
            21px,
            2vw,
            29px
        );

    font-weight: 580;

    letter-spacing: -0.04em;
}


.metric-unit {

    display: block;

    margin-top: 1px;

    color:
        #646b68;

    font-size: 7px;

    font-weight: 800;

    letter-spacing: 0.10em;
}


/* =========================================================
   DASHBOARD GRID
   ========================================================= */

.dashboard-grid {

    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 9px;

    margin-top: 9px;
}


/* =========================================================
   PANELS
   ========================================================= */

.panel {

    position: relative;

    min-width: 0;

    border:
        1px solid
        rgba(255, 255, 255, 0.075);

    background:
        #101314;

    box-shadow:
        0 12px 34px
        rgba(0, 0, 0, 0.16);
}


.panel::after {

    content: "";

    position: absolute;

    top: -1px;
    right: 18px;

    width: 23px;
    height: 1px;

    background:
        rgba(215, 122, 36, 0.52);

    pointer-events: none;
}


.panel-wide {

    margin-top: 9px;
}


.panel-header {

    min-height: 54px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 18px;

    padding:
        11px 15px;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.065);

    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.022),
            transparent
        );
}


.panel-code {

    display: block;

    margin-bottom: 1px;

    color:
        var(--accent);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 6px;

    font-weight: 900;

    letter-spacing: 0.15em;
}


.panel-header h3 {

    margin: 0;

    color:
        var(--text);

    font-size: 12px;

    font-weight: 680;

    letter-spacing: 0.01em;
}


.panel-meta {

    color:
        #565d5a;

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 6px;

    font-weight: 900;

    letter-spacing: 0.14em;
}


.panel-body {

    padding:
        5px 15px 10px;
}


/* =========================================================
   DATA ROWS
   ========================================================= */

.data-row {

    min-height: 39px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 17px;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.042);
}


.data-row:last-child {

    border-bottom: 0;
}


.data-row span {

    color:
        var(--text-soft);

    font-size: 10px;
}


.data-row strong {

    color:
        var(--text);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 10px;

    font-weight: 750;

    text-align: right;
}


.data-row.emphasized {

    margin-top: 2px;

    padding-top: 2px;
}


.data-row.emphasized strong {

    color:
        var(--accent-hot);
}


/* =========================================================
   ACTIVITY
   ========================================================= */

.activity-feed {

    min-height: 150px;

    padding:
        15px;
}


.empty-state {

    min-height: 118px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    border:
        1px dashed
        rgba(255, 255, 255, 0.075);

    background:
        repeating-linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.006) 0,
            rgba(255, 255, 255, 0.006) 6px,
            transparent 6px,
            transparent 13px
        );
}


.empty-state span {

    color:
        var(--accent);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 7px;

    font-weight: 900;

    letter-spacing: 0.18em;
}


.empty-state p {

    margin:
        7px 0 0;

    color:
        var(--text-dim);

    font-size: 10px;
}


/* =========================================================
   MODULE PLACEHOLDER
   ========================================================= */

.module-placeholder {

    position: relative;

    min-height:
        calc(
            100vh -
            var(--topbar-height) -
            var(--section-nav-height) -
            85px
        );

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    border:
        1px solid
        var(--line);

    background:
        linear-gradient(
            135deg,
            rgba(215, 122, 36, 0.035),
            transparent 34%
        ),
        #101314;
}


.module-placeholder::before {

    content: "";

    position: absolute;

    inset: 17px;

    border:
        1px dashed
        rgba(255, 255, 255, 0.045);

    pointer-events: none;
}


.module-placeholder::after {

    content: "AWAITING MODULE DATA";

    position: absolute;

    right: 24px;
    bottom: 17px;

    color:
        rgba(255, 255, 255, 0.035);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 8px;

    font-weight: 900;

    letter-spacing: 0.15em;
}


.module-placeholder span {

    color:
        var(--accent);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 7px;

    font-weight: 900;

    letter-spacing: 0.20em;
}


.module-placeholder h2 {

    margin:
        5px 0 0;

    color:
        var(--text);

    font-size:
        clamp(
            25px,
            4vw,
            40px
        );

    font-weight: 520;

    letter-spacing: -0.04em;
}


/* =========================================================
   GENERIC UI COMPONENTS
   ========================================================= */

.btn {

    min-height: 36px;

    padding:
        0 14px;

    border:
        1px solid
        var(--line-medium);

    border-radius: 0;

    background:
        #15191a;

    color:
        var(--text);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 0.06em;

    cursor: pointer;

    clip-path:
        polygon(
            0 0,
            calc(100% - 5px) 0,
            100% 5px,
            100% 100%,
            0 100%
        );

    transition:
        background var(--transition),
        border-color var(--transition),
        color var(--transition);
}


.btn:hover {

    background:
        #1d2223;

    border-color:
        var(--line-strong);
}


.btn-primary {

    border-color:
        rgba(215, 122, 36, 0.34);

    background:
        rgba(215, 122, 36, 0.12);

    color:
        var(--accent-hot);
}


.btn-primary:hover {

    background:
        rgba(215, 122, 36, 0.21);

    border-color:
        rgba(215, 122, 36, 0.52);
}


/* =========================================================
   FORMS
   ========================================================= */

.input,
.select,
.textarea {

    width: 100%;

    border:
        1px solid
        rgba(255, 255, 255, 0.09);

    border-radius: 0;

    background:
        #090c0d;

    color:
        var(--text);

    outline: none;

    transition:
        border-color var(--transition),
        box-shadow var(--transition),
        background var(--transition);
}


.input,
.select {

    min-height: 37px;

    padding:
        0 10px;
}


.textarea {

    min-height: 88px;

    padding:
        9px 10px;

    resize: vertical;
}


.input:focus,
.select:focus,
.textarea:focus {

    border-color:
        rgba(215, 122, 36, 0.43);

    background:
        #0d1011;

    box-shadow:
        inset 3px 0 0
        rgba(215, 122, 36, 0.35);
}


.form-label {

    display: block;

    margin-bottom: 5px;

    color:
        var(--text-dim);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 6px;

    font-weight: 900;

    letter-spacing: 0.13em;
}


select option {

    background:
        #101415;

    color:
        var(--text);
}


/* =========================================================
   MODULE HERO
   ========================================================= */

.operations-hero,
.trade-hero,
.routes-hero,
.intel-hero,
.universe-hero,
.history-hero {

    margin-bottom: 0;
}


.operations-hero > .btn,
.trade-hero > .btn,
.routes-hero > .btn,
.intel-hero > .btn,
.universe-hero > .btn,
.history-hero > .btn {

    flex-shrink: 0;

    align-self: center;

    min-width: 132px;
}


/* =========================================================
   MODULE MESSAGES
   ========================================================= */

.operations-message,
.trade-message,
.routes-message,
.intel-message,
.universe-message,
.history-message {

    position: relative;

    margin-top: 9px;

    padding:
        10px 13px;

    border:
        1px solid
        rgba(123, 175, 128, 0.25);

    border-left:
        3px solid
        var(--positive);

    background:
        rgba(123, 175, 128, 0.055);

    color:
        #a6c8aa;

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 8px;

    font-weight: 750;

    letter-spacing: 0.04em;
}


.operations-message[data-type="error"],
.trade-message[data-type="error"],
.routes-message[data-type="error"],
.intel-message[data-type="error"],
.universe-message[data-type="error"],
.history-message[data-type="error"] {

    border-color:
        rgba(199, 102, 93, 0.30);

    border-left-color:
        var(--negative);

    background:
        rgba(199, 102, 93, 0.06);

    color:
        #d9a09b;
}


/* =========================================================
   SHARED MODULE SPACING
   ========================================================= */

.operations-metrics,
.trade-metrics,
.routes-metrics,
.intel-metrics,
.universe-metrics,
.history-metrics {

    margin-top: 9px;
}


.operations-grid,
.trade-grid,
.routes-grid,
.intel-grid,
.universe-grid {

    margin-top: 9px;
}


/* =========================================================
   MODULE PANEL BODIES
   ========================================================= */

.operations-panel-body,
.trade-panel-body,
.routes-panel-body,
.intel-panel-body,
.universe-form {

    display: grid;

    gap: 10px;

    padding:
        14px 15px 16px;
}


/* =========================================================
   FIELDS
   ========================================================= */

.operations-field,
.trade-field,
.routes-field,
.intel-field,
.universe-field,
.history-field {

    display: block;

    min-width: 0;
}


.operations-field .input,
.operations-field .select,
.trade-field .input,
.trade-field .select,
.routes-field .input,
.routes-field .select,
.intel-field .input,
.intel-field .select,
.universe-field .input,
.universe-field .select,
.history-field .input,
.history-field .select {

    transition:
        border-color var(--transition),
        background var(--transition),
        box-shadow var(--transition);
}


.operations-field .input:hover,
.operations-field .select:hover,
.trade-field .input:hover,
.trade-field .select:hover,
.routes-field .input:hover,
.routes-field .select:hover,
.intel-field .input:hover,
.intel-field .select:hover,
.universe-field .input:hover,
.universe-field .select:hover,
.history-field .input:hover,
.history-field .select:hover {

    border-color:
        rgba(255, 255, 255, 0.15);

    background:
        #0e1213;
}


/* =========================================================
   ACTION GROUPS
   ========================================================= */

.operations-actions,
.routes-actions,
.intel-actions,
.history-actions,
.routes-row-actions {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 7px;
}


.operations-panel-body > .btn,
.trade-panel-body > .btn,
.routes-panel-body > .btn,
.universe-submit {

    justify-self: start;
}


/* =========================================================
   OPERATIONS
   ========================================================= */

.operations-grid {

    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 9px;
}


.operations-session-status,
.route-run-status {

    min-height: 39px;

    display: flex;

    align-items: center;

    padding:
        0 11px;

    border:
        1px solid
        var(--line);

    border-left:
        3px solid
        var(--text-dim);

    background:
        rgba(0, 0, 0, 0.18);

    color:
        var(--text-dim);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 7px;

    font-weight: 900;

    letter-spacing: 0.08em;
}


.operations-session-status[data-status="online"],
.route-run-status[data-status="online"] {

    border-left-color:
        var(--positive);

    color:
        #9fc4a3;

    background:
        rgba(123, 175, 128, 0.045);
}


.operations-session-status[data-status="offline"],
.route-run-status[data-status="offline"] {

    border-left-color:
        var(--negative);

    color:
        #bd8580;
}


.operations-history-list,
.trade-history-list,
.routes-history,
.history-list {

    padding:
        0 15px 7px;
}


.operations-history-row,
.trade-history-row,
.routes-history-row {

    min-height: 62px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 20px;

    padding:
        10px 0;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.045);
}


.operations-history-row:last-child,
.trade-history-row:last-child,
.routes-history-row:last-child {

    border-bottom: 0;
}


.operations-history-main,
.trade-history-main,
.routes-history-main,
.operations-history-value,
.trade-history-value,
.routes-history-value {

    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 3px;
}


.operations-history-main strong,
.trade-history-main strong,
.routes-history-main strong {

    color:
        var(--text);

    font-size: 10px;

    font-weight: 700;
}


.operations-history-main span,
.trade-history-main span,
.routes-history-main span {

    color:
        var(--text-dim);

    font-size: 8px;

    line-height: 1.45;
}


.operations-history-value,
.trade-history-value,
.routes-history-value {

    align-items: flex-end;

    text-align: right;
}


.operations-history-value strong,
.trade-history-value strong,
.routes-history-value strong {

    color:
        var(--accent-hot);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 9px;

    font-weight: 800;
}


.operations-history-value span,
.trade-history-value span,
.routes-history-value span {

    color:
        var(--text-dim);

    font-size: 7px;
}


/* =========================================================
   TRADE
   ========================================================= */

.trade-grid {

    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 9px;
}


.trade-preview {

    position: relative;

    min-height: 52px;

    display: flex;

    align-items: center;

    padding:
        0 13px;

    overflow: hidden;

    border:
        1px solid
        rgba(215, 122, 36, 0.28);

    border-left:
        3px solid
        var(--accent);

    background:
        linear-gradient(
            90deg,
            rgba(215, 122, 36, 0.10),
            rgba(215, 122, 36, 0.02)
        );

    color:
        var(--accent-hot);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 0.07em;
}


.trade-preview::after {

    content: "";

    position: absolute;

    right: 0;
    top: 0;

    width: 19px;
    height: 100%;

    background:
        repeating-linear-gradient(
            135deg,
            transparent 0,
            transparent 5px,
            rgba(215, 122, 36, 0.07) 5px,
            rgba(215, 122, 36, 0.07) 9px
        );
}


/* =========================================================
   ROUTES
   ========================================================= */

.routes-grid {

    display: grid;

    grid-template-columns:
        minmax(250px, 0.95fr)
        minmax(250px, 0.85fr)
        minmax(290px, 1.2fr);

    gap: 9px;

    align-items: start;
}


.routes-list,
.routes-history {

    padding:
        0 15px 7px;
}


.routes-list-row {

    min-height: 66px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        auto;

    align-items: center;

    gap: 18px;

    padding:
        10px 0;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.045);
}


.routes-list-row:last-child {

    border-bottom: 0;
}


.routes-list-main {

    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 3px;
}


.routes-list-main strong {

    color:
        var(--text);

    font-size: 10px;

    font-weight: 750;
}


.routes-list-main span {

    color:
        var(--text-dim);

    font-size: 8px;

    line-height: 1.5;
}


.routes-list-stats {

    min-width: 105px;

    text-align: right;
}


.routes-list-stats strong {

    color:
        var(--accent-hot);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 9px;
}


.routes-row-actions {

    justify-content:
        flex-end;
}


.routes-row-actions .btn {

    min-width: 36px;

    padding:
        0 10px;
}


/* =========================================================
   MARKET INTEL
   ========================================================= */

.intel-grid {

    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 9px;
}


.intel-filter-grid {

    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 9px;
}


.intel-row {

    min-height: 60px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 18px;

    padding:
        10px 0;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.045);
}


.intel-row:last-child {

    border-bottom: 0;
}


.intel-row-main {

    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 3px;
}


.intel-row-main strong {

    color:
        var(--text);

    font-size: 9px;

    font-weight: 750;

    line-height: 1.4;
}


.intel-row-main span {

    color:
        var(--text-dim);

    font-size: 8px;

    line-height: 1.45;
}


.intel-row-value {

    max-width: 225px;

    color:
        var(--accent-hot);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 8px;

    font-weight: 800;

    text-align: right;

    line-height: 1.45;
}


.intel-panel-body > .empty-state {

    min-height: 105px;
}


/* =========================================================
   UNIVERSE
   ========================================================= */

.universe-grid {

    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 9px;

    align-items: start;
}


.universe-panel {

    height: 100%;
}


.universe-submit {

    margin-top: 2px;
}


.universe-catalog-grid {

    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 0;

    padding: 0;
}


.universe-list {

    min-width: 0;

    min-height: 170px;

    padding:
        14px 15px;

    border-right:
        1px solid
        var(--line);

    border-bottom:
        1px solid
        var(--line);
}


.universe-list:nth-child(3n) {

    border-right: 0;
}


.universe-list:nth-last-child(-n + 3) {

    border-bottom: 0;
}


.universe-list .form-label {

    margin-bottom: 8px;
}


.universe-list-content {

    display: flex;

    flex-direction: column;

    gap: 3px;
}


.universe-record {

    position: relative;

    min-height: 31px;

    display: flex;

    align-items: center;

    padding:
        6px 8px
        6px 12px;

    border:
        1px solid
        rgba(255, 255, 255, 0.042);

    background:
        rgba(255, 255, 255, 0.012);

    color:
        var(--text-soft);

    font-size: 8px;

    line-height: 1.4;
}


.universe-record::before {

    content: "";

    position: absolute;

    left: 0;
    top: 7px;
    bottom: 7px;

    width: 2px;

    background:
        rgba(215, 122, 36, 0.70);
}


.universe-empty {

    min-height: 64px;

    display: grid;

    place-items: center;

    border:
        1px dashed
        rgba(255, 255, 255, 0.055);

    color:
        var(--text-dim);

    font-size: 8px;

    letter-spacing: 0.05em;
}


/* =========================================================
   HISTORY
   ========================================================= */

.history-filter-panel .panel-body {

    padding:
        14px 15px 16px;
}


.history-filter-grid {

    display: grid;

    grid-template-columns:
        minmax(170px, 0.4fr)
        minmax(270px, 1fr);

    gap: 9px;
}


.history-actions {

    margin-top: 9px;
}


.history-list {

    padding:
        0 15px 7px;
}


.history-row {

    min-height: 66px;

    display: grid;

    grid-template-columns:
        78px
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 16px;

    padding:
        10px 0;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.045);
}


.history-row:last-child {

    border-bottom: 0;
}


.history-source {

    min-width: 68px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 24px;

    padding:
        0 7px;

    border:
        1px solid
        var(--line);

    background:
        rgba(255, 255, 255, 0.018);

    color:
        var(--text-dim);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 6px;

    font-weight: 900;

    letter-spacing: 0.10em;
}


.history-source[data-source="economy"] {

    border-color:
        rgba(215, 122, 36, 0.25);

    color:
        var(--accent-hot);

    background:
        rgba(215, 122, 36, 0.06);
}


.history-source[data-source="trade"] {

    border-color:
        rgba(123, 175, 128, 0.22);

    color:
        #a0c3a4;

    background:
        rgba(123, 175, 128, 0.05);
}


.history-source[data-source="route"] {

    border-color:
        rgba(215, 160, 82, 0.22);

    color:
        #d2ad73;

    background:
        rgba(215, 160, 82, 0.05);
}


.history-row-main {

    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 3px;
}


.history-row-main strong {

    color:
        var(--text);

    font-size: 9px;

    font-weight: 750;
}


.history-row-main span {

    color:
        var(--text-dim);

    font-size: 8px;

    line-height: 1.45;
}


.history-row-value {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: 3px;

    text-align: right;
}


.history-row-value strong {

    color:
        var(--accent-hot);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size: 10px;
}


.history-row-value span {

    color:
        var(--text-dim);

    font-size: 7px;
}


/* =========================================================
   MODULE EMPTY STATES
   ========================================================= */

.operations-history-list > .empty-state,
.trade-history-list > .empty-state,
.routes-list > .empty-state,
.routes-history > .empty-state,
.intel-panel-body > .empty-state,
.history-list > .empty-state {

    margin:
        15px 0;

    min-height: 96px;
}


/* =========================================================
   MODULE PANEL DETAIL
   ========================================================= */

.operations-panel,
.trade-panel,
.routes-panel,
.intel-panel,
.universe-panel {

    position: relative;

    overflow: hidden;
}


.operations-panel::before,
.trade-panel::before,
.routes-panel::before,
.intel-panel::before,
.universe-panel::before {

    content: "";

    position: absolute;

    top: 0;
    right: 0;

    width: 20px;
    height: 2px;

    background:
        rgba(215, 122, 36, 0.50);

    pointer-events: none;
}


/* =========================================================
   COMPATIBILITY WITH PREVIOUS NAV CLASSES
   ========================================================= */

.nav-item,
.nav-group,
.nav-group-toggle,
.nav-submenu,
.nav-subsection-label {

    /*
     * Ya no forman parte del layout principal,
     * pero se conservan sin efectos destructivos
     * por compatibilidad durante la migración.
     */

    box-sizing: border-box;
}


/* =========================================================
   SCROLLBAR
   ========================================================= */

* {

    scrollbar-width: thin;

    scrollbar-color:
        #343a38
        #090b0c;
}


::-webkit-scrollbar {

    width: 8px;
    height: 8px;
}


::-webkit-scrollbar-track {

    background:
        #090b0c;
}


::-webkit-scrollbar-thumb {

    background:
        #343a38;

    border:
        2px solid
        #090b0c;
}


::-webkit-scrollbar-thumb:hover {

    background:
        #474e4b;
}


/* =========================================================
   SELECTION
   ========================================================= */

::selection {

    background:
        rgba(215, 122, 36, 0.28);

    color:
        #ffffff;
}


/* =========================================================
M33 // D07 FILTER SYSTEM
========================================================= */

.d07-filter-bar {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 14px;
    border: 1px solid var(--line);
    background: rgba(10, 13, 14, 0.72);
}

.d07-filter-search {
    flex: 1 1 260px;
    min-width: 220px;
}

.d07-filter-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.d07-filter-group-label {
    color: var(--text-dim);
    font-family: Consolas, "Courier New", monospace;
    font-size: 6px;
    font-weight: 900;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.d07-filter-chips {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.d07-filter-chip {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: #101415;
    color: var(--text-dim);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.05em;
    cursor: pointer;
    clip-path: polygon(0 0, calc(100% - 4px) 0, 100% 4px, 100% 100%, 0 100%);
    transition: background var(--transition), border-color var(--transition), color var(--transition);
}

.d07-filter-chip:hover {
    border-color: var(--line-strong);
    background: #181d1e;
    color: var(--text);
}

.d07-filter-chip.active,
.d07-filter-chip[aria-pressed="true"] {
    border-color: rgba(215, 122, 36, 0.42);
    background: rgba(215, 122, 36, 0.14);
    color: var(--accent-hot);
}

.d07-filter-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.d07-filter-reset {
    opacity: 0.78;
}

.d07-filter-reset:hover {
    opacity: 1;
}

.d07-filter-count {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-left: 2px solid rgba(215, 122, 36, 0.55);
    background: rgba(255, 255, 255, 0.025);
    color: var(--text);
    font-family: Consolas, "Courier New", monospace;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.06em;
    white-space: nowrap;
}

.d07-filter-count strong {
    margin-right: 5px;
    color: var(--accent-hot);
}

.d07-filter-active {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    width: 100%;
}

.d07-filter-active:empty {
    display: none;
}

.d07-filter-token {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 8px;
    border: 1px solid rgba(215, 122, 36, 0.23);
    background: rgba(215, 122, 36, 0.07);
    color: var(--text-dim);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.d07-filter-token strong {
    color: var(--accent-hot);
}


/* =========================================================
   MEDIUM DESKTOP
   ========================================================= */

@media (
    max-width: 1320px
) {

    :root {

        --sidebar-width:
            226px;
    }


    .universe-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .routes-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .routes-grid > :last-child {

        grid-column:
            1 / -1;
    }


    .intel-filter-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .section-nav-ident {

        min-width: 105px;

        padding:
            0 13px;
    }


    .section-nav-item {

        min-width: 95px;

        padding:
            0 11px;
    }
}


/* =========================================================
   TABLET / SMALL DESKTOP
   ========================================================= */

@media (
    max-width: 1120px
) {

    :root {

        --sidebar-width:
            210px;
    }


    .brand {

        padding:
            14px 13px;
    }


    .brand-mark {

        width: 43px;
        height: 43px;
    }


    .brand-copy strong {

        font-size: 11px;
    }


    .brand-copy span {

        font-size: 6px;
    }


    .sidebar-terminal-id {

        padding:
            0 13px;
    }


    .main-nav {

        padding:
            12px 8px;
    }


    .area-nav-item {

        min-height: 55px;

        padding:
            6px 9px;

        grid-template-columns:
            31px minmax(0, 1fr);
    }


    .area-nav-copy strong {

        font-size: 9px;
    }


    .area-nav-copy small {

        font-size: 6px;
    }


    .topbar {

        padding:
            0 18px;
    }


    .topbar-context {

        display: none;
    }


    .metric-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }
}


/* =========================================================
   MODULE RESPONSIVE
   ========================================================= */

@media (
    max-width: 980px
) {

    .operations-grid,
    .trade-grid,
    .intel-grid {

        grid-template-columns:
            1fr;
    }


    .routes-grid {

        grid-template-columns:
            1fr;
    }


    .routes-grid > :last-child {

        grid-column:
            auto;
    }


    .universe-catalog-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .universe-list,
    .universe-list:nth-child(3n) {

        border-right:
            1px solid var(--line);

        border-bottom:
            1px solid var(--line);
    }


    .universe-list:nth-child(2n) {

        border-right: 0;
    }


    .universe-list:nth-last-child(-n + 2) {

        border-bottom: 0;
    }
}


/* =========================================================
   MOBILE / NARROW
   ========================================================= */

@media (
    max-width: 820px
) {

    :root {

        --topbar-height:
            70px;

        --section-nav-height:
            48px;
    }


    .app-shell {

        display: block;

        padding-bottom:
            66px;
    }


    .sidebar {

        top: auto;

        right: 0;

        width: auto;
        height: 66px;

        flex-direction: row;

        align-items: stretch;

        border-right: 0;

        border-top:
            1px solid
            rgba(215, 122, 36, 0.22);

        background:
            rgba(10, 12, 13, 0.985);

        backdrop-filter:
            blur(15px);

        -webkit-backdrop-filter:
            blur(15px);
    }


    .sidebar::after,
    .brand,
    .sidebar-terminal-id,
    .sidebar-footer,
    .nav-system-separator {

        display: none;
    }


    .main-nav {

        width: 100%;
        height: 66px;

        display: grid;

        grid-template-columns:
            repeat(
                7,
                minmax(54px, 1fr)
            );

        gap: 0;

        padding: 0;

        overflow-x: auto;

        overflow-y: hidden;
    }


    .area-nav-item {

        min-width: 58px;
        min-height: 66px;

        display: flex;

        align-items: center;

        justify-content: center;

        padding:
            4px;

        border: 0;

        border-left:
            1px solid
            rgba(255, 255, 255, 0.04);

        background:
            transparent;

        clip-path: none;

        text-align: center;
    }


    .area-nav-item.active {

        background:
            rgba(215, 122, 36, 0.10);
    }


    .area-nav-item.active::before {

        left: 9px;
        right: 9px;
        top: 0;
        bottom: auto;

        width: auto;
        height: 2px;
    }


    .area-nav-item.active::after {

        display: none;
    }


    .area-nav-index {

        display: none;
    }


    .area-nav-copy {

        align-items: center;
    }


    .area-nav-copy strong {

        font-size: 7px;

        letter-spacing: 0.04em;
    }


    .area-nav-copy small {

        display: none;
    }


    .main-content {

        min-height: auto;
    }


    .topbar {

        min-height:
            var(--topbar-height);

        padding:
            0 13px;
    }


    .topbar-area-block {

        gap: 10px;
    }


    .active-area-code {

        width: 39px;
        height: 39px;

        font-size: 10px;
    }


    .topbar-title h1 {

        font-size: 17px;
    }


    .topbar-pretitle {

        gap: 5px;
    }


    .eyebrow {

        font-size: 6px;
    }


    .active-area-label,
    .topbar-divider {

        display: none;
    }


    .section-nav-shell {

        top:
            var(--topbar-height);

        min-height:
            var(--section-nav-height);

        grid-template-columns:
            minmax(0, 1fr);
    }


    .section-nav-ident,
    .section-nav-end {

        display: none;
    }


    .section-nav-item {

        min-width: 92px;

        padding:
            0 10px;
    }


    .section-nav-marker {

        display: none;
    }


    .section-nav-label {

        font-size: 7px;
    }


    .hazard-divider {

        height: 3px;
    }


    .workspace {

        padding:
            15px 12px 28px;
    }


    .dashboard-hero {

        min-height: 135px;

        align-items: flex-start;

        flex-direction: column;

        padding:
            20px 18px;
    }


    .dashboard-hero::after {

        display: none;
    }


    .hero-status {

        width: 100%;

        min-width: 0;
    }


    .metric-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .dashboard-grid {

        grid-template-columns:
            1fr;
    }


    .operations-hero > .btn,
    .trade-hero > .btn,
    .routes-hero > .btn,
    .intel-hero > .btn,
    .universe-hero > .btn,
    .history-hero > .btn {

        width: 100%;

        align-self: stretch;
    }


    .operations-grid,
    .trade-grid,
    .routes-grid,
    .intel-grid,
    .universe-grid {

        grid-template-columns:
            1fr;
    }


    .intel-filter-grid,
    .history-filter-grid {

        grid-template-columns:
            1fr;
    }


    .operations-history-row,
    .trade-history-row,
    .routes-history-row,
    .intel-row {

        grid-template-columns:
            1fr;

        gap: 6px;
    }


    .operations-history-value,
    .trade-history-value,
    .routes-history-value {

        align-items:
            flex-start;

        text-align:
            left;
    }


    .intel-row-value {

        max-width: none;

        text-align: left;
    }


    .routes-list-row {

        grid-template-columns:
            1fr;

        gap: 8px;
    }


    .routes-list-stats {

        min-width: 0;

        text-align: left;
    }


    .routes-row-actions {

        justify-content:
            flex-start;
    }


    .history-row {

        grid-template-columns:
            1fr;

        gap: 6px;
    }


    .history-source {

        justify-self:
            start;
    }


    .history-row-value {

        align-items:
            flex-start;

        text-align:
            left;
    }


    .universe-catalog-grid {

        grid-template-columns:
            1fr;
    }


    .universe-list,
    .universe-list:nth-child(2n),
    .universe-list:nth-child(3n),
    .universe-list:nth-last-child(-n + 2),
    .universe-list:nth-last-child(-n + 3) {

        border-right: 0;

        border-bottom:
            1px solid var(--line);
    }


    .universe-list:last-child {

        border-bottom: 0;
    }
}


/* =========================================================
   SMALL PHONE
   ========================================================= */

@media (
    max-width: 520px
) {

    .workspace {

        padding:
            10px 8px 24px;
    }


    .topbar {

        padding:
            0 9px;
    }


    .active-area-code {

        width: 35px;
        height: 35px;
    }


    .topbar-title h1 {

        font-size: 15px;
    }


    .metric-grid {

        grid-template-columns:
            1fr;
    }


    .metric-card {

        min-height: 90px;
    }


    .dashboard-hero {

        padding:
            18px 15px;
    }


    .dashboard-hero h2 {

        font-size: 23px;
    }


    .dashboard-hero p {

        font-size: 10px;
    }


    .panel-header {

        min-height: 50px;

        padding:
            10px 12px;
    }


    .panel-body {

        padding:
            5px 12px 9px;
    }


    .area-nav-copy strong {

        font-size: 6px;
    }


    .section-nav-item {

        min-width: 80px;

        padding:
            0 8px;
    }


    .section-nav-label {

        font-size: 6px;
    }


    .operations-panel-body,
    .trade-panel-body,
    .routes-panel-body,
    .intel-panel-body,
    .universe-form {

        padding:
            12px;
    }


    .operations-actions,
    .routes-actions,
    .intel-actions,
    .history-actions {

        display: grid;

        grid-template-columns:
            1fr;
    }


    .operations-actions .btn,
    .routes-actions .btn,
    .intel-actions .btn,
    .history-actions .btn {

        width: 100%;
    }


    .operations-history-list,
    .trade-history-list,
    .routes-list,
    .routes-history,
    .history-list {

        padding:
            0 12px 5px;
    }


    .universe-list {

        padding:
            12px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (
    prefers-reduced-motion: reduce
) {

    *,
    *::before,
    *::after {

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;

        scroll-behavior:
            auto !important;
    }
}
/* =========================================================
M33 // READABILITY 16PX
========================================================= */

body { font-size: 16px; }
.area-nav-copy strong { font-size: 16px; }
.area-nav-copy small { font-size: 16px; }
.section-nav-label { font-size: 16px; }
.panel-header h3 { font-size: 16px; }
.panel-meta { font-size: 16px; }
.data-row span { font-size: 16px; }
.data-row strong { font-size: 16px; }
.btn { font-size: 16px; }
.input,
.select,
.textarea { font-size: 16px; }
.form-label { font-size: 16px; }
.d07-filter-group-label { font-size: 16px; }
.d07-filter-chip { font-size: 16px; }
.d07-filter-count { font-size: 16px; }
.d07-filter-token { font-size: 16px; }
select option { font-size: 16px; }

/* =========================================================
M33 // TYPOGRAPHY FINAL 14-16
========================================================= */

/* SIDEBAR // 14PX */
.brand-copy strong,
.brand-copy span,
.sidebar-terminal-id span,
.sidebar-terminal-id strong,
.area-nav-index,
.area-nav-copy strong,
.area-nav-copy small,
.nav-system-separator span,
.area-nav-system .area-nav-index,
.area-nav-system .area-nav-copy strong,
.area-nav-system .area-nav-copy small {
    font-size: 14px;
}

/* TOPBAR // ACTIVE AREA */
.topbar-area-block {
    align-items: center;
    gap: 18px;
}

.active-area-code {
    width: 58px;
    height: 58px;
    font-size: 20px;
}

.topbar-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.topbar-pretitle {
    justify-content: center;
    margin-bottom: 4px;
}

.eyebrow,
.active-area-label,
.topbar-divider {
    font-size: 16px;
}

.topbar-title h1 {
    font-size: clamp(28px, 2.4vw, 34px);
    text-align: center;
}

/* TOPBAR // SYSTEM SESSION WALLET */
.topbar-context {
    min-height: 62px;
    align-items: stretch;
}

.context-item {
    min-width: 140px;
    padding: 9px 16px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.context-label {
    font-size: 16px;
    text-align: center;
}

.context-item strong {
    margin-top: 4px;
    font-size: 18px;
    text-align: center;
}

/* =========================================================
M33 // SIDEBAR FINAL SCALE
========================================================= */

.section-nav-ident span {
    font-size: 16px;
}

.area-nav-index {
    font-size: 14px;
}

.area-nav-copy strong {
    font-size: 14px;
}

.area-nav-copy small {
    font-size: 11px;
    line-height: 1.25;
}

.nav-system-separator span {
    font-size: 14px;
}

.area-nav-system .area-nav-index,
.area-nav-system .area-nav-copy strong {
    font-size: 14px;
}

.area-nav-system .area-nav-copy small {
    font-size: 11px;
}

/* =========================================================
HANGAR V3 // SHIP MEDIA
========================================================= */

.fleet-ship-media {
    position: relative;
    width: 100%;
    min-height: 300px;
    margin: 16px 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(145deg, rgba(215,122,36,0.04), rgba(255,255,255,0.01)), #090c0d;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
}

.fleet-ship-media::before {
    content: "RSI // VEHICLE VISUAL";
    position: absolute;
    top: 10px;
    left: 12px;
    z-index: 2;
    color: var(--accent-hot);
    font-family: Consolas, "Courier New", monospace;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.fleet-ship-image {
    display: block;
    width: 100%;
    max-height: 520px;
    object-fit: contain;
    object-position: center;
}

.fleet-rsi-link {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 3;
    text-decoration: none;
    backdrop-filter: blur(8px);
}



/* =========================================================
   D07_HANGAR_V3_LAYOUT_PP71
   ========================================================= */

.fleet-list-panel-selected {
    align-self: start;
    overflow: visible !important;
}

.fleet-list-panel-selected .fleet-list {
    max-height: 168px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.fleet-selected-workspace {
    width: 100%;
    min-width: 0;
    padding: 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 16px;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 154, 34, 0.20);
    background:
        linear-gradient(
            180deg,
            rgba(255, 142, 31, 0.025),
            rgba(0, 0, 0, 0)
        );
}

.fleet-selected-workspace
.fleet-ship-media-expanded {
    width: 100%;
    height: clamp(480px, 53vh, 680px);
    min-height: 480px;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid rgba(255, 154, 34, 0.42);
    background:
        linear-gradient(
            145deg,
            rgba(215, 122, 36, 0.045),
            rgba(255, 255, 255, 0.008)
        ),
        #070a0b;
}

.fleet-selected-workspace
.fleet-ship-media-expanded:has(.ship-holoviewer) {
    min-height: 480px;
}

.fleet-selected-workspace
.fleet-ship-media-expanded
.ship-holoviewer {
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.fleet-selected-workspace
.fleet-ship-media-expanded
.ship-holoviewer-viewport {
    width: 100%;
    height: 100% !important;
    min-height: 100% !important;
}

.fleet-selected-workspace
.fleet-ship-media-expanded
.ship-holoviewer-canvas {
    width: 100% !important;
    height: 100% !important;
}

.fleet-ship-specs-compact {
    width: 100%;
    min-width: 0;
    padding: 14px;
    box-sizing: border-box;
    border: 1px solid rgba(110, 135, 145, 0.22);
    background: rgba(5, 8, 9, 0.62);
}

.fleet-ship-specs-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.fleet-ship-specs-header h3 {
    margin: 0;
    font-size: 14px;
    letter-spacing: 0.05em;
}

.fleet-ship-spec-grid {
    display: grid;
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );
    column-gap: 18px;
    row-gap: 0;
}

.fleet-ship-spec-grid > * {
    min-width: 0;
    margin: 0 !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
}

.fleet-detail-panel {
    align-self: start;
}

.fleet-detail {
    min-width: 0;
}

.fleet-detail
.fleet-detail-heading {
    margin-bottom: 16px;
}

.fleet-detail
.fleet-detail-heading h2 {
    margin: 3px 0 8px;
}

.fleet-detail
.fleet-detail-heading p {
    margin: 0;
    max-width: 74ch;
    line-height: 1.5;
}

.fleet-component-impact-panel {
    position: relative;
    min-height: 500px;
    padding: 16px;
    margin-top: 14px;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(255, 154, 34, 0.30);
    background:
        linear-gradient(
            145deg,
            rgba(255, 143, 31, 0.035),
            rgba(255, 255, 255, 0.012)
        ),
        #080b0c;
    clip-path:
        polygon(
            0 0,
            calc(100% - 12px) 0,
            100% 12px,
            100% 100%,
            0 100%
        );
}

.fleet-component-impact-panel::before {
    content: "D07 // COMPONENT DELTA";
    position: absolute;
    top: 8px;
    right: 14px;
    color: rgba(255, 154, 34, 0.58);
    font-family: Consolas, "Courier New", monospace;
    font-size: 10px;
    letter-spacing: 0.08em;
    pointer-events: none;
}

.fleet-component-impact-header {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.fleet-component-impact-header h3 {
    margin: 4px 0 0;
    font-size: 15px;
    letter-spacing: 0.06em;
}

.fleet-component-impact-hint {
    margin: 12px 0;
    color: rgba(235, 240, 241, 0.68);
    font-size: 12px;
    line-height: 1.45;
}

.fleet-component-impact-compare {
    display: grid;
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );
    gap: 10px;
    margin-top: 14px;
}

.fleet-component-impact-card {
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.025);
}

.fleet-component-impact-current {
    border-color: rgba(255, 154, 34, 0.48);
}

.fleet-component-impact-candidate {
    border-color: rgba(110, 145, 155, 0.30);
}

.fleet-component-impact-label {
    color: rgba(255, 154, 34, 0.78);
    font-family: Consolas, "Courier New", monospace;
    font-size: 10px;
    letter-spacing: 0.10em;
}

.fleet-component-impact-card strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fleet-component-impact-card small {
    color: rgba(235, 240, 241, 0.58);
    line-height: 1.35;
}

.fleet-component-impact-delta {
    min-height: 250px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.fleet-component-impact-empty {
    min-height: 220px;
    display: grid;
    place-items: center;
    padding: 20px;
    box-sizing: border-box;
    border: 1px dashed rgba(255, 154, 34, 0.18);
    color: rgba(235, 240, 241, 0.38);
    font-family: Consolas, "Courier New", monospace;
    font-size: 11px;
    line-height: 1.6;
    text-align: center;
    letter-spacing: 0.05em;
}

.fleet-selected-workspace
.fleet-powerplant-compatibility {
    width: min(390px, 46%) !important;
    max-height: calc(100% - 28px) !important;
}

.fleet-powerplant-compatibility-close {
    display: grid !important;
    place-items: center;
}

@media (max-width: 1250px) {

    .fleet-ship-spec-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .fleet-selected-workspace
    .fleet-ship-media-expanded {
        height: clamp(440px, 50vh, 590px);
        min-height: 440px;
    }
}

@media (max-width: 900px) {

    .fleet-list-panel-selected
    .fleet-list {
        max-height: 220px;
    }

    .fleet-selected-workspace
    .fleet-ship-media-expanded {
        height: 440px;
        min-height: 420px;
    }

    .fleet-ship-spec-grid {
        grid-template-columns: 1fr;
    }

    .fleet-component-impact-compare {
        grid-template-columns: 1fr;
    }

    .fleet-selected-workspace
    .fleet-powerplant-compatibility {
        width: calc(100% - 24px) !important;
    }
}

/* =========================================================
   END D07_HANGAR_V3_LAYOUT_PP71
   ========================================================= */



/* =========================================================
   D07_PP75_COMPONENT_COMPARE
   ========================================================= */


.fleet-powerplant-option {
    cursor: pointer;
    transition:
        border-color 120ms ease,
        background 120ms ease,
        box-shadow 120ms ease,
        transform 120ms ease;
}


.fleet-powerplant-option:hover,
.fleet-powerplant-option:focus-visible {
    outline: none;
    border-color:
        rgba(
            255,
            176,
            48,
            0.78
        ) !important;
    background:
        rgba(
            255,
            154,
            34,
            0.10
        ) !important;
}


.fleet-powerplant-option.is-selected {
    border-color:
        rgba(
            255,
            188,
            72,
            1
        ) !important;
    background:
        rgba(
            255,
            154,
            34,
            0.19
        ) !important;
    box-shadow:
        inset
        3px
        0
        0
        rgba(
            255,
            176,
            48,
            1
        ),
        0
        0
        14px
        rgba(
            255,
            154,
            34,
            0.10
        );
}


.fleet-component-impact-loading,
.fleet-component-impact-error {
    min-height: 150px;
    display: grid;
    place-items: center;
    padding: 20px;
    box-sizing: border-box;
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 11px;
    line-height: 1.6;
    text-align: center;
    letter-spacing: 0.05em;
}


.fleet-component-impact-loading {
    color:
        rgba(
            255,
            176,
            48,
            0.76
        );
    border:
        1px dashed
        rgba(
            255,
            154,
            34,
            0.24
        );
}


.fleet-component-impact-error {
    color:
        rgba(
            255,
            105,
            90,
            0.92
        );
    border:
        1px dashed
        rgba(
            255,
            85,
            70,
            0.35
        );
}


.fleet-component-impact-summary {
    display: grid;
    gap: 9px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.08
        );
}


.fleet-component-impact-summary-title {
    color:
        rgba(
            240,
            244,
            245,
            0.88
        );
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
}


.fleet-component-impact-counters {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}


.fleet-component-impact-counter {
    padding: 4px 7px;
    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.12
        );
    background:
        rgba(
            255,
            255,
            255,
            0.025
        );
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 9px;
    letter-spacing: 0.06em;
}


.fleet-component-impact-counter.is-gain {
    color:
        rgba(
            105,
            225,
            145,
            0.94
        );
    border-color:
        rgba(
            105,
            225,
            145,
            0.28
        );
}


.fleet-component-impact-counter.is-cost {
    color:
        rgba(
            255,
            112,
            92,
            0.94
        );
    border-color:
        rgba(
            255,
            112,
            92,
            0.28
        );
}


.fleet-component-impact-counter.is-change {
    color:
        rgba(
            255,
            188,
            72,
            0.90
        );
    border-color:
        rgba(
            255,
            188,
            72,
            0.25
        );
}


.fleet-component-delta-list {
    display: grid;
    gap: 5px;
    max-height: 390px;
    overflow-y: auto;
    padding-right: 4px;
}


.fleet-component-delta-row {
    display: grid;
    grid-template-columns:
        minmax(
            150px,
            1fr
        )
        minmax(
            170px,
            0.9fr
        )
        minmax(
            120px,
            auto
        );
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 8px 9px;
    box-sizing: border-box;
    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.07
        );
    background:
        rgba(
            255,
            255,
            255,
            0.018
        );
}


.fleet-component-delta-row.is-gain {
    border-left:
        3px solid
        rgba(
            93,
            218,
            136,
            0.78
        );
}


.fleet-component-delta-row.is-cost {
    border-left:
        3px solid
        rgba(
            255,
            104,
            87,
            0.78
        );
}


.fleet-component-delta-row.is-change {
    border-left:
        3px solid
        rgba(
            255,
            178,
            62,
            0.70
        );
}


.fleet-component-delta-stat {
    min-width: 0;
    display: grid;
    gap: 2px;
}


.fleet-component-delta-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:
        rgba(
            240,
            244,
            245,
            0.86
        );
    font-size: 10px;
    font-weight: 700;
}


.fleet-component-delta-stat small {
    color:
        rgba(
            220,
            228,
            230,
            0.38
        );
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 8px;
    letter-spacing: 0.05em;
}


.fleet-component-delta-values {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    white-space: nowrap;
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 10px;
}


.fleet-component-delta-old {
    color:
        rgba(
            225,
            232,
            234,
            0.50
        );
}


.fleet-component-delta-arrow {
    color:
        rgba(
            255,
            176,
            48,
            0.60
        );
}


.fleet-component-delta-new {
    color:
        rgba(
            245,
            247,
            248,
            0.94
        );
}


.fleet-component-delta-change {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    white-space: nowrap;
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 9px;
}


.fleet-component-delta-result {
    padding: 3px 5px;
    border:
        1px solid
        currentColor;
    font-size: 8px;
    letter-spacing: 0.06em;
}


.fleet-component-delta-row.is-gain
.fleet-component-delta-change {
    color:
        rgba(
            105,
            225,
            145,
            0.94
        );
}


.fleet-component-delta-row.is-cost
.fleet-component-delta-change {
    color:
        rgba(
            255,
            112,
            92,
            0.94
        );
}


.fleet-component-delta-row.is-change
.fleet-component-delta-change {
    color:
        rgba(
            255,
            188,
            72,
            0.90
        );
}


@media (
    max-width: 1100px
) {

    .fleet-component-delta-row {
        grid-template-columns:
            minmax(
                125px,
                1fr
            )
            auto;
    }


    .fleet-component-delta-change {
        grid-column:
            1
            /
            -1;
        justify-content:
            flex-end;
    }
}


/* =========================================================
   END D07_PP75_COMPONENT_COMPARE
   ========================================================= */



/* =========================================================
   D07_HANGAR_V3_LAYOUT_PP78

   FINAL TARGET

   TOP:
   FULL WIDTH 3D / IMAGE

   BOTTOM LEFT:
   SHIP SPECIFICATIONS

   BOTTOM RIGHT:
   COMPONENT IMPACT / COMPARISON
   ========================================================= */


/* ---------------------------------------------------------
   MAIN FLEET GRID WHILE A SHIP IS SELECTED
   --------------------------------------------------------- */

.fleet-grid-selected-layout {
    display:
        grid !important;

    grid-template-columns:
        minmax(
            0,
            1fr
        ) !important;

    grid-auto-flow:
        row !important;

    gap:
        16px !important;

    align-items:
        start !important;
}


.fleet-grid-selected-layout
>
.fleet-list-panel-selected {
    grid-column:
        1
        /
        -1 !important;

    width:
        100% !important;

    min-width:
        0 !important;
}


.fleet-grid-selected-layout
>
.fleet-detail-panel {
    display:
        none !important;
}


/* ---------------------------------------------------------
   KEEP SHIP CATALOG COMPACT
   --------------------------------------------------------- */

.fleet-grid-selected-layout
.fleet-list-panel-selected
.fleet-list {
    max-height:
        150px !important;

    overflow-y:
        auto !important;
}


.fleet-grid-selected-layout
.fleet-list-panel-selected {
    margin-bottom:
        0 !important;
}


/* ---------------------------------------------------------
   MASTER SELECTED SHIP WORKSPACE
   --------------------------------------------------------- */

.fleet-grid-selected-layout
>
.fleet-selected-workspace-pp78 {
    grid-column:
        1
        /
        -1 !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    display:
        grid !important;

    grid-template-columns:
        minmax(
            0,
            1fr
        ) !important;

    gap:
        16px !important;

    box-sizing:
        border-box !important;

    border-top:
        0 !important;

    background:
        transparent !important;
}


/* ---------------------------------------------------------
   SHIP IDENTITY
   --------------------------------------------------------- */

.fleet-selected-identity {
    min-width:
        0;

    padding:
        14px
        16px;

    display:
        grid;

    grid-template-columns:
        minmax(
            220px,
            auto
        )
        minmax(
            0,
            1fr
        );

    align-items:
        center;

    gap:
        18px;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(
            255,
            154,
            34,
            0.20
        );

    background:
        linear-gradient(
            90deg,
            rgba(
                255,
                143,
                31,
                0.035
            ),
            rgba(
                255,
                255,
                255,
                0.008
            )
        ),
        #080b0c;
}


.fleet-selected-identity-title {
    min-width:
        0;
}


.fleet-selected-identity-title h2 {
    margin:
        3px
        0
        0;

    font-size:
        clamp(
            20px,
            1.65vw,
            30px
        );
}


.fleet-selected-description {
    margin:
        0;

    min-width:
        0;

    max-width:
        none;

    line-height:
        1.5;

    color:
        rgba(
            235,
            240,
            241,
            0.76
        );
}


/* ---------------------------------------------------------
   FULL WIDTH HOLOVIEWER
   --------------------------------------------------------- */

.fleet-selected-workspace-pp78
.fleet-ship-media-fullwidth {
    width:
        100% !important;

    max-width:
        none !important;

    height:
        clamp(
            590px,
            64vh,
            780px
        ) !important;

    min-height:
        590px !important;

    margin:
        0 !important;

    box-sizing:
        border-box !important;

    overflow:
        hidden !important;

    border:
        1px solid
        rgba(
            255,
            154,
            34,
            0.48
        ) !important;

    background:
        linear-gradient(
            145deg,
            rgba(
                215,
                122,
                36,
                0.035
            ),
            rgba(
                255,
                255,
                255,
                0.006
            )
        ),
        #06090a !important;
}


.fleet-selected-workspace-pp78
.fleet-ship-media-fullwidth:has(.ship-holoviewer) {
    min-height:
        590px !important;
}


.fleet-selected-workspace-pp78
.fleet-ship-media-fullwidth
.ship-holoviewer {
    width:
        100% !important;

    height:
        100% !important;

    min-height:
        100% !important;
}


.fleet-selected-workspace-pp78
.fleet-ship-media-fullwidth
.ship-holoviewer-viewport {
    width:
        100% !important;

    height:
        100% !important;

    min-height:
        100% !important;
}


.fleet-selected-workspace-pp78
.fleet-ship-media-fullwidth
canvas {
    width:
        100% !important;

    height:
        100% !important;
}


/* ---------------------------------------------------------
   BOTTOM GRID
   LEFT = SHIP DATA
   RIGHT = COMPONENT IMPACT
   --------------------------------------------------------- */

.fleet-selected-bottom-grid {
    width:
        100%;

    min-width:
        0;

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        minmax(
            0,
            1fr
        );

    gap:
        16px;

    align-items:
        stretch;

    box-sizing:
        border-box;
}


.fleet-selected-bottom-grid
>
* {
    min-width:
        0;
}


/* ---------------------------------------------------------
   LEFT // SPECS
   --------------------------------------------------------- */

.fleet-selected-bottom-grid
.fleet-ship-specs-pp78 {
    width:
        100% !important;

    height:
        100%;

    min-height:
        360px;

    margin:
        0 !important;

    padding:
        16px !important;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(
            110,
            135,
            145,
            0.25
        );
}


.fleet-selected-bottom-grid
.fleet-ship-spec-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    column-gap:
        18px;

    row-gap:
        0;
}


/* ---------------------------------------------------------
   RIGHT // COMPONENT ANALYSIS
   --------------------------------------------------------- */

.fleet-selected-bottom-grid
.fleet-component-impact-panel-pp78 {
    width:
        100% !important;

    height:
        100%;

    min-height:
        360px !important;

    margin:
        0 !important;

    padding:
        16px !important;

    box-sizing:
        border-box;
}


.fleet-selected-bottom-grid
.fleet-component-impact-delta {
    min-height:
        190px;
}


/* ---------------------------------------------------------
   POWER PLANT COMPATIBILITY POPUP
   NOW OVER THE FULL WIDTH 3D AREA
   --------------------------------------------------------- */

.fleet-selected-workspace-pp78
.fleet-powerplant-compatibility {
    width:
        min(
            420px,
            34%
        ) !important;

    max-height:
        calc(
            100%
            -
            32px
        ) !important;

    top:
        16px !important;

    right:
        16px !important;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (
    max-width: 1250px
) {

    .fleet-selected-workspace-pp78
    .fleet-ship-media-fullwidth {
        height:
            600px !important;

        min-height:
            560px !important;
    }


    .fleet-selected-bottom-grid
    .fleet-ship-spec-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }


    .fleet-selected-workspace-pp78
    .fleet-powerplant-compatibility {
        width:
            min(
                420px,
                42%
            ) !important;
    }
}


@media (
    max-width: 950px
) {

    .fleet-selected-identity {
        grid-template-columns:
            1fr;
    }


    .fleet-selected-bottom-grid {
        grid-template-columns:
            1fr;
    }


    .fleet-selected-workspace-pp78
    .fleet-ship-media-fullwidth {
        height:
            500px !important;

        min-height:
            460px !important;
    }


    .fleet-selected-workspace-pp78
    .fleet-powerplant-compatibility {
        width:
            calc(
                100%
                -
                32px
            ) !important;
    }
}


@media (
    max-width: 650px
) {

    .fleet-selected-bottom-grid
    .fleet-ship-spec-grid {
        grid-template-columns:
            1fr;
    }


    .fleet-selected-workspace-pp78
    .fleet-ship-media-fullwidth {
        height:
            430px !important;

        min-height:
            400px !important;
    }
}


/* =========================================================
   END D07_HANGAR_V3_LAYOUT_PP78
   ========================================================= */

/* =========================================================
   D07_P128C_FULL_LOADOUT_WORKBENCH_BEGIN
   17-IMAGE FULL LOADOUT WORKBENCH
   ========================================================= */

.fleet-hangar-cockpit-mounted {
    gap:
        0 !important;
}

.fleet-selected-workspace.fleet-full-workbench-mounted {
    width:
        100%;

    min-width:
        0;

    padding:
        0 !important;

    display:
        block !important;

    border-top:
        1px solid
        rgba(
            222,
            108,
            29,
            0.34
        );

    background:
        #050607 !important;
}

.fleet-full-workbench {
    --d07-orange:
        #d86f1d;

    --d07-orange-hot:
        #ff8a2a;

    --d07-amber:
        #dba84a;

    --d07-panel:
        #090b0c;

    --d07-panel-2:
        #0d1011;

    --d07-panel-3:
        #121517;

    --d07-panel-4:
        #171b1d;

    --d07-line:
        rgba(
            224,
            115,
            35,
            0.30
        );

    --d07-line-strong:
        rgba(
            255,
            138,
            42,
            0.58
        );

    --d07-line-soft:
        rgba(
            255,
            255,
            255,
            0.080
        );

    --d07-text:
        #e8ecee;

    --d07-muted:
        rgba(
            232,
            236,
            238,
            0.52
        );

    width:
        100%;

    min-width:
        0;

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        );

    color:
        var(
            --d07-text
        );

    background:
        radial-gradient(
            circle at 26% 10%,
            rgba(
                216,
                111,
                29,
                0.045
            ),
            transparent
            34%
        ),
        #050607;

    font-family:
        "Rajdhani",
        "Arial Narrow",
        "Segoe UI",
        sans-serif;
}

.fleet-physical-command {
    min-height:
        78px;

    padding:
        11px
        16px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    border-bottom:
        1px solid
        var(
            --d07-line
        );

    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.085
            ),
            transparent
            37%
        ),
        #090b0c;

    box-sizing:
        border-box;
}

.fleet-physical-identity-host {
    min-width:
        0;

    flex:
        1 1 auto;
}

.fleet-physical-identity-host
.fleet-selected-identity {
    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;
}

.fleet-physical-identity-fallback {
    color:
        #eef0f1;

    font-size:
        clamp(
            24px,
            2vw,
            34px
        );

    font-weight:
        800;

    letter-spacing:
        0.07em;

    text-transform:
        uppercase;
}

.fleet-command-right {
    min-width:
        0;

    display:
        grid;

    justify-items:
        end;

    gap:
        7px;
}

.fleet-physical-build-state {
    display:
        flex;

    gap:
        4px;

    align-items:
        center;
}

.fleet-physical-build-chip {
    min-width:
        72px;

    padding:
        6px
        8px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.09
        );

    background:
        #0e1112;

    color:
        rgba(
            232,
            236,
            238,
            0.44
        );

    font-size:
        9px;

    font-weight:
        800;

    text-align:
        center;

    letter-spacing:
        0.085em;
}

.fleet-physical-build-chip.is-active {
    border-color:
        rgba(
            255,
            138,
            42,
            0.65
        );

    color:
        #f3aa66;

    background:
        rgba(
            216,
            111,
            29,
            0.10
        );
}

.fleet-physical-build-chip.has-changes {
    box-shadow:
        inset
        0
        -2px
        0
        var(
            --d07-orange-hot
        );
}

.fleet-physical-build-chip.has-saved-build {
    color:
        rgba(
            150,
            218,
            168,
            0.92
        );

    border-color:
        rgba(
            111,
            201,
            136,
            0.34
        );
}

.fleet-build-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    justify-content:
        flex-end;

    gap:
        4px;
}

.fleet-build-action {
    min-height:
        25px;

    padding:
        4px
        8px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.10
        );

    background:
        #111416;

    color:
        rgba(
            232,
            236,
            238,
            0.68
        );

    font:
        inherit;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        0.07em;

    cursor:
        pointer;
}

.fleet-build-action:hover:not(:disabled) {
    border-color:
        rgba(
            255,
            138,
            42,
            0.42
        );

    color:
        #f1f3f4;
}

.fleet-build-action-primary {
    border-color:
        rgba(
            216,
            111,
            29,
            0.38
        );

    color:
        #e99a55;
}

.fleet-build-action-danger {
    color:
        rgba(
            221,
            151,
            124,
            0.82
        );
}

.fleet-build-action:disabled {
    opacity:
        0.30;

    cursor:
        default;
}

.fleet-physical-primary-nav {
    min-height:
        38px;

    padding:
        0
        16px;

    display:
        flex;

    gap:
        22px;

    align-items:
        stretch;

    border-bottom:
        1px solid
        var(
            --d07-line-soft
        );

    background:
        #07090a;

    overflow-x:
        auto;
}

.fleet-physical-primary-nav-item {
    position:
        relative;

    min-width:
        max-content;

    display:
        grid;

    place-items:
        center;

    color:
        rgba(
            232,
            236,
            238,
            0.40
        );

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        0.10em;
}

.fleet-physical-primary-nav-item.is-active {
    color:
        #eef1f2;
}

.fleet-physical-primary-nav-item.is-active::after {
    content:
        "";

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        0;

    height:
        2px;

    background:
        var(
            --d07-orange-hot
        );
}

.fleet-planned-status {
    min-height:
        27px;

    padding:
        0
        16px;

    display:
        flex;

    align-items:
        center;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.055
        );

    background:
        #080a0b;

    color:
        rgba(
            232,
            236,
            238,
            0.38
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        8px;

    letter-spacing:
        0.055em;
}

.fleet-physical-stage {
    min-width:
        0;

    display:
        grid;

    grid-template-columns:
        minmax(
            430px,
            0.90fr
        )
        minmax(
            620px,
            1.35fr
        );

    gap:
        1px;

    border-bottom:
        1px solid
        var(
            --d07-line
        );

    background:
        var(
            --d07-line
        );
}

.fleet-physical-ship-pane,
.fleet-physical-loadout-panel {
    min-width:
        0;

    background:
        var(
            --d07-panel
        );
}

.fleet-physical-ship-pane {
    display:
        grid;

    grid-template-rows:
        auto
        minmax(
            390px,
            1fr
        )
        auto;
}

.fleet-physical-pane-header,
.fleet-physical-loadout-header {
    min-height:
        50px;

    padding:
        9px
        12px;

    border-bottom:
        1px solid
        var(
            --d07-line-soft
        );

    box-sizing:
        border-box;
}

.fleet-physical-pane-header {
    display:
        grid;

    align-content:
        center;
}

.fleet-physical-loadout-header {
    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        12px;
}

.fleet-full-workbench
.section-kicker {
    margin:
        0
        0
        3px;

    color:
        #df7829;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        0.13em;
}

.fleet-physical-pane-header
strong,
.fleet-physical-loadout-heading
h2 {
    margin:
        0;

    color:
        #e7ebed;

    font-size:
        12px;

    line-height:
        1.15;

    font-weight:
        800;

    letter-spacing:
        0.050em;
}

.fleet-physical-media-host {
    position:
        relative;

    min-width:
        0;

    min-height:
        390px;

    overflow:
        hidden;

    background:
        radial-gradient(
            circle at 50% 46%,
            rgba(
                216,
                111,
                29,
                0.06
            ),
            transparent
            44%
        ),
        linear-gradient(
            rgba(
                255,
                255,
                255,
                0.016
            )
            1px,
            transparent
            1px
        ),
        linear-gradient(
            90deg,
            rgba(
                255,
                255,
                255,
                0.016
            )
            1px,
            transparent
            1px
        ),
        #060809;

    background-size:
        auto,
        32px
        32px,
        32px
        32px,
        auto;
}

.fleet-physical-media-host::before {
    content:
        "";

    position:
        absolute;

    z-index:
        2;

    inset:
        10px;

    border:
        1px solid
        rgba(
            216,
            111,
            29,
            0.10
        );

    pointer-events:
        none;
}

.fleet-ship-media-physical,
.fleet-physical-media-host
.fleet-ship-media,
.fleet-physical-media-host
.ship-holoviewer,
.fleet-physical-media-host
.ship-holoviewer-viewport,
.fleet-physical-media-host
.ship-holoviewer-canvas {
    width:
        100% !important;

    height:
        100% !important;

    min-height:
        390px !important;

    margin:
        0 !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}

.fleet-physical-media-empty {
    min-height:
        390px;

    display:
        grid;

    place-items:
        center;

    color:
        var(
            --d07-muted
        );

    font-size:
        10px;
}

.fleet-physical-ship-hint {
    padding:
        7px
        10px;

    border-top:
        1px solid
        var(
            --d07-line-soft
        );

    color:
        rgba(
            232,
            236,
            238,
            0.33
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        8px;

    letter-spacing:
        0.04em;
}

.fleet-physical-loadout-panel {
    display:
        grid;

    grid-template-rows:
        auto
        auto
        minmax(
            0,
            1fr
        )
        auto;
}

.fleet-physical-loadout-summary {
    padding-top:
        3px;

    color:
        rgba(
            232,
            236,
            238,
            0.42
        );

    font-size:
        9px;

    font-weight:
        800;

    text-align:
        right;

    letter-spacing:
        0.05em;
}

.fleet-physical-loadout-tabs {
    padding:
        6px
        8px;

    display:
        flex;

    gap:
        4px;

    align-items:
        center;

    border-bottom:
        1px solid
        var(
            --d07-line-soft
        );

    background:
        #07090a;

    overflow-x:
        auto;
}

.fleet-physical-loadout-tab {
    min-width:
        max-content;

    padding:
        6px
        10px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.08
        );

    background:
        #0d1011;

    color:
        rgba(
            232,
            236,
            238,
            0.43
        );

    font:
        inherit;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        0.09em;

    cursor:
        pointer;
}

.fleet-physical-loadout-tab:hover,
.fleet-physical-loadout-tab.is-active {
    color:
        #edf0f1;

    border-color:
        rgba(
            255,
            138,
            42,
            0.52
        );

    background:
        rgba(
            216,
            111,
            29,
            0.10
        );
}

.fleet-physical-loadout-groups {
    min-height:
        0;

    max-height:
        560px;

    padding:
        8px;

    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    align-content:
        start;

    gap:
        7px;

    overflow-y:
        auto;

    overscroll-behavior:
        contain;
}

.fleet-physical-loadout-group {
    min-width:
        0;

    border:
        1px solid
        var(
            --d07-line-soft
        );

    background:
        #0c0f10;
}

.fleet-physical-loadout-group[hidden] {
    display:
        none !important;
}

.fleet-physical-loadout-group-header {
    min-height:
        32px;

    padding:
        6px
        8px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        8px;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.060
        );

    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.055
            ),
            transparent
        );
}

.fleet-physical-loadout-group-header
strong {
    color:
        #dfe3e5;

    font-size:
        9px;

    letter-spacing:
        0.075em;
}

.fleet-physical-loadout-group-header
span {
    color:
        rgba(
            232,
            236,
            238,
            0.32
        );

    font-size:
        7px;

    font-weight:
        800;

    text-align:
        right;
}

.fleet-physical-instance-grid {
    padding:
        6px;

    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    gap:
        5px;
}

.fleet-physical-instance-card {
    min-width:
        0;

    min-height:
        112px;

    padding:
        7px;

    display:
        grid;

    grid-template-rows:
        auto
        auto
        auto
        auto
        1fr;

    gap:
        3px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.075
        );

    background:
        linear-gradient(
            145deg,
            rgba(
                255,
                255,
                255,
                0.018
            ),
            transparent
            58%
        ),
        #111416;

    color:
        var(
            --d07-text
        );

    font:
        inherit;

    text-align:
        left;

    cursor:
        pointer;

    transition:
        border-color
        100ms
        ease,
        background
        100ms
        ease;
}

.fleet-physical-instance-card:hover {
    border-color:
        rgba(
            255,
            138,
            42,
            0.38
        );

    background:
        #15191b;
}

.fleet-physical-instance-card.is-active {
    border-color:
        rgba(
            255,
            138,
            42,
            0.90
        );

    background:
        linear-gradient(
            145deg,
            rgba(
                216,
                111,
                29,
                0.14
            ),
            transparent
            58%
        ),
        #151718;

    box-shadow:
        inset
        3px
        0
        0
        var(
            --d07-orange-hot
        );
}

.fleet-physical-instance-card.is-planned {
    border-color:
        rgba(
            255,
            138,
            42,
            0.48
        );
}

.fleet-physical-instance-label {
    color:
        #df7829;

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        0.09em;
}

.fleet-physical-instance-name {
    overflow:
        hidden;

    color:
        #eff1f2;

    font-size:
        10px;

    line-height:
        1.15;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}

.fleet-physical-instance-meta {
    color:
        rgba(
            232,
            236,
            238,
            0.39
        );

    font-size:
        7px;

    letter-spacing:
        0.04em;
}

.fleet-physical-instance-states {
    min-width:
        0;

    padding-top:
        4px;

    display:
        grid;

    gap:
        2px;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.045
        );
}

.fleet-physical-current-line,
.fleet-physical-planned-line {
    overflow:
        hidden;

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}

.fleet-physical-current-line {
    color:
        rgba(
            194,
            204,
            208,
            0.54
        );
}

.fleet-physical-planned-line {
    color:
        rgba(
            232,
            236,
            238,
            0.27
        );
}

.fleet-physical-instance-card.is-planned
.fleet-physical-planned-line {
    color:
        #f09a4f;
}

.fleet-physical-instance-footer {
    align-self:
        end;

    margin-top:
        3px;

    padding-top:
        4px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        5px;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.045
        );
}

.fleet-physical-state-badge {
    padding:
        2px
        4px;

    border:
        1px solid
        rgba(
            91,
            188,
            121,
            0.26
        );

    color:
        rgba(
            130,
            207,
            151,
            0.79
        );

    font-size:
        6px;

    font-weight:
        800;
}

.fleet-physical-change-label {
    color:
        #d9873f;

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        0.06em;
}

.fleet-physical-loadout-empty {
    margin:
        0
        8px
        8px;

    padding:
        16px;

    border:
        1px dashed
        rgba(
            216,
            111,
            29,
            0.20
        );

    color:
        rgba(
            232,
            236,
            238,
            0.39
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        9px;

    text-align:
        center;
}

.fleet-physical-workbench[hidden] {
    display:
        none !important;
}

.fleet-workbench-v2 {
    min-width:
        0;

    scroll-margin-top:
        10px;

    border-bottom:
        1px solid
        var(
            --d07-line
        );

    background:
        #07090a;
}

.fleet-physical-workbench-header {
    min-height:
        55px;

    padding:
        9px
        12px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    border-bottom:
        1px solid
        var(
            --d07-line-soft
        );

    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.095
            ),
            transparent
            36%
        ),
        #0a0c0d;
}

.fleet-workbench-heading
h3 {
    margin:
        0;

    color:
        #eef1f2;

    font-size:
        14px;

    font-weight:
        800;

    letter-spacing:
        0.055em;
}

.fleet-workbench-close {
    padding:
        6px
        9px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.09
        );

    background:
        #111416;

    color:
        rgba(
            232,
            236,
            238,
            0.54
        );

    font:
        inherit;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        0.075em;

    cursor:
        pointer;
}

.fleet-workbench-grid {
    min-width:
        0;

    display:
        grid;

    grid-template-columns:
        minmax(
            170px,
            0.78fr
        )
        minmax(
            500px,
            2.35fr
        )
        minmax(
            180px,
            0.82fr
        )
        minmax(
            210px,
            0.92fr
        );

    gap:
        1px;

    background:
        var(
            --d07-line
        );
}

.fleet-workbench-column {
    min-width:
        0;

    min-height:
        350px;

    display:
        grid;

    grid-template-rows:
        auto
        minmax(
            0,
            1fr
        );

    background:
        #090b0c;
}

.fleet-workbench-column-title {
    min-height:
        34px;

    padding:
        0
        9px;

    display:
        flex;

    align-items:
        center;

    border-bottom:
        1px solid
        var(
            --d07-line-soft
        );

    background:
        rgba(
            255,
            255,
            255,
            0.012
        );

    color:
        #d9873f;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        0.10em;
}

.fleet-workbench-column-body {
    min-width:
        0;

    padding:
        9px;

    box-sizing:
        border-box;
}

.fleet-workbench-card-body {
    display:
        grid;

    gap:
        8px;
}

.fleet-workbench-component-name {
    color:
        #f0f2f3;

    font-size:
        14px;

    font-weight:
        800;

    line-height:
        1.1;
}

.fleet-workbench-component-meta {
    color:
        rgba(
            232,
            236,
            238,
            0.44
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        8px;

    line-height:
        1.5;
}

.fleet-workbench-state-line {
    width:
        max-content;

    padding:
        3px
        5px;

    border:
        1px solid
        rgba(
            92,
            181,
            120,
            0.24
        );

    color:
        rgba(
            129,
            207,
            150,
            0.76
        );

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        0.07em;
}

.fleet-workbench-empty {
    min-height:
        150px;

    display:
        grid;

    place-items:
        center;

    color:
        rgba(
            232,
            236,
            238,
            0.30
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        8px;

    line-height:
        1.5;

    text-align:
        center;
}

.fleet-compatible-tools {
    margin-bottom:
        7px;

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        125px;

    gap:
        5px;
}

.fleet-compatible-search,
.fleet-compatible-sort {
    min-width:
        0;

    min-height:
        30px;

    padding:
        5px
        8px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.09
        );

    border-radius:
        0;

    outline:
        none;

    background:
        #0d1011;

    color:
        #dfe3e5;

    font:
        inherit;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.04em;
}

.fleet-compatible-search:focus,
.fleet-compatible-sort:focus {
    border-color:
        rgba(
            255,
            138,
            42,
            0.55
        );
}

.fleet-compatible-table-body {
    min-height:
        250px;

    max-height:
        335px;

    display:
        grid;

    align-content:
        start;

    gap:
        3px;

    overflow-y:
        auto;

    overscroll-behavior:
        contain;
}

.fleet-compatible-table-row {
    min-width:
        0;

    min-height:
        42px;

    padding:
        6px
        7px;

    display:
        grid;

    grid-template-columns:
        minmax(
            130px,
            1.1fr
        )
        minmax(
            180px,
            1.8fr
        )
        72px;

    gap:
        8px;

    align-items:
        center;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.065
        );

    background:
        #101315;

    color:
        var(
            --d07-text
        );

    font:
        inherit;

    text-align:
        left;

    cursor:
        pointer;
}

.fleet-compatible-table-row:hover {
    border-color:
        rgba(
            255,
            138,
            42,
            0.35
        );

    background:
        #15191b;
}

.fleet-compatible-table-row.is-installed {
    cursor:
        default;

    border-color:
        rgba(
            101,
            185,
            128,
            0.20
        );
}

.fleet-compatible-table-row.is-selected {
    border-color:
        rgba(
            255,
            138,
            42,
            0.80
        );

    box-shadow:
        inset
        2px
        0
        0
        var(
            --d07-orange-hot
        );
}

.fleet-compatible-row-name {
    overflow:
        hidden;

    color:
        #edf0f1;

    font-size:
        9px;

    font-weight:
        800;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}

.fleet-compatible-row-meta {
    overflow:
        hidden;

    color:
        rgba(
            232,
            236,
            238,
            0.38
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}

.fleet-compatible-row-status {
    color:
        #d9873f;

    font-size:
        7px;

    font-weight:
        800;

    text-align:
        right;

    letter-spacing:
        0.05em;
}

.fleet-compatible-table-row.is-installed
.fleet-compatible-row-status {
    color:
        rgba(
            122,
            202,
            145,
            0.75
        );
}

/* =========================================================
   D07_P129E89_OWNERSHIP_VISUAL_STATES_BEGIN

   Hangar V3 // Inventory / Ownership visual contract.

   Logical states are already provided by fleet.js:
   - ownership-installed
   - ownership-in-storage
   - ownership-owned
   - ownership-missing
   - data-need-quantity

   Visual rules deliberately do not change row dimensions,
   grid columns, spacing, typography sizing or responsive
   layout.

   The left inset indicator acts like a compact Drake
   engineering/status rail and works for both generic and
   nested turret/missile compatible rows.
   ========================================================= */


/* ---------------------------------------------------------
   INSTALLED
   Exact component installed on the active physical target.
   Keep the existing green technical confirmation language.
   --------------------------------------------------------- */

.fleet-compatible-table-row.ownership-installed {
    background:
        linear-gradient(
            90deg,
            rgba(
                86,
                151,
                106,
                0.10
            ),
            rgba(
                86,
                151,
                106,
                0.015
            )
            42%,
            transparent
            72%
        );

    box-shadow:
        inset 2px 0 0
        rgba(
            122,
            202,
            145,
            0.70
        );
}

.fleet-compatible-table-row.ownership-installed
.fleet-compatible-row-status {
    color:
        rgba(
            122,
            202,
            145,
            0.90
        );
}


/* ---------------------------------------------------------
   IN STORAGE
   Owned and immediately available for this build.
   Amber/Drake inventory-ready state.
   --------------------------------------------------------- */

.fleet-compatible-table-row.ownership-in-storage {
    background:
        linear-gradient(
            90deg,
            rgba(
                210,
                143,
                63,
                0.11
            ),
            rgba(
                210,
                143,
                63,
                0.018
            )
            42%,
            transparent
            72%
        );

    box-shadow:
        inset 2px 0 0
        rgba(
            217,
            135,
            63,
            0.78
        );
}

.fleet-compatible-table-row.ownership-in-storage
.fleet-compatible-row-status {
    color:
        rgba(
            225,
            157,
            86,
            0.96
        );
}


/* ---------------------------------------------------------
   OWNED
   Asset exists but is not currently storage-available.
   Deliberately neutral/cool so it is distinct from both
   ready inventory and missing inventory.
   --------------------------------------------------------- */

.fleet-compatible-table-row.ownership-owned {
    background:
        linear-gradient(
            90deg,
            rgba(
                147,
                159,
                166,
                0.075
            ),
            rgba(
                147,
                159,
                166,
                0.012
            )
            42%,
            transparent
            72%
        );

    box-shadow:
        inset 2px 0 0
        rgba(
            166,
            177,
            183,
            0.52
        );
}

.fleet-compatible-table-row.ownership-owned
.fleet-compatible-row-status {
    color:
        rgba(
            184,
            194,
            199,
            0.82
        );
}


/* ---------------------------------------------------------
   MISSING
   No usable owned asset satisfies this candidate.
   Muted industrial warning red: visible but not alarm-heavy.
   --------------------------------------------------------- */

.fleet-compatible-table-row.ownership-missing {
    background:
        linear-gradient(
            90deg,
            rgba(
                173,
                77,
                62,
                0.09
            ),
            rgba(
                173,
                77,
                62,
                0.014
            )
            42%,
            transparent
            72%
        );

    box-shadow:
        inset 2px 0 0
        rgba(
            196,
            92,
            75,
            0.60
        );
}

.fleet-compatible-table-row.ownership-missing
.fleet-compatible-row-status {
    color:
        rgba(
            207,
            105,
            88,
            0.90
        );
}


/* ---------------------------------------------------------
   NEED xN
   A remaining build deficit exists after Current target
   satisfaction and available storage deduction.

   Do not replace the Ownership color/state. Instead add a
   subtle bottom warning rail so combinations remain readable:

   INSTALLED // NEED x1
   IN STORAGE // NEED x1
   MISSING // NEED xN
   --------------------------------------------------------- */

.fleet-compatible-table-row[
    data-need-quantity
]:not(
    [data-need-quantity="0"]
) {
    background-image:
        linear-gradient(
            90deg,
            rgba(
                217,
                135,
                63,
                0.08
            ),
            transparent
            58%
        );

    outline:
        1px solid
        rgba(
            217,
            135,
            63,
            0.12
        );

    outline-offset:
        -1px;
}

.fleet-compatible-table-row[
    data-need-quantity
]:not(
    [data-need-quantity="0"]
)
.fleet-compatible-row-status {
    text-shadow:
        0 0 8px
        rgba(
            217,
            135,
            63,
            0.16
        );
}


/* ---------------------------------------------------------
   Preserve exact-target installed precedence.

   Some certified generic rows already carry .is-installed.
   Nested rows also retain their existing installed class.
   --------------------------------------------------------- */

.fleet-compatible-table-row.is-installed.ownership-installed
.fleet-compatible-row-status {
    color:
        rgba(
            122,
            202,
            145,
            0.94
        );
}


/* =========================================================
   D07_P129E89_OWNERSHIP_VISUAL_STATES_END
   ========================================================= */

.fleet-compatible-empty {
    min-height:
        180px;

    display:
        grid;

    place-items:
        center;

    color:
        rgba(
            232,
            236,
            238,
            0.30
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        8px;

    text-align:
        center;
}

.fleet-plan-component-button {
    width:
        100%;

    min-height:
        31px;

    margin-top:
        10px;

    border:
        1px solid
        rgba(
            255,
            138,
            42,
            0.48
        );

    background:
        rgba(
            216,
            111,
            29,
            0.10
        );

    color:
        #f2a25d;

    font:
        inherit;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        0.08em;

    cursor:
        pointer;
}

.fleet-plan-component-button:disabled {
    opacity:
        0.28;

    cursor:
        default;
}

.fleet-workbench-legacy-mirror {
    margin-top:
        10px;

    padding-top:
        9px;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.050
        );

    color:
        rgba(
            232,
            236,
            238,
            0.54
        );

    font-size:
        8px;
}

.fleet-build-impact-body {
    display:
        grid;

    gap:
        8px;
}

.fleet-build-impact-count {
    padding:
        8px;

    border:
        1px solid
        rgba(
            216,
            111,
            29,
            0.20
        );

    background:
        rgba(
            216,
            111,
            29,
            0.045
        );

    color:
        #e79a55;

    font-size:
        9px;

    font-weight:
        800;

    text-align:
        center;

    letter-spacing:
        0.07em;
}

.fleet-build-impact-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    gap:
        4px;
}

.fleet-build-impact-metric {
    min-width:
        0;

    padding:
        7px;

    display:
        grid;

    gap:
        3px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.060
        );

    background:
        #101315;
}

.fleet-build-impact-metric
span {
    color:
        rgba(
            232,
            236,
            238,
            0.34
        );

    font-size:
        6px;

    font-weight:
        800;
}

.fleet-build-impact-metric
strong {
    color:
        #edf0f1;

    font-size:
        14px;
}

.fleet-build-impact-nd {
    padding:
        8px;

    border:
        1px dashed
        rgba(
            255,
            255,
            255,
            0.08
        );

    color:
        rgba(
            232,
            236,
            238,
            0.29
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;

    line-height:
        1.5;
}

.fleet-component-delta-band {
    min-width:
        0;

    border-top:
        1px solid
        var(
            --d07-line
        );

    background:
        #080a0b;
}

.fleet-component-delta-title {
    min-height:
        29px;

    padding:
        0
        11px;

    display:
        flex;

    align-items:
        center;

    border-bottom:
        1px solid
        var(
            --d07-line-soft
        );

    color:
        #d9873f;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        0.10em;
}

.fleet-component-delta-body {
    min-height:
        76px;

    padding:
        10px;

    box-sizing:
        border-box;

    overflow-x:
        auto;
}

.fleet-component-delta-body
.fleet-component-impact-delta-list,
.fleet-component-delta-body
.fleet-component-impact-list {
    display:
        grid !important;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(
                115px,
                1fr
            )
        ) !important;

    gap:
        5px !important;
}

.fleet-legacy-impact-engine {
    position:
        absolute;

    width:
        1px;

    height:
        1px;

    overflow:
        hidden;

    opacity:
        0;

    pointer-events:
        none;
}

.fleet-nested-surface {
    min-width:
        0;

    padding:
        10px
        12px;

    border-bottom:
        1px solid
        var(
            --d07-line
        );

    background:
        #07090a;
}

.fleet-nested-surface-title {
    margin-bottom:
        7px;

    color:
        rgba(
            232,
            236,
            238,
            0.32
        );

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        0.09em;
}

#fleet-cockpit-selector-host
.fleet-bulk-component-selector {
    position:
        absolute !important;

    width:
        1px !important;

    height:
        1px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    opacity:
        0 !important;

    pointer-events:
        none !important;
}

#fleet-cockpit-selector-host
.fleet-nested-hardpoints-panel {
    position:
        static !important;

    width:
        100% !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;

    opacity:
        1 !important;

    pointer-events:
        auto !important;

    border:
        1px solid
        rgba(
            216,
            111,
            29,
            0.18
        ) !important;

    border-radius:
        0 !important;

    background:
        #0b0d0e !important;
}

#fleet-cockpit-selector-host
.fleet-nested-hardpoints-header {
    background:
        rgba(
            216,
            111,
            29,
            0.055
        ) !important;
}

.fleet-physical-data-rail {
    min-width:
        0;

    padding:
        9px
        12px
        12px;

    border-bottom:
        1px solid
        var(
            --d07-line-soft
        );

    background:
        #07090a;
}

.fleet-physical-data-rail-title {
    margin-bottom:
        7px;

    color:
        rgba(
            232,
            236,
            238,
            0.33
        );

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        0.09em;
}

.fleet-physical-data-rail
.fleet-ship-spec-grid {
    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    gap:
        5px;
}

.fleet-physical-data-empty {
    color:
        rgba(
            232,
            236,
            238,
            0.30
        );

    font-size:
        8px;
}

@media (
    max-width:
        1550px
) {

    .fleet-physical-stage {
        grid-template-columns:
            minmax(
                390px,
                0.86fr
            )
            minmax(
                560px,
                1.30fr
            );
    }

    .fleet-workbench-grid {
        grid-template-columns:
            minmax(
                155px,
                0.72fr
            )
            minmax(
                430px,
                2fr
            )
            minmax(
                160px,
                0.76fr
            )
            minmax(
                190px,
                0.84fr
            );
    }

    .fleet-physical-loadout-groups {
        grid-template-columns:
            minmax(
                0,
                1fr
            );
    }
}

@media (
    max-width:
        1250px
) {

    .fleet-physical-command {
        align-items:
            flex-start;

        flex-direction:
            column;
    }

    .fleet-command-right {
        width:
            100%;

        justify-items:
            start;
    }

    .fleet-build-actions {
        justify-content:
            flex-start;
    }

    .fleet-physical-stage {
        grid-template-columns:
            minmax(
                0,
                1fr
            );
    }

    .fleet-workbench-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }

    .fleet-workbench-compatible {
        grid-column:
            1
            /
            -1;

        grid-row:
            1;
    }

    .fleet-physical-data-rail
    .fleet-ship-spec-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }
}

@media (
    max-width:
        760px
) {

    .fleet-physical-command,
    .fleet-physical-primary-nav,
    .fleet-planned-status {
        padding-left:
            9px;

        padding-right:
            9px;
    }

    .fleet-physical-build-state {
        max-width:
            100%;

        overflow-x:
            auto;
    }

    .fleet-build-actions {
        max-width:
            100%;

        overflow-x:
            auto;

        flex-wrap:
            nowrap;
    }

    .fleet-physical-instance-grid,
    .fleet-workbench-grid {
        grid-template-columns:
            minmax(
                0,
                1fr
            );
    }

    .fleet-workbench-compatible {
        grid-column:
            auto;

        grid-row:
            auto;
    }

    .fleet-compatible-tools {
        grid-template-columns:
            minmax(
                0,
                1fr
            );
    }

    .fleet-compatible-table-row {
        grid-template-columns:
            minmax(
                0,
                1fr
            );

        gap:
            3px;
    }

    .fleet-compatible-row-status {
        text-align:
            left;
    }

    .fleet-physical-data-rail
    .fleet-ship-spec-grid {
        grid-template-columns:
            minmax(
                0,
                1fr
            );
    }
}

/* =========================================================
   D07_P128D_MISSILES_TURRETS_SPECIALIZED_BEGIN
   MISSILES + TURRETS SPECIALIZED WORKSPACES
   ========================================================= */

.fleet-physical-loadout-groups.p128d-specialized-hidden {
    display:
        none !important;
}

.fleet-p128d-specialized-surface {
    min-width:
        0;

    min-height:
        0;

    display:
        grid;

    grid-template-rows:
        auto
        auto
        minmax(
            0,
            1fr
        );

    background:
        #090b0c;
}

.fleet-p128d-specialized-surface[hidden] {
    display:
        none !important;
}

.fleet-p128d-specialized-header {
    min-height:
        54px;

    padding:
        9px
        11px;

    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        12px;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.065
        );

    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.075
            ),
            transparent
            48%
        ),
        #0b0e0f;
}

.fleet-p128d-specialized-heading {
    min-width:
        0;
}

.fleet-p128d-specialized-heading
h3 {
    margin:
        0;

    color:
        #edf0f1;

    font-size:
        13px;

    line-height:
        1.15;

    font-weight:
        800;

    letter-spacing:
        0.055em;
}

.fleet-p128d-specialized-meta {
    max-width:
        260px;

    padding-top:
        3px;

    color:
        rgba(
            232,
            236,
            238,
            0.39
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;

    line-height:
        1.45;

    text-align:
        right;

    letter-spacing:
        0.035em;
}

.fleet-p128d-contract-notice {
    margin:
        7px
        8px
        0;

    padding:
        7px
        8px;

    display:
        grid;

    grid-template-columns:
        max-content
        minmax(
            0,
            1fr
        );

    gap:
        10px;

    align-items:
        center;

    border:
        1px solid
        rgba(
            216,
            111,
            29,
            0.22
        );

    background:
        rgba(
            216,
            111,
            29,
            0.045
        );
}

.fleet-p128d-contract-notice
strong {
    color:
        #e38a42;

    font-size:
        8px;

    letter-spacing:
        0.075em;
}

.fleet-p128d-contract-notice
span {
    color:
        rgba(
            232,
            236,
            238,
            0.38
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;

    line-height:
        1.45;
}

.fleet-p128d-missile-body {
    min-height:
        0;

    max-height:
        540px;

    padding:
        8px;

    display:
        grid;

    align-content:
        start;

    gap:
        8px;

    overflow-y:
        auto;

    overscroll-behavior:
        contain;
}

.fleet-p128d-missile-family {
    min-width:
        0;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.075
        );

    background:
        #0c0f10;
}

.fleet-p128d-missile-family-header {
    min-height:
        36px;

    padding:
        7px
        8px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        10px;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.055
        );

    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.060
            ),
            transparent
        );
}

.fleet-p128d-missile-family-header
strong {
    color:
        #e7eaec;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        0.07em;
}

.fleet-p128d-missile-family-header
span {
    color:
        rgba(
            232,
            236,
            238,
            0.33
        );

    font-size:
        7px;

    font-weight:
        800;

    text-align:
        right;
}

.fleet-p128d-rack-grid {
    padding:
        7px;

    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    gap:
        5px;
}

.fleet-p128d-rack-card {
    min-width:
        0;

    min-height:
        130px;

    padding:
        8px;

    display:
        grid;

    grid-template-rows:
        auto
        auto
        auto
        1fr
        auto;

    gap:
        5px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.070
        );

    background:
        linear-gradient(
            145deg,
            rgba(
                216,
                111,
                29,
                0.035
            ),
            transparent
            52%
        ),
        #101315;
}

.fleet-p128d-rack-card-top {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        6px;
}

.fleet-p128d-rack-position {
    color:
        #df7829;

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        0.08em;
}

.fleet-p128d-rack-state {
    padding:
        2px
        4px;

    border:
        1px solid
        rgba(
            104,
            194,
            132,
            0.22
        );

    color:
        rgba(
            132,
            207,
            153,
            0.80
        );

    font-size:
        6px;

    font-weight:
        800;
}

.fleet-p128d-rack-name {
    overflow:
        hidden;

    color:
        #eff1f2;

    font-size:
        11px;

    line-height:
        1.15;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}

.fleet-p128d-rack-meta {
    color:
        rgba(
            232,
            236,
            238,
            0.38
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;

    line-height:
        1.4;
}

.fleet-p128d-logical-contract {
    align-self:
        end;

    padding-top:
        6px;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.045
        );

    color:
        rgba(
            232,
            236,
            238,
            0.25
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        6px;

    line-height:
        1.4;
}

.fleet-p128d-rack-edit,
.fleet-p128d-open-specialized {
    min-height:
        28px;

    padding:
        5px
        8px;

    border:
        1px solid
        rgba(
            216,
            111,
            29,
            0.36
        );

    background:
        rgba(
            216,
            111,
            29,
            0.075
        );

    color:
        #e59550;

    font:
        inherit;

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        0.075em;

    cursor:
        pointer;
}

.fleet-p128d-rack-edit:hover,
.fleet-p128d-open-specialized:hover {
    border-color:
        rgba(
            255,
            138,
            42,
            0.70
        );

    color:
        #f5aa67;

    background:
        rgba(
            216,
            111,
            29,
            0.13
        );
}

.fleet-p128d-payload-contract {
    margin:
        0
        7px
        7px;

    border:
        1px solid
        rgba(
            216,
            111,
            29,
            0.16
        );

    background:
        #090c0d;
}

.fleet-p128d-payload-title {
    min-height:
        31px;

    padding:
        0
        8px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        8px;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.055
        );
}

.fleet-p128d-payload-title
strong {
    color:
        #d9873f;

    font-size:
        8px;

    letter-spacing:
        0.08em;
}

.fleet-p128d-payload-title
span {
    color:
        rgba(
            232,
            236,
            238,
            0.28
        );

    font-size:
        6px;

    font-weight:
        800;

    letter-spacing:
        0.08em;
}

.fleet-p128d-payload-list {
    display:
        grid;

    gap:
        1px;

    background:
        rgba(
            255,
            255,
            255,
            0.040
        );
}

.fleet-p128d-payload-item {
    min-width:
        0;

    min-height:
        48px;

    padding:
        7px
        8px;

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        auto
        auto;

    gap:
        10px;

    align-items:
        center;

    background:
        #0f1213;
}

.fleet-p128d-payload-item-left {
    min-width:
        0;

    display:
        grid;

    gap:
        2px;
}

.fleet-p128d-payload-item-left
strong {
    overflow:
        hidden;

    color:
        #e8ebed;

    font-size:
        9px;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}

.fleet-p128d-payload-item-left
span {
    color:
        rgba(
            232,
            236,
            238,
            0.32
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;
}

.fleet-p128d-payload-quantity {
    color:
        #e0a05e;

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        10px;

    font-weight:
        800;
}

.fleet-p128d-payload-lock {
    padding:
        3px
        5px;

    border:
        1px solid
        rgba(
            215,
            126,
            83,
            0.22
        );

    color:
        rgba(
            224,
            150,
            118,
            0.72
        );

    font-size:
        6px;

    font-weight:
        800;

    letter-spacing:
        0.06em;
}

.fleet-p128d-payload-empty,
.fleet-p128d-specialized-empty,
.fleet-p128d-loading {
    min-height:
        120px;

    display:
        grid;

    place-items:
        center;

    color:
        rgba(
            232,
            236,
            238,
            0.28
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        8px;

    text-align:
        center;
}

.fleet-p128d-turret-overview-body {
    padding:
        8px;

    display:
        grid;

    gap:
        7px;
}

.fleet-p128d-turret-overview-copy {
    color:
        rgba(
            232,
            236,
            238,
            0.36
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;

    line-height:
        1.45;
}

.fleet-p128d-turret-surface {
    max-height:
        620px;
}

.fleet-p128d-turret-mount {
    min-height:
        0;

    max-height:
        520px;

    padding:
        8px;

    overflow-y:
        auto;

    overscroll-behavior:
        contain;
}

.fleet-nested-surface.is-p128d-rehomed {
    display:
        none !important;
}

.fleet-p128d-turret-mount
.fleet-nested-hardpoints-panel {
    position:
        static !important;

    width:
        100% !important;

    min-width:
        0 !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;

    opacity:
        1 !important;

    pointer-events:
        auto !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;
}

.fleet-p128d-turret-mount
.fleet-nested-hardpoints-header {
    margin-bottom:
        7px !important;

    border:
        1px solid
        rgba(
            216,
            111,
            29,
            0.14
        ) !important;

    border-radius:
        0 !important;

    background:
        rgba(
            216,
            111,
            29,
            0.040
        ) !important;
}

.fleet-p128d-turret-mount
.fleet-nested-hardpoint-tree {
    display:
        grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap:
        7px !important;
}

.fleet-p128d-turret-root {
    min-width:
        0;

    padding:
        0 !important;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.075
        ) !important;

    border-radius:
        0 !important;

    background:
        #0e1112 !important;

    overflow:
        hidden;
}

.fleet-p128d-turret-root-contract {
    min-height:
        30px;

    padding:
        0
        8px;

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        auto
        auto;

    gap:
        6px;

    align-items:
        center;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.055
        );

    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.065
            ),
            transparent
        );
}

.fleet-p128d-turret-root-label {
    color:
        #d9873f;

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        0.08em;
}

.fleet-p128d-turret-root-contract
strong {
    color:
        rgba(
            232,
            236,
            238,
            0.70
        );

    font-size:
        7px;

    letter-spacing:
        0.07em;
}

.fleet-p128d-lock-badge {
    padding:
        2px
        4px;

    border:
        1px solid
        rgba(
            216,
            137,
            91,
            0.25
        );

    color:
        rgba(
            224,
            154,
            113,
            0.72
        );

    font-size:
        6px;

    font-weight:
        800;
}

.fleet-p128d-turret-weapons-label {
    margin:
        7px
        8px
        0;

    padding-top:
        7px;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.045
        );

    color:
        rgba(
            232,
            236,
            238,
            0.31
        );

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        0.075em;
}

.fleet-p128d-turret-root
.fleet-nested-hardpoint-child-list {
    padding:
        7px
        8px
        8px !important;

    display:
        grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap:
        5px !important;
}

.fleet-p128d-turret-weapon-slot {
    position:
        relative;

    min-width:
        0;

    min-height:
        58px;

    padding:
        7px !important;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.075
        ) !important;

    border-radius:
        0 !important;

    background:
        #111416 !important;

    color:
        #e8ebed !important;

    font-family:
        inherit !important;

    font-size:
        8px !important;

    font-weight:
        700 !important;

    line-height:
        1.35 !important;

    text-align:
        left !important;

    cursor:
        pointer !important;
}

.fleet-p128d-turret-weapon-slot:hover,
.fleet-p128d-turret-weapon-slot.is-selected {
    border-color:
        rgba(
            255,
            138,
            42,
            0.72
        ) !important;

    background:
        rgba(
            216,
            111,
            29,
            0.09
        ) !important;
}

.fleet-p128d-turret-weapon-slot.is-planned {
    border-color:
        rgba(
            255,
            138,
            42,
            0.88
        ) !important;

    box-shadow:
        inset
        2px
        0
        0
        #ff8a2a;
}

.fleet-p128d-nested-planned-badge {
    margin-top:
        6px;

    padding-top:
        5px;

    display:
        block;

    overflow:
        hidden;

    border-top:
        1px solid
        rgba(
            255,
            138,
            42,
            0.20
        );

    color:
        #f09a4f;

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        6px;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}

.fleet-p128d-turret-mount
.fleet-nested-hardpoint-compatibility {
    margin:
        7px
        0
        0 !important;

    border:
        1px solid
        rgba(
            216,
            111,
            29,
            0.16
        ) !important;

    border-radius:
        0 !important;

    background:
        #0b0e0f !important;
}

.fleet-p128d-turret-mount
.fleet-nested-hardpoint-compatible-list {
    display:
        grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap:
        4px !important;
}

.fleet-p128d-turret-mount
.fleet-nested-hardpoint-option {
    min-width:
        0;

    border-radius:
        0 !important;

    background:
        #111416 !important;
}

.fleet-p128d-nested-compatible-row {
    grid-template-columns:
        minmax(
            125px,
            1.05fr
        )
        minmax(
            180px,
            1.75fr
        )
        72px;
}

@media (
    max-width:
        1550px
) {

    .fleet-p128d-rack-grid,
    .fleet-p128d-turret-mount
    .fleet-nested-hardpoint-tree {
        grid-template-columns:
            minmax(
                0,
                1fr
            ) !important;
    }
}

@media (
    max-width:
        900px
) {

    .fleet-p128d-contract-notice {
        grid-template-columns:
            minmax(
                0,
                1fr
            );
    }

    .fleet-p128d-rack-grid,
    .fleet-p128d-turret-root
    .fleet-nested-hardpoint-child-list,
    .fleet-p128d-turret-mount
    .fleet-nested-hardpoint-compatible-list {
        grid-template-columns:
            minmax(
                0,
                1fr
            ) !important;
    }

    .fleet-p128d-payload-item {
        grid-template-columns:
            minmax(
                0,
                1fr
            );

        gap:
            4px;
    }

    .fleet-p128d-specialized-header {
        flex-direction:
            column;
    }

    .fleet-p128d-specialized-meta {
        max-width:
            none;

        text-align:
            left;
    }
}

/* D07_P128D_MISSILES_TURRETS_SPECIALIZED_END */

/* =========================================================
   D07_P128E_PHYSICAL_3D_SELECTION_INTEGRATION_BEGIN
   CERTIFIED PHYSICAL 3D <-> LOADOUT LINK
   ========================================================= */

.fleet-p128e-physical-link-status {
    min-width:
        0;

    min-height:
        34px;

    padding:
        6px
        8px;

    display:
        grid;

    grid-template-columns:
        28px
        minmax(
            0,
            1fr
        );

    gap:
        8px;

    align-items:
        center;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.055
        );

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.045
        );

    background:
        #0a0d0e;
}

.fleet-p128e-link-icon {
    width:
        28px;

    height:
        22px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.10
        );

    color:
        rgba(
            235,
            239,
            240,
            0.42
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        0.06em;
}

.fleet-p128e-link-copy {
    min-width:
        0;

    display:
        grid;

    gap:
        1px;
}

.fleet-p128e-link-main {
    overflow:
        hidden;

    color:
        rgba(
            236,
            239,
            240,
            0.72
        );

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        0.065em;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}

.fleet-p128e-link-detail {
    overflow:
        hidden;

    color:
        rgba(
            232,
            236,
            238,
            0.30
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        6px;

    line-height:
        1.4;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}

.fleet-p128e-physical-link-status[data-state="linked"] {
    border-color:
        rgba(
            216,
            111,
            29,
            0.20
        );

    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.075
            ),
            transparent
            48%
        ),
        #0a0d0e;
}

.fleet-p128e-physical-link-status[data-state="linked"]
.fleet-p128e-link-icon {
    border-color:
        rgba(
            255,
            138,
            42,
            0.48
        );

    color:
        #ee9850;
}

.fleet-p128e-physical-link-status[data-state="linked"]
.fleet-p128e-link-main {
    color:
        #e99850;
}

.fleet-p128e-physical-link-status[data-state="pending"]
.fleet-p128e-link-icon {
    border-color:
        rgba(
            219,
            164,
            84,
            0.28
        );

    color:
        rgba(
            224,
            179,
            112,
            0.76
        );
}

.fleet-p128e-physical-link-status[data-state="unlinked"]
.fleet-p128e-link-icon {
    border-color:
        rgba(
            255,
            255,
            255,
            0.065
        );

    color:
        rgba(
            235,
            239,
            240,
            0.25
        );
}

.fleet-p128e-physical-link-status[data-state="error"] {
    border-color:
        rgba(
            213,
            89,
            70,
            0.26
        );

    background:
        rgba(
            110,
            27,
            20,
            0.10
        );
}

.fleet-p128e-physical-link-status[data-state="error"]
.fleet-p128e-link-icon,
.fleet-p128e-physical-link-status[data-state="error"]
.fleet-p128e-link-main {
    color:
        rgba(
            232,
            121,
            104,
            0.86
        );
}

.fleet-p128e-certified-3d-target {
    transition:
        border-color
        120ms ease,
        box-shadow
        120ms ease,
        filter
        120ms ease;
}

.fleet-p128e-certified-3d-target.is-p128e-physical-active {
    outline:
        1px solid
        rgba(
            255,
            138,
            42,
            0.50
        );

    outline-offset:
        2px;

    filter:
        brightness(
            1.08
        );
}

.fleet-cockpit-shell[data-p128e-physical-link-state="linked"]
.fleet-physical-stage,
.fleet-hangar-cockpit[data-p128e-physical-link-state="linked"]
.fleet-physical-stage {
    border-color:
        rgba(
            216,
            111,
            29,
            0.16
        );
}

@media (
    max-width:
        760px
) {

    .fleet-p128e-physical-link-status {
        grid-template-columns:
            24px
            minmax(
                0,
                1fr
            );

        gap:
            6px;
    }

    .fleet-p128e-link-icon {
        width:
            24px;
    }

    .fleet-p128e-link-main,
    .fleet-p128e-link-detail {
        white-space:
            normal;
    }
}

/* D07_P128E_PHYSICAL_3D_SELECTION_INTEGRATION_END */

/* =========================================================
   D07_P128F_FINAL_VISUAL_FINISH_BEGIN

   DESTROZADO07 // HANGAR V3
   FINAL LOADOUT VISUAL SYSTEM

   Drake industrial / gunmetal / burnt orange.
   No glassmorphism.
   No generic blue cyberpunk.
   No excessive glow.
   ========================================================= */


/* =========================================================
   01 // FINAL COCKPIT FOUNDATION
   ========================================================= */

.fleet-p128f-final {
    --p128f-black:
        #060809;

    --p128f-panel:
        #0a0d0e;

    --p128f-panel-2:
        #0d1011;

    --p128f-panel-3:
        #111416;

    --p128f-panel-4:
        #15191b;

    --p128f-line:
        rgba(
            235,
            239,
            240,
            0.075
        );

    --p128f-line-strong:
        rgba(
            235,
            239,
            240,
            0.13
        );

    --p128f-orange:
        #d86f1d;

    --p128f-orange-bright:
        #ec9347;

    --p128f-orange-soft:
        rgba(
            216,
            111,
            29,
            0.12
        );

    --p128f-orange-line:
        rgba(
            216,
            111,
            29,
            0.34
        );

    --p128f-text:
        #e9edef;

    --p128f-muted:
        rgba(
            232,
            236,
            238,
            0.47
        );

    --p128f-dim:
        rgba(
            232,
            236,
            238,
            0.27
        );

    width:
        100%;

    min-width:
        0;

    position:
        relative;

    overflow:
        hidden;

    border:
        1px solid
        var(--p128f-line-strong);

    border-radius:
        2px;

    background:
        linear-gradient(
            135deg,
            rgba(
                216,
                111,
                29,
                0.025
            ),
            transparent
            19%
        ),
        linear-gradient(
            90deg,
            rgba(
                255,
                255,
                255,
                0.008
            )
            1px,
            transparent
            1px
        ),
        var(--p128f-black);

    background-size:
        auto,
        42px
        100%,
        auto;

    box-shadow:
        inset
        0
        1px
        0
        rgba(
            255,
            255,
            255,
            0.025
        );

    color:
        var(--p128f-text);

    font-family:
        "Arial Narrow",
        "Roboto Condensed",
        "Segoe UI",
        Arial,
        sans-serif;
}

.fleet-p128f-final::before {
    content:
        "";

    position:
        absolute;

    z-index:
        20;

    top:
        0;

    left:
        0;

    width:
        78px;

    height:
        2px;

    background:
        var(--p128f-orange);

    opacity:
        0.82;

    pointer-events:
        none;
}

.fleet-p128f-workspace {
    gap:
        8px !important;

    background:
        transparent !important;
}


/* =========================================================
   02 // COMMAND / STATE STRIP
   ========================================================= */

.fleet-p128f-command-strip {
    width:
        100%;

    min-width:
        0;

    min-height:
        52px;

    display:
        grid;

    grid-template-columns:
        minmax(
            190px,
            1.15fr
        )
        minmax(
            150px,
            1fr
        )
        minmax(
            140px,
            0.8fr
        )
        minmax(
            120px,
            0.7fr
        )
        minmax(
            180px,
            1fr
        );

    align-items:
        stretch;

    border-bottom:
        1px solid
        var(--p128f-line-strong);

    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.075
            ),
            transparent
            27%
        ),
        #0b0e0f;
}

.fleet-p128f-command-brand,
.fleet-p128f-command-cell {
    min-width:
        0;

    padding:
        8px
        12px;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    border-right:
        1px solid
        var(--p128f-line);
}

.fleet-p128f-command-brand {
    position:
        relative;

    padding-left:
        18px;
}

.fleet-p128f-command-brand::before {
    content:
        "";

    position:
        absolute;

    left:
        8px;

    top:
        10px;

    bottom:
        10px;

    width:
        3px;

    background:
        var(--p128f-orange);
}

.fleet-p128f-command-brand strong {
    color:
        var(--p128f-text);

    font-size:
        13px;

    font-weight:
        900;

    line-height:
        1;

    letter-spacing:
        0.105em;
}

.fleet-p128f-command-brand span,
.fleet-p128f-command-eyebrow {
    margin-top:
        4px;

    color:
        var(--p128f-dim);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;

    line-height:
        1;

    letter-spacing:
        0.07em;
}

.fleet-p128f-command-value {
    overflow:
        hidden;

    color:
        rgba(
            236,
            240,
            241,
            0.76
        );

    font-size:
        10px;

    font-weight:
        800;

    line-height:
        1.15;

    letter-spacing:
        0.045em;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}

.fleet-p128f-command-planned {
    border-right:
        0;
}

.fleet-p128f-final.has-p128f-planned
.fleet-p128f-command-planned {
    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.12
            ),
            rgba(
                216,
                111,
                29,
                0.025
            )
        );
}

.fleet-p128f-final.has-p128f-planned
.fleet-p128f-command-planned
.fleet-p128f-command-value {
    color:
        var(--p128f-orange-bright);
}

.fleet-p128f-final.is-p128f-editing
.fleet-p128f-command-mode
.fleet-p128f-command-value {
    color:
        var(--p128f-orange-bright);
}


/* =========================================================
   03 // INDUSTRIAL CONTROLS
   ========================================================= */

.fleet-p128f-final
.fleet-p128f-control {
    min-height:
        30px;

    padding:
        6px
        10px;

    border:
        1px solid
        rgba(
            235,
            239,
            240,
            0.105
        );

    border-radius:
        1px;

    background:
        linear-gradient(
            180deg,
            rgba(
                255,
                255,
                255,
                0.028
            ),
            rgba(
                255,
                255,
                255,
                0.004
            )
        ),
        #111416;

    box-shadow:
        none;

    color:
        rgba(
            235,
            239,
            240,
            0.67
        );

    font-family:
        "Arial Narrow",
        "Roboto Condensed",
        "Segoe UI",
        sans-serif;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        0.055em;

    text-transform:
        uppercase;

    transition:
        border-color
        110ms ease,
        background
        110ms ease,
        color
        110ms ease;
}

.fleet-p128f-final
.fleet-p128f-control:hover:not(:disabled) {
    border-color:
        rgba(
            216,
            111,
            29,
            0.48
        );

    background:
        #15191b;

    color:
        #f0f2f2;
}

.fleet-p128f-final
.fleet-p128f-control.is-p128f-accent {
    border-color:
        rgba(
            216,
            111,
            29,
            0.35
        );

    background:
        linear-gradient(
            180deg,
            rgba(
                216,
                111,
                29,
                0.14
            ),
            rgba(
                216,
                111,
                29,
                0.055
            )
        ),
        #111416;

    color:
        #e89a59;
}

.fleet-p128f-final
.fleet-p128f-control.is-p128f-destructive {
    border-color:
        rgba(
            192,
            102,
            68,
            0.20
        );

    color:
        rgba(
            225,
            161,
            138,
            0.72
        );
}

.fleet-p128f-final
.fleet-p128f-control:disabled {
    opacity:
        0.34;

    cursor:
        not-allowed;

    filter:
        saturate(
            0.42
        );
}

.fleet-p128f-final
.fleet-p128f-input {
    min-height:
        32px;

    border:
        1px solid
        rgba(
            235,
            239,
            240,
            0.10
        );

    border-radius:
        1px;

    outline:
        0;

    background:
        #090c0d;

    color:
        #e4e8e9;

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        9px;
}

.fleet-p128f-final
.fleet-p128f-input:focus {
    border-color:
        rgba(
            216,
            111,
            29,
            0.52
        );

    box-shadow:
        inset
        2px
        0
        0
        rgba(
            216,
            111,
            29,
            0.58
        );
}


/* =========================================================
   04 // LOADOUT CATEGORY NAVIGATION
   ========================================================= */

.fleet-p128f-final
.fleet-p128f-category-tabs {
    min-width:
        0;

    display:
        grid !important;

    grid-template-columns:
        repeat(
            5,
            minmax(
                90px,
                1fr
            )
        );

    gap:
        0 !important;

    border-top:
        1px solid
        var(--p128f-line);

    border-bottom:
        1px solid
        var(--p128f-line-strong);

    background:
        #090c0d;
}

.fleet-p128f-final
.fleet-p128f-category-tabs
[data-loadout-filter] {
    min-height:
        36px;

    padding:
        7px
        10px;

    border:
        0;

    border-right:
        1px solid
        var(--p128f-line);

    border-radius:
        0;

    background:
        transparent;

    color:
        rgba(
            232,
            236,
            238,
            0.42
        );

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        0.065em;

    text-transform:
        uppercase;
}

.fleet-p128f-final
.fleet-p128f-category-tabs
[data-loadout-filter]:hover {
    background:
        rgba(
            255,
            255,
            255,
            0.018
        );

    color:
        rgba(
            238,
            241,
            242,
            0.72
        );
}

.fleet-p128f-final[data-p128f-active-filter="all"]
.fleet-p128f-category-tabs
[data-loadout-filter="all"],

.fleet-p128f-final[data-p128f-active-filter="weapons"]
.fleet-p128f-category-tabs
[data-loadout-filter="weapons"],

.fleet-p128f-final[data-p128f-active-filter="systems"]
.fleet-p128f-category-tabs
[data-loadout-filter="systems"],

.fleet-p128f-final[data-p128f-active-filter="missiles"]
.fleet-p128f-category-tabs
[data-loadout-filter="missiles"],

.fleet-p128f-final[data-p128f-active-filter="turrets"]
.fleet-p128f-category-tabs
[data-loadout-filter="turrets"] {
    background:
        linear-gradient(
            180deg,
            rgba(
                216,
                111,
                29,
                0.14
            ),
            rgba(
                216,
                111,
                29,
                0.035
            )
        );

    box-shadow:
        inset
        0
        -2px
        0
        var(--p128f-orange);

    color:
        #f0a365;
}


/* =========================================================
   05 // PHYSICAL SHIP / 3D STAGE
   ========================================================= */

.fleet-p128f-workspace
.fleet-ship-media,
.fleet-p128f-final
.fleet-ship-media {
    position:
        relative;

    min-width:
        0;

    height:
        clamp(
            350px,
            41vh,
            500px
        ) !important;

    min-height:
        350px !important;

    max-height:
        500px;

    overflow:
        hidden;

    border:
        1px solid
        rgba(
            235,
            239,
            240,
            0.085
        ) !important;

    border-radius:
        1px !important;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(
                216,
                111,
                29,
                0.035
            ),
            transparent
            42%
        ),
        #070a0b !important;
}

.fleet-p128f-workspace
.fleet-ship-media::before,
.fleet-p128f-final
.fleet-ship-media::before {
    opacity:
        0.42;
}

.fleet-p128f-workspace
.fleet-ship-media
.ship-holoviewer,
.fleet-p128f-final
.fleet-ship-media
.ship-holoviewer {
    width:
        100% !important;

    height:
        100% !important;

    min-height:
        100% !important;
}

.fleet-p128f-workspace
.fleet-ship-media
.ship-holoviewer-viewport,
.fleet-p128f-final
.fleet-ship-media
.ship-holoviewer-viewport {
    width:
        100% !important;

    height:
        100% !important;

    min-height:
        100% !important;
}

.fleet-p128f-final
.fleet-physical-stage {
    min-width:
        0;

    display:
        grid;

    grid-template-columns:
        minmax(
            390px,
            0.92fr
        )
        minmax(
            0,
            1.35fr
        );

    gap:
        8px;

    align-items:
        stretch;
}


/* =========================================================
   06 // P128E PHYSICAL LINK
   ========================================================= */

.fleet-p128f-final
.fleet-p128e-physical-link-status {
    min-height:
        38px;

    margin:
        0;

    padding:
        6px
        10px;

    border-top:
        1px solid
        var(--p128f-line);

    border-bottom:
        1px solid
        var(--p128f-line);

    background:
        #090c0d;
}

.fleet-p128f-final
.fleet-p128e-physical-link-status[data-state="linked"] {
    border-left:
        2px solid
        var(--p128f-orange);

    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.09
            ),
            transparent
            36%
        ),
        #090c0d;
}

.fleet-p128f-final
.fleet-p128e-link-main {
    font-size:
        8px;

    letter-spacing:
        0.08em;
}

.fleet-p128f-final
.fleet-p128e-link-detail {
    font-size:
        6px;

    letter-spacing:
        0.045em;
}


/* =========================================================
   07 // OVERVIEW / PHYSICAL LOADOUT
   ========================================================= */

.fleet-p128f-final
.fleet-p128f-loadout-surface {
    min-width:
        0;

    position:
        relative;

    border:
        1px solid
        var(--p128f-line);

    border-radius:
        1px;

    background:
        #080b0c;
}

.fleet-p128f-final
.fleet-physical-loadout-groups {
    min-width:
        0;

    display:
        grid;

    gap:
        8px;

    padding:
        9px;

    background:
        #080b0c;
}

.fleet-p128f-final
.fleet-p128f-loadout-group,
.fleet-p128f-final
.fleet-physical-loadout-group {
    min-width:
        0;

    overflow:
        hidden;

    border:
        1px solid
        rgba(
            235,
            239,
            240,
            0.075
        );

    border-radius:
        1px;

    background:
        #0c0f10;

    box-shadow:
        inset
        0
        1px
        0
        rgba(
            255,
            255,
            255,
            0.015
        );
}

.fleet-p128f-final
.fleet-physical-loadout-group-header {
    min-height:
        36px;

    padding:
        7px
        10px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        10px;

    border-bottom:
        1px solid
        rgba(
            235,
            239,
            240,
            0.065
        );

    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.055
            ),
            transparent
            42%
        ),
        #101315;
}

.fleet-p128f-final
.fleet-physical-loadout-group-header
strong {
    color:
        rgba(
            238,
            241,
            242,
            0.84
        );

    font-size:
        10px;

    font-weight:
        900;

    letter-spacing:
        0.075em;
}

.fleet-p128f-final
.fleet-physical-loadout-group-header
span {
    color:
        var(--p128f-dim);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;

    letter-spacing:
        0.045em;
}

.fleet-p128f-final
.fleet-physical-loadout-group
article {
    border-radius:
        1px !important;

    background:
        #0e1112;

    transition:
        border-color
        110ms ease,
        background
        110ms ease;
}

.fleet-p128f-final
.fleet-physical-loadout-group
article:hover {
    background:
        #111516;

    border-color:
        rgba(
            216,
            111,
            29,
            0.25
        ) !important;
}

.fleet-p128f-final
.is-planned {
    border-color:
        rgba(
            216,
            111,
            29,
            0.54
        ) !important;

    box-shadow:
        inset
        2px
        0
        0
        rgba(
            216,
            111,
            29,
            0.72
        ) !important;
}


/* =========================================================
   08 // FINAL EDIT WORKBENCH
   ========================================================= */

.fleet-p128f-final
.fleet-p128f-workbench-surface {
    min-width:
        0;

    position:
        relative;

    overflow:
        visible;

    margin-top:
        9px;

    border:
        1px solid
        var(--p128f-line-strong);

    border-top:
        2px solid
        rgba(
            216,
            111,
            29,
            0.66
        );

    border-radius:
        1px;

    background:
        #080b0c;

    box-shadow:
        0
        -10px
        32px
        rgba(
            0,
            0,
            0,
            0.20
        );
}

.fleet-p128f-final
.fleet-p128f-workbench-surface[hidden] {
    display:
        none !important;
}

.fleet-p128f-final
.fleet-workbench-grid {
    min-width:
        0;

    display:
        grid !important;

    grid-template-columns:
        minmax(
            175px,
            0.86fr
        )
        minmax(
            390px,
            2.25fr
        )
        minmax(
            175px,
            0.86fr
        )
        minmax(
            190px,
            0.90fr
        ) !important;

    gap:
        1px !important;

    align-items:
        stretch;

    background:
        rgba(
            235,
            239,
            240,
            0.065
        );
}

.fleet-p128f-final
.fleet-workbench-grid
> * {
    min-width:
        0;

    padding:
        9px;

    background:
        #0b0e0f;
}

.fleet-p128f-final
.fleet-workbench-grid
> *:nth-child(2) {
    background:
        #090c0d;
}

.fleet-p128f-final
.fleet-workbench-grid
h3,
.fleet-p128f-final
.fleet-workbench-grid
h4,
.fleet-p128f-final
.fleet-workbench-grid
strong {
    letter-spacing:
        0.04em;
}

.fleet-p128f-final
.fleet-workbench-grid
[class*="build-impact"] {
    position:
        sticky;

    top:
        8px;

    align-self:
        start;
}


/* =========================================================
   09 // COMPATIBLE COMPONENT TABLE
   ========================================================= */

.fleet-p128f-final
.fleet-compatible-table {
    min-width:
        0;

    overflow:
        hidden;

    border:
        1px solid
        rgba(
            235,
            239,
            240,
            0.07
        );

    background:
        #080b0c;
}

.fleet-p128f-final
.fleet-compatible-table-row,
.fleet-p128f-final
.fleet-p128f-compatible-row {
    min-width:
        0;

    min-height:
        36px;

    border-bottom:
        1px solid
        rgba(
            235,
            239,
            240,
            0.052
        );

    background:
        #0b0e0f;

    transition:
        background
        100ms ease,
        border-color
        100ms ease;
}

.fleet-p128f-final
.fleet-compatible-table-row:hover,
.fleet-p128f-final
.fleet-p128f-compatible-row:hover {
    background:
        #101415;
}

.fleet-p128f-final
.fleet-compatible-table-row.is-selected,
.fleet-p128f-final
.fleet-compatible-table-row[aria-selected="true"],
.fleet-p128f-final
.fleet-p128f-compatible-row.is-selected {
    border-left:
        2px solid
        var(--p128f-orange);

    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.115
            ),
            rgba(
                216,
                111,
                29,
                0.015
            )
            58%
        ),
        #0d1011;
}

.fleet-p128f-final
.fleet-compatible-table-row
strong {
    color:
        rgba(
            239,
            242,
            243,
            0.88
        );
}

.fleet-p128f-final
.fleet-compatible-empty {
    min-height:
        90px;

    padding:
        18px;

    display:
        grid;

    place-items:
        center;

    color:
        var(--p128f-dim);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        8px;

    text-align:
        center;

    letter-spacing:
        0.055em;
}


/* =========================================================
   10 // COMPONENT DELTA
   ========================================================= */

.fleet-p128f-final
.fleet-component-delta-band {
    min-width:
        0;

    margin-top:
        1px;

    border-top:
        1px solid
        rgba(
            216,
            111,
            29,
            0.24
        );

    border-bottom:
        1px solid
        var(--p128f-line);

    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.07
            ),
            transparent
            32%
        ),
        #090c0d;
}

.fleet-p128f-final
.fleet-component-delta-band
> * {
    min-width:
        0;
}

.fleet-p128f-final
.fleet-component-delta-band
strong {
    color:
        #e7a36b;
}


/* =========================================================
   11 // MISSILE SPECIALIZED WORKSPACE
   ========================================================= */

.fleet-p128f-final
.fleet-p128f-specialized,
.fleet-p128f-final
.fleet-p128d-specialized-surface {
    min-width:
        0;

    border:
        1px solid
        rgba(
            235,
            239,
            240,
            0.075
        );

    border-radius:
        1px;

    background:
        #080b0c;
}

.fleet-p128f-final
.fleet-p128d-specialized-header {
    min-height:
        48px;

    padding:
        8px
        10px;

    border-bottom:
        1px solid
        var(--p128f-line);

    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.075
            ),
            transparent
            42%
        ),
        #0e1112;
}

.fleet-p128f-final
.fleet-p128d-specialized-heading
h3 {
    font-size:
        12px;

    letter-spacing:
        0.07em;
}

.fleet-p128f-final
.fleet-p128d-specialized-meta {
    color:
        var(--p128f-muted);

    font-size:
        7px;
}

.fleet-p128f-final
.fleet-p128d-contract-notice {
    margin:
        8px;

    padding:
        8px
        10px;

    border:
        1px solid
        rgba(
            216,
            111,
            29,
            0.16
        );

    border-left:
        2px solid
        rgba(
            216,
            111,
            29,
            0.58
        );

    border-radius:
        1px;

    background:
        rgba(
            216,
            111,
            29,
            0.035
        );
}

.fleet-p128f-final
.fleet-p128d-contract-notice
strong {
    color:
        #dd8d4d;

    font-size:
        8px;

    letter-spacing:
        0.055em;
}

.fleet-p128f-final
.fleet-p128d-contract-notice
span {
    color:
        var(--p128f-muted);

    font-size:
        8px;

    line-height:
        1.45;
}

.fleet-p128f-final
.fleet-p128d-missile-body {
    padding:
        0
        8px
        8px;
}

.fleet-p128f-final
.fleet-p128d-rack-grid {
    display:
        grid !important;

    grid-template-columns:
        repeat(
            4,
            minmax(
                175px,
                1fr
            )
        ) !important;

    gap:
        7px !important;
}

.fleet-p128f-final
.fleet-p128d-rack-card,
.fleet-p128f-final
.fleet-p128f-rack-card {
    min-width:
        0;

    padding:
        9px;

    border:
        1px solid
        rgba(
            235,
            239,
            240,
            0.085
        );

    border-radius:
        1px;

    background:
        #0e1112;
}

.fleet-p128f-final
.fleet-p128d-rack-card:hover {
    border-color:
        rgba(
            216,
            111,
            29,
            0.32
        );

    background:
        #111516;
}

.fleet-p128f-final
.fleet-p128d-rack-position {
    color:
        #d98a4a;

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;

    letter-spacing:
        0.05em;
}

.fleet-p128f-final
.fleet-p128d-rack-name {
    color:
        rgba(
            238,
            241,
            242,
            0.90
        );

    font-size:
        11px;

    letter-spacing:
        0.025em;
}

.fleet-p128f-final
.fleet-p128d-rack-meta,
.fleet-p128f-final
.fleet-p128d-logical-contract {
    color:
        var(--p128f-dim);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;

    line-height:
        1.45;
}

.fleet-p128f-final
.fleet-p128d-payload-contract {
    margin-top:
        8px;

    border:
        1px solid
        rgba(
            235,
            239,
            240,
            0.07
        );

    background:
        #0b0e0f;
}

.fleet-p128f-final
.fleet-p128d-payload-title {
    min-height:
        34px;

    padding:
        7px
        9px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    border-bottom:
        1px solid
        var(--p128f-line);

    background:
        #101315;
}

.fleet-p128f-final
.fleet-p128d-payload-title
strong {
    font-size:
        9px;

    letter-spacing:
        0.065em;
}

.fleet-p128f-final
.fleet-p128d-payload-title
span {
    color:
        rgba(
            225,
            147,
            82,
            0.68
        );

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;
}

.fleet-p128f-final
.fleet-p128d-payload-item {
    border-bottom:
        1px solid
        rgba(
            235,
            239,
            240,
            0.045
        );

    background:
        #0b0e0f;
}


/* =========================================================
   12 // TURRET / NESTED WORKSPACE
   ========================================================= */

.fleet-p128f-final
.fleet-p128d-turret-mount {
    min-width:
        0;

    padding:
        0
        8px
        8px;
}

.fleet-p128f-final
.fleet-p128d-turret-mount
.fleet-nested-hardpoint-tree {
    display:
        grid !important;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap:
        7px !important;
}

.fleet-p128f-final
.fleet-p128d-turret-root,
.fleet-p128f-final
.fleet-p128f-turret-root {
    min-width:
        0;

    overflow:
        hidden;

    border:
        1px solid
        rgba(
            235,
            239,
            240,
            0.085
        ) !important;

    border-radius:
        1px !important;

    background:
        #0c0f10 !important;
}

.fleet-p128f-final
.fleet-p128d-turret-root-contract {
    min-height:
        34px;

    padding:
        6px
        8px;

    border-bottom:
        1px solid
        rgba(
            216,
            111,
            29,
            0.17
        );

    background:
        linear-gradient(
            90deg,
            rgba(
                216,
                111,
                29,
                0.07
            ),
            transparent
            58%
        ),
        #111416;
}

.fleet-p128f-final
.fleet-p128d-lock-badge {
    border:
        1px solid
        rgba(
            216,
            111,
            29,
            0.26
        );

    border-radius:
        1px;

    background:
        rgba(
            216,
            111,
            29,
            0.055
        );

    color:
        rgba(
            230,
            153,
            89,
            0.75
        );
}

.fleet-p128f-final
.fleet-p128d-turret-weapons-label {
    padding:
        7px
        8px
        4px;

    color:
        var(--p128f-dim);

    font-family:
        Consolas,
        "Courier New",
        monospace;

    font-size:
        7px;

    letter-spacing:
        0.055em;
}

.fleet-p128f-final
.fleet-p128d-turret-root
.fleet-nested-hardpoint-child-list {
    display:
        grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap:
        5px !important;

    padding:
        7px;
}

.fleet-p128f-final
.fleet-p128d-turret-weapon-slot {
    min-width:
        0;

    min-height:
        48px;

    padding:
        7px
        8px;

    border:
        1px solid
        rgba(
            235,
            239,
            240,
            0.075
        ) !important;

    border-radius:
        1px !important;

    background:
        #101315 !important;
}

.fleet-p128f-final
.fleet-p128d-turret-weapon-slot:hover {
    border-color:
        rgba(
            216,
            111,
            29,
            0.34
        ) !important;

    background:
        #141819 !important;
}

.fleet-p128f-final
.fleet-p128d-turret-weapon-slot
.fleet-p128d-nested-planned-badge {
    color:
        var(--p128f-orange-bright);

    background:
        rgba(
            216,
            111,
            29,
            0.08
        );
}

.fleet-p128f-final
.fleet-p128d-turret-mount
.fleet-nested-hardpoint-compatibility {
    margin-top:
        8px !important;

    border:
        1px solid
        var(--p128f-line) !important;

    background:
        #090c0d !important;
}

.fleet-p128f-final
.fleet-p128d-turret-mount
.fleet-nested-hardpoint-compatible-list {
    gap:
        5px !important;

    padding:
        6px;
}


/* =========================================================
   13 // LEGACY ENGINE VISUALLY SUBORDINATE
   ========================================================= */

.fleet-p128f-final
.fleet-p128f-legacy-engine {
    min-width:
        0;

    margin:
        0;

    padding:
        0;

    border:
        0;

    background:
        transparent;
}

.fleet-p128f-final
#fleet-cockpit-selector-host
.fleet-bulk-component-selector {
    border-radius:
        1px !important;
}

.fleet-p128f-final
#fleet-cockpit-selector-host
.fleet-nested-hardpoints-panel {
    border-radius:
        1px !important;
}


/* =========================================================
   14 // EDIT MODE EMPHASIS
   ========================================================= */

.fleet-p128f-final.is-p128f-editing
.fleet-p128f-loadout-surface {
    border-color:
        rgba(
            216,
            111,
            29,
            0.16
        );
}

.fleet-p128f-final.is-p128f-editing
.fleet-p128f-workbench-surface {
    animation:
        p128f-workbench-enter
        150ms
        ease-out;
}

@keyframes p128f-workbench-enter {

    from {
        opacity:
            0.72;

        transform:
            translateY(
                4px
            );
    }

    to {
        opacity:
            1;

        transform:
            translateY(
                0
            );
    }
}


/* =========================================================
   15 // TECHNICAL SCROLLBARS
   ========================================================= */

.fleet-p128f-final
* {
    scrollbar-width:
        thin;

    scrollbar-color:
        #3c4143
        #090c0d;
}

.fleet-p128f-final
*::-webkit-scrollbar {
    width:
        8px;

    height:
        8px;
}

.fleet-p128f-final
*::-webkit-scrollbar-track {
    background:
        #090c0d;
}

.fleet-p128f-final
*::-webkit-scrollbar-thumb {
    border:
        2px solid
        #090c0d;

    background:
        #3a4042;
}

.fleet-p128f-final
*::-webkit-scrollbar-thumb:hover {
    background:
        #555d60;
}


/* =========================================================
   16 // RESPONSIVE // LARGE DESKTOP
   ========================================================= */

@media (
    max-width:
        1600px
) {

    .fleet-p128f-command-strip {
        grid-template-columns:
            minmax(
                170px,
                1.05fr
            )
            minmax(
                135px,
                0.9fr
            )
            minmax(
                125px,
                0.75fr
            )
            minmax(
                105px,
                0.60fr
            )
            minmax(
                165px,
                0.95fr
            );
    }


    .fleet-p128f-final
    .fleet-workbench-grid {
        grid-template-columns:
            minmax(
                165px,
                0.82fr
            )
            minmax(
                340px,
                2fr
            )
            minmax(
                165px,
                0.82fr
            )
            minmax(
                175px,
                0.82fr
            ) !important;
    }


    .fleet-p128f-final
    .fleet-p128d-rack-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    190px,
                    1fr
                )
            ) !important;
    }
}


/* =========================================================
   17 // RESPONSIVE // 1360
   ========================================================= */

@media (
    max-width:
        1360px
) {

    .fleet-p128f-command-strip {
        grid-template-columns:
            minmax(
                180px,
                1fr
            )
            repeat(
                2,
                minmax(
                    135px,
                    0.8fr
                )
            )
            minmax(
                165px,
                1fr
            );
    }


    .fleet-p128f-command-filter {
        display:
            none;
    }


    .fleet-p128f-final
    .fleet-physical-stage {
        grid-template-columns:
            minmax(
                0,
                1fr
            );
    }


    .fleet-p128f-workspace
    .fleet-ship-media,
    .fleet-p128f-final
    .fleet-ship-media {
        height:
            clamp(
                330px,
                38vh,
                450px
            ) !important;

        min-height:
            330px !important;
    }


    .fleet-p128f-final
    .fleet-workbench-grid {
        grid-template-columns:
            minmax(
                0,
                1fr
            )
            minmax(
                0,
                1.65fr
            ) !important;
    }


    .fleet-p128f-final
    .fleet-workbench-grid
    > *:nth-child(3),
    .fleet-p128f-final
    .fleet-workbench-grid
    > *:nth-child(4) {
        border-top:
            1px solid
            var(--p128f-line);
    }


    .fleet-p128f-final
    .fleet-p128d-turret-mount
    .fleet-nested-hardpoint-tree {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            ) !important;
    }
}


/* =========================================================
   18 // RESPONSIVE // TABLET
   ========================================================= */

@media (
    max-width:
        980px
) {

    .fleet-p128f-command-strip {
        grid-template-columns:
            minmax(
                0,
                1.35fr
            )
            minmax(
                0,
                1fr
            )
            minmax(
                0,
                1fr
            );
    }


    .fleet-p128f-command-filter,
    .fleet-p128f-command-ship {
        display:
            none;
    }


    .fleet-p128f-final
    .fleet-p128f-category-tabs {
        overflow-x:
            auto;

        grid-template-columns:
            repeat(
                5,
                minmax(
                    110px,
                    1fr
                )
            );
    }


    .fleet-p128f-final
    .fleet-workbench-grid {
        grid-template-columns:
            minmax(
                0,
                1fr
            ) !important;
    }


    .fleet-p128f-final
    .fleet-workbench-grid
    > * {
        border-bottom:
            1px solid
            var(--p128f-line);
    }


    .fleet-p128f-final
    .fleet-workbench-grid
    [class*="build-impact"] {
        position:
            static;
    }


    .fleet-p128f-final
    .fleet-p128d-rack-grid {
        grid-template-columns:
            minmax(
                0,
                1fr
            ) !important;
    }


    .fleet-p128f-final
    .fleet-p128d-turret-mount
    .fleet-nested-hardpoint-tree {
        grid-template-columns:
            minmax(
                0,
                1fr
            ) !important;
    }
}


/* =========================================================
   19 // RESPONSIVE // MOBILE/NARROW
   ========================================================= */

@media (
    max-width:
        720px
) {

    .fleet-p128f-final {
        border-left:
            0;

        border-right:
            0;
    }


    .fleet-p128f-command-strip {
        min-height:
            48px;

        grid-template-columns:
            minmax(
                0,
                1fr
            )
            minmax(
                0,
                1fr
            );
    }


    .fleet-p128f-command-brand {
        display:
            none;
    }


    .fleet-p128f-command-mode,
    .fleet-p128f-command-planned {
        padding:
            7px
            9px;
    }


    .fleet-p128f-command-value {
        white-space:
            normal;

        font-size:
            9px;
    }


    .fleet-p128f-workspace
    .fleet-ship-media,
    .fleet-p128f-final
    .fleet-ship-media {
        height:
            300px !important;

        min-height:
            300px !important;
    }


    .fleet-p128f-final
    .fleet-p128d-turret-root
    .fleet-nested-hardpoint-child-list {
        grid-template-columns:
            minmax(
                0,
                1fr
            ) !important;
    }


    .fleet-p128f-final
    .fleet-p128d-contract-notice {
        margin:
            6px;
    }


    .fleet-p128f-final
    .fleet-physical-loadout-groups {
        padding:
            6px;

        gap:
            6px;
    }
}


/* =========================================================
   20 // ACCESSIBILITY / REDUCED MOTION
   ========================================================= */

@media (
    prefers-reduced-motion:
        reduce
) {

    .fleet-p128f-final
    *,
    .fleet-p128f-final
    *::before,
    .fleet-p128f-final
    *::after {
        scroll-behavior:
            auto !important;

        animation-duration:
            0.001ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.001ms !important;
    }
}


/* =========================================================
   D07_P128F_FINAL_VISUAL_FINISH_END
   ========================================================= */

/* D07_P128C_FULL_LOADOUT_WORKBENCH_END */

/* D07_P128G_GLOBAL_REFLOW_BEGIN */

/*
 * P128G // GLOBAL HANGAR V3 REFLOW
 *
 * PRIMARY VISUAL TARGET:
 * LG ULTRAWIDE 3440 x 1440
 *
 * GOAL:
 * - Use ultrawide horizontal space correctly.
 * - Increase 3D visual importance.
 * - Improve component/loadout hierarchy.
 * - Give Compatible Components real working width.
 * - Keep Current / Compatible / Selected / Build Impact visible.
 * - Reflow Missiles and Turrets without inventing data.
 * - Improve Ship Data readability.
 * - Preserve P128C / P128D / P128E / P128F behavior.
 *
 * SCOPE:
 * CSS ONLY.
 *
 * NO:
 * - game-data changes
 * - database changes
 * - geometry changes
 * - ShipHoloviewer logic changes
 */


    #workspace:has(> #view-fleet.active) {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

.fleet-selected-workspace.fleet-full-workbench-mounted {

    width:
        100% !important;

    max-width:
        none !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;
}


.fleet-hangar-cockpit {

    --p128g-gap-xs:
        6px;

    --p128g-gap-sm:
        10px;

    --p128g-gap-md:
        14px;

    --p128g-gap-lg:
        18px;

    --p128g-panel:
        #090c0d;

    --p128g-panel-2:
        #0d1112;

    --p128g-panel-3:
        #111516;

    --p128g-line:
        rgba(
            236,
            239,
            240,
            0.085
        );

    --p128g-line-strong:
        rgba(
            216,
            111,
            29,
            0.40
        );

    --p128g-orange:
        #d86f1d;

    --p128g-orange-soft:
        #d9873f;

    --p128g-text:
        #edf0f1;

    --p128g-muted:
        rgba(
            232,
            236,
            238,
            0.56
        );


    width:
        100% !important;

    max-width:
        none !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    display:
        grid !important;

    grid-template-columns:
        minmax(
            0,
            1fr
        ) !important;

    gap:
        var(
            --p128g-gap-sm
        ) !important;

    box-sizing:
        border-box !important;

    background:
        #050708 !important;
}


/* ==========================================================
   TOP COMMAND STRIP
   ========================================================== */


.fleet-p128f-command-strip {

    min-height:
        62px !important;

    grid-template-columns:

        minmax(
            250px,
            1.25fr
        )

        minmax(
            210px,
            0.95fr
        )

        minmax(
            190px,
            0.85fr
        )

        minmax(
            180px,
            0.78fr
        )

        minmax(
            240px,
            1.05fr
        ) !important;

    border-bottom:
        1px solid
        var(
            --p128g-line-strong
        ) !important;
}


.fleet-p128f-command-brand,
.fleet-p128f-command-strip
> * {

    min-width:
        0 !important;
}


.fleet-p128f-command-brand {

    padding:
        10px
        16px !important;
}


.fleet-p128f-command-brand
strong {

    font-size:
        14px !important;

    letter-spacing:
        0.10em !important;
}


.fleet-p128f-command-brand
span,
.fleet-p128f-command-strip
[class*="fleet-p128f-command-"]
.fleet-p128f-command-label {

    font-size:
        9px !important;
}


.fleet-p128f-command-strip
[class*="fleet-p128f-command-"]
.fleet-p128f-command-value {

    font-size:
        11px !important;

    line-height:
        1.2 !important;
}


/* ==========================================================
   SHIP IDENTITY / BUILD COMMAND
   ========================================================== */


.fleet-physical-command {

    min-height:
        74px !important;

    padding:
        10px
        16px !important;

    gap:
        var(
            --p128g-gap-md
        ) !important;

    align-items:
        center !important;
}


.fleet-command-right {

    gap:
        10px !important;

    align-items:
        center !important;
}


.fleet-planned-status {

    min-height:
        30px !important;

    padding:
        6px
        14px !important;

    font-size:
        9px !important;

    letter-spacing:
        0.075em !important;
}


/* ==========================================================
   MAIN PHYSICAL STAGE
   ========================================================== */


.fleet-physical-stage {

    width:
        100% !important;

    min-width:
        0 !important;

    display:
        grid !important;

    grid-template-columns:

        minmax(
            0,
            1.45fr
        )

        minmax(
            560px,
            0.95fr
        ) !important;

    align-items:
        stretch !important;

    gap:
        var(
            --p128g-gap-sm
        ) !important;

    padding:
        0 !important;

    box-sizing:
        border-box !important;

    background:
        transparent !important;
}


.fleet-physical-ship-pane,
.fleet-cockpit-installed.fleet-physical-loadout-panel {

    min-width:
        0 !important;

    min-height:
        600px !important;

    border:
        1px solid
        var(
            --p128g-line
        ) !important;

    background:
        var(
            --p128g-panel
        ) !important;
}


/* ==========================================================
   3D / SHIP CONTEXT
   ========================================================== */


.fleet-physical-ship-pane {

    display:
        grid !important;

    grid-template-rows:

        auto

        minmax(
            0,
            1fr
        )

        auto !important;
}


.fleet-physical-pane-header,
.fleet-physical-loadout-header {

    min-height:
        58px !important;

    padding:
        10px
        14px !important;

    box-sizing:
        border-box !important;
}


.fleet-physical-pane-header
strong,
.fleet-physical-loadout-heading
h2 {

    font-size:
        15px !important;

    line-height:
        1.15 !important;

    letter-spacing:
        0.045em !important;
}


.fleet-physical-pane-header
.section-kicker,
.fleet-physical-loadout-heading
.section-kicker {

    font-size:
        9px !important;

    letter-spacing:
        0.09em !important;
}


.fleet-physical-media-host {

    width:
        100% !important;

    min-width:
        0 !important;

    min-height:
        510px !important;

    height:
        100% !important;

    overflow:
        hidden !important;

    background:

        radial-gradient(
            circle at 52% 46%,
            rgba(
                216,
                111,
                29,
                0.055
            ),
            transparent 44%
        ),

        #050708 !important;
}


.fleet-physical-media-host
.fleet-ship-media,
.fleet-physical-media-host
.fleet-ship-media-physical,
.fleet-physical-media-host
.ship-holoviewer,
.fleet-physical-media-host
.ship-holoviewer-viewport,
.fleet-physical-media-host
canvas {

    width:
        100% !important;

    height:
        100% !important;

    min-height:
        100% !important;

    max-width:
        none !important;
}


.fleet-physical-ship-hint {

    min-height:
        34px !important;

    padding:
        8px
        12px !important;

    font-size:
        8px !important;

    letter-spacing:
        0.065em !important;
}


/* ==========================================================
   LOADOUT PANEL
   ========================================================== */


.fleet-cockpit-installed.fleet-physical-loadout-panel {

    display:
        grid !important;

    grid-template-rows:

        auto

        auto

        minmax(
            0,
            1fr
        ) !important;

    overflow:
        hidden !important;
}


.fleet-physical-loadout-header {

    display:
        flex !important;

    justify-content:
        space-between !important;

    gap:
        14px !important;

    align-items:
        center !important;
}


.fleet-physical-loadout-summary {

    font-size:
        9px !important;

    line-height:
        1.35 !important;

    text-align:
        right !important;
}


.fleet-physical-loadout-tabs {

    min-height:
        42px !important;

    display:
        grid !important;

    grid-template-columns:

        repeat(
            5,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap:
        1px !important;

    padding:
        0 !important;

    border-top:
        1px solid
        var(
            --p128g-line
        ) !important;

    border-bottom:
        1px solid
        var(
            --p128g-line
        ) !important;

    background:
        rgba(
            235,
            239,
            240,
            0.055
        ) !important;
}


.fleet-physical-loadout-tab {

    min-width:
        0 !important;

    min-height:
        42px !important;

    padding:
        7px
        9px !important;

    font-size:
        9px !important;

    letter-spacing:
        0.075em !important;
}


.fleet-physical-loadout-groups {

    min-width:
        0 !important;

    min-height:
        0 !important;

    padding:
        10px !important;

    display:
        grid !important;

    grid-template-columns:

        repeat(
            2,
            minmax(
                0,
                1fr
            )
        ) !important;

    align-content:
        start !important;

    gap:
        10px !important;

    overflow:
        auto !important;
}


.fleet-physical-loadout-groups
> * {

    min-width:
        0 !important;
}


/* ==========================================================
   COMPONENT WORKBENCH
   ========================================================== */


.fleet-physical-workbench {

    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    border:
        1px solid
        var(
            --p128g-line
        ) !important;

    background:
        #07090a !important;
}


.fleet-physical-workbench-header {

    min-height:
        58px !important;

    padding:
        10px
        14px !important;

    gap:
        12px !important;

    align-items:
        center !important;
}


.fleet-workbench-heading
h3 {

    font-size:
        16px !important;

    line-height:
        1.2 !important;
}


.fleet-workbench-close {

    min-height:
        34px !important;

    padding:
        7px
        12px !important;

    font-size:
        9px !important;
}


.fleet-workbench-grid {

    width:
        100% !important;

    min-width:
        0 !important;

    display:
        grid !important;

    grid-template-columns:

        minmax(
            220px,
            0.92fr
        )

        minmax(
            560px,
            2.45fr
        )

        minmax(
            240px,
            1fr
        )

        minmax(
            260px,
            1.06fr
        ) !important;

    gap:
        1px !important;

    align-items:
        stretch !important;

    background:
        var(
            --p128g-line
        ) !important;
}


.fleet-workbench-grid
> * {

    min-width:
        0 !important;

    min-height:
        430px !important;

    padding:
        12px !important;

    box-sizing:
        border-box !important;

    background:
        var(
            --p128g-panel
        ) !important;
}


.fleet-workbench-compatible {

    background:
        #080b0c !important;
}


.fleet-workbench-column-title {

    min-height:
        40px !important;

    padding:
        0
        11px !important;

    font-size:
        9px !important;

    letter-spacing:
        0.11em !important;
}


.fleet-workbench-column-body {

    padding:
        11px !important;
}


.fleet-workbench-component-name {

    font-size:
        16px !important;

    line-height:
        1.15 !important;
}


.fleet-workbench-component-meta,
.fleet-workbench-legacy-mirror,
.fleet-build-impact-body {

    font-size:
        9px !important;

    line-height:
        1.5 !important;
}


/* ==========================================================
   COMPATIBLE COMPONENTS
   ========================================================== */


.fleet-compatible-tools {

    display:
        grid !important;

    grid-template-columns:

        minmax(
            0,
            1fr
        )

        minmax(
            170px,
            0.34fr
        ) !important;

    gap:
        8px !important;

    margin-bottom:
        9px !important;
}


.fleet-compatible-search,
.fleet-compatible-sort {

    min-height:
        36px !important;

    padding:
        7px
        10px !important;

    font-size:
        10px !important;
}


.fleet-compatible-table-body {

    min-height:
        300px !important;

    max-height:
        560px !important;

    overflow:
        auto !important;
}


.fleet-plan-component-button {

    min-height:
        38px !important;

    margin-top:
        12px !important;

    padding:
        8px
        12px !important;

    font-size:
        10px !important;

    letter-spacing:
        0.08em !important;
}


.fleet-workbench-selected,
.fleet-workbench-impact {

    background:
        var(
            --p128g-panel-2
        ) !important;
}


/* ==========================================================
   COMPONENT DELTA
   ========================================================== */


.fleet-component-delta-band {

    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    display:
        grid !important;

    grid-template-columns:

        minmax(
            180px,
            0.22fr
        )

        minmax(
            0,
            1.78fr
        ) !important;

    border-top:
        1px solid
        var(
            --p128g-line-strong
        ) !important;

    background:
        #080a0b !important;
}


.fleet-component-delta-title {

    min-height:
        50px !important;

    display:
        flex !important;

    align-items:
        center !important;

    padding:
        10px
        14px !important;

    font-size:
        9px !important;

    letter-spacing:
        0.10em !important;
}


.fleet-component-delta-body {

    min-width:
        0 !important;

    padding:
        10px
        14px !important;

    font-size:
        9px !important;
}


/* ==========================================================
   MISSILES / TURRETS
   ========================================================== */


.fleet-p128d-specialized-surface {

    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    border:
        1px solid
        var(
            --p128g-line
        ) !important;

    background:
        var(
            --p128g-panel
        ) !important;
}


.fleet-p128d-contract-notice {

    min-height:
        44px !important;

    padding:
        9px
        13px !important;

    gap:
        10px !important;

    font-size:
        9px !important;

    line-height:
        1.4 !important;
}


.fleet-p128d-missile-body {

    min-width:
        0 !important;

    padding:
        12px !important;

    gap:
        12px !important;
}


.fleet-p128d-turret-mount {

    min-width:
        0 !important;

    padding:
        12px !important;
}


.fleet-p128d-turret-mount
.fleet-nested-hardpoints-panel {

    width:
        100% !important;

    max-width:
        none !important;

    min-width:
        0 !important;
}


.fleet-p128d-turret-mount
.fleet-nested-hardpoint-child {

    min-height:
        38px !important;

    font-size:
        10px !important;
}


/* ==========================================================
   NESTED WORKSPACE
   ========================================================== */


.fleet-nested-surface {

    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;
}


.fleet-nested-surface-title {

    min-height:
        38px !important;

    padding:
        8px
        12px !important;

    font-size:
        9px !important;
}


/* ==========================================================
   SHIP DATA
   ========================================================== */


.fleet-physical-data-rail {

    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        1px solid
        var(
            --p128g-line
        ) !important;

    background:
        #080a0b !important;
}


.fleet-physical-data-rail-title {

    min-height:
        42px !important;

    display:
        flex !important;

    align-items:
        center !important;

    padding:
        8px
        14px !important;

    font-size:
        9px !important;

    letter-spacing:
        0.09em !important;
}


.fleet-physical-data-rail
.fleet-selected-bottom-card,
.fleet-physical-data-rail
.fleet-ship-spec-grid {

    width:
        100% !important;

    max-width:
        none !important;
}


.fleet-physical-data-rail
.fleet-ship-spec-grid {

    display:
        grid !important;

    grid-template-columns:

        repeat(
            4,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap:
        1px !important;
}


/* ==========================================================
   WIDE DESKTOP
   ========================================================== */


@media
(
    min-width:
        2200px
) {

    .fleet-hangar-cockpit {

        gap:
            12px !important;
    }


    .fleet-physical-stage {

        grid-template-columns:

            minmax(
                0,
                1.55fr
            )

            minmax(
                680px,
                0.95fr
            ) !important;

        gap:
            12px !important;
    }


    .fleet-physical-ship-pane,
    .fleet-cockpit-installed.fleet-physical-loadout-panel {

        min-height:
            690px !important;
    }


    .fleet-physical-media-host {

        min-height:
            595px !important;
    }


    .fleet-workbench-grid {

        grid-template-columns:

            minmax(
                250px,
                0.90fr
            )

            minmax(
                760px,
                2.60fr
            )

            minmax(
                280px,
                1fr
            )

            minmax(
                300px,
                1.05fr
            ) !important;
    }


    .fleet-workbench-grid
    > * {

        min-height:
            500px !important;
    }


    .fleet-compatible-table-body {

        max-height:
            640px !important;
    }
}


/* ==========================================================
   PRIMARY TARGET
   LG ULTRAWIDE 3440 x 1440
   ========================================================== */


@media
(
    min-width:
        2500px
)
and
(
    min-height:
        1050px
)
and
(
    min-aspect-ratio:
        21 / 10
) {

    .fleet-selected-workspace.fleet-full-workbench-mounted {

        width:
            100% !important;

        max-width:
            none !important;
    }


    .fleet-hangar-cockpit {

        gap:
            14px !important;
    }


    .fleet-p128f-command-strip {

        min-height:
            68px !important;

        grid-template-columns:

            minmax(
                340px,
                1.35fr
            )

            minmax(
                270px,
                0.95fr
            )

            minmax(
                240px,
                0.85fr
            )

            minmax(
                220px,
                0.75fr
            )

            minmax(
                300px,
                1fr
            ) !important;
    }


    .fleet-p128f-command-brand
    strong {

        font-size:
            16px !important;
    }


    .fleet-p128f-command-strip
    [class*="fleet-p128f-command-"]
    .fleet-p128f-command-value {

        font-size:
            12px !important;
    }


    .fleet-physical-command {

        min-height:
            80px !important;

        padding:
            12px
            18px !important;
    }


    .fleet-physical-stage {

        grid-template-columns:

            minmax(
                0,
                1.62fr
            )

            minmax(
                900px,
                1fr
            ) !important;

        gap:
            14px !important;
    }


    .fleet-physical-ship-pane,
    .fleet-cockpit-installed.fleet-physical-loadout-panel {

        min-height:
            780px !important;
    }


    .fleet-physical-media-host {

        min-height:
            680px !important;
    }


    .fleet-physical-pane-header,
    .fleet-physical-loadout-header {

        min-height:
            64px !important;

        padding:
            11px
            16px !important;
    }


    .fleet-physical-pane-header
    strong,
    .fleet-physical-loadout-heading
    h2 {

        font-size:
            17px !important;
    }


    .fleet-physical-loadout-tabs {

        min-height:
            48px !important;
    }


    .fleet-physical-loadout-tab {

        min-height:
            48px !important;

        font-size:
            10px !important;
    }


    .fleet-physical-loadout-groups {

        grid-template-columns:

            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            ) !important;

        gap:
            12px !important;

        padding:
            12px !important;
    }


    .fleet-physical-workbench-header {

        min-height:
            66px !important;

        padding:
            12px
            16px !important;
    }


    .fleet-workbench-heading
    h3 {

        font-size:
            18px !important;
    }


    .fleet-workbench-grid {

        grid-template-columns:

            minmax(
                300px,
                0.88fr
            )

            minmax(
                1120px,
                2.72fr
            )

            minmax(
                350px,
                1.02fr
            )

            minmax(
                380px,
                1.08fr
            ) !important;
    }


    .fleet-workbench-grid
    > * {

        min-height:
            560px !important;

        padding:
            14px !important;
    }


    .fleet-workbench-column-title {

        min-height:
            44px !important;

        font-size:
            10px !important;
    }


    .fleet-workbench-component-name {

        font-size:
            18px !important;
    }


    .fleet-workbench-component-meta,
    .fleet-workbench-legacy-mirror,
    .fleet-build-impact-body {

        font-size:
            10px !important;
    }


    .fleet-compatible-search,
    .fleet-compatible-sort {

        min-height:
            40px !important;

        font-size:
            11px !important;
    }


    .fleet-compatible-table-body {

        min-height:
            380px !important;

        max-height:
            720px !important;
    }


    .fleet-plan-component-button {

        min-height:
            42px !important;

        font-size:
            11px !important;
    }


    .fleet-component-delta-band {

        grid-template-columns:

            minmax(
                240px,
                0.20fr
            )

            minmax(
                0,
                1.80fr
            ) !important;
    }


    .fleet-component-delta-title,
    .fleet-component-delta-body,
    .fleet-p128d-contract-notice,
    .fleet-physical-data-rail-title {

        font-size:
            10px !important;
    }


    .fleet-p128d-missile-body,
    .fleet-p128d-turret-mount {

        padding:
            14px !important;
    }


    .fleet-p128d-turret-mount
    .fleet-nested-hardpoint-child {

        min-height:
            42px !important;

        font-size:
            11px !important;
    }


    .fleet-physical-data-rail
    .fleet-ship-spec-grid {

        grid-template-columns:

            repeat(
                6,
                minmax(
                    0,
                    1fr
                )
            ) !important;
    }
}


/* ==========================================================
   STANDARD 1440P / LARGE DESKTOP
   ========================================================== */


@media
(
    min-width:
        1500px
)
and
(
    max-width:
        2199px
) {

    .fleet-physical-stage {

        grid-template-columns:

            minmax(
                0,
                1.30fr
            )

            minmax(
                520px,
                0.95fr
            ) !important;
    }


    .fleet-workbench-grid {

        grid-template-columns:

            minmax(
                190px,
                0.90fr
            )

            minmax(
                500px,
                2.30fr
            )

            minmax(
                200px,
                0.95fr
            )

            minmax(
                220px,
                1fr
            ) !important;
    }
}


/* ==========================================================
   COMPACT DESKTOP FALLBACK
   ========================================================== */


@media
(
    max-width:
        1499px
) {

    .fleet-p128f-command-strip {

        grid-template-columns:

            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            ) !important;
    }


    .fleet-physical-stage {

        grid-template-columns:

            minmax(
                0,
                1fr
            ) !important;
    }


    .fleet-physical-ship-pane,
    .fleet-cockpit-installed.fleet-physical-loadout-panel {

        min-height:
            520px !important;
    }


    .fleet-physical-loadout-groups {

        grid-template-columns:

            minmax(
                0,
                1fr
            ) !important;
    }


    .fleet-workbench-grid {

        grid-template-columns:

            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            ) !important;
    }


    .fleet-workbench-compatible {

        grid-column:
            1
            /
            -1 !important;

        grid-row:
            1 !important;
    }


    .fleet-physical-data-rail
    .fleet-ship-spec-grid {

        grid-template-columns:

            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            ) !important;
    }
}


/* ==========================================================
   NARROW FALLBACK
   ========================================================== */


@media
(
    max-width:
        900px
) {

    .fleet-p128f-command-strip,
    .fleet-workbench-grid,
    .fleet-compatible-tools,
    .fleet-component-delta-band {

        grid-template-columns:

            minmax(
                0,
                1fr
            ) !important;
    }


    .fleet-workbench-compatible {

        grid-column:
            auto !important;

        grid-row:
            auto !important;
    }


    .fleet-physical-loadout-tabs {

        grid-template-columns:

            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            ) !important;
    }


    .fleet-physical-media-host {

        min-height:
            420px !important;
    }
}


/* D07_P128G2_ULTRAWIDE_SCALE_BEGIN */


/* ==========================================================
   P128G2 — ULTRAWIDE SCALE PASS
   PRIMARY TARGET: LG 3440 x 1440
   UI ONLY — NO GAME DATA / NO GEOMETRY / NO HOLOVIEWER CAMERA
   ========================================================== */


@media
(
    min-width:
        2500px
)
and
(
    min-height:
        1050px
)
and
(
    min-aspect-ratio:
        21 / 10
) {

    .fleet-hangar-cockpit,
    .fleet-full-workbench,
    .fleet-p128d-specialized-surface,
    .fleet-physical-data-rail {

        font-size:
            12px;
    }


    /* ------------------------------------------------------
       COMMAND / NAV SCALE
       ------------------------------------------------------ */

    .fleet-p128f-command-strip {

        min-height:
            72px !important;
    }


    .fleet-p128f-command-brand,
    .fleet-p128f-command-ship,
    .fleet-p128f-command-mode,
    .fleet-p128f-command-filter,
    .fleet-p128f-command-planned {

        padding:
            10px 14px !important;
    }


    .fleet-p128f-command-strip strong,
    .fleet-p128f-command-strip h3,
    .fleet-p128f-command-strip h4 {

        font-size:
            13px !important;
    }


    .fleet-p128f-command-strip span,
    .fleet-p128f-command-strip small,
    .fleet-p128f-command-strip label {

        font-size:
            9px !important;

        line-height:
            1.35 !important;
    }


    .fleet-physical-loadout-tabs {

        min-height:
            48px !important;
    }


    .fleet-physical-loadout-tab {

        min-height:
            46px !important;

        padding:
            8px 14px !important;

        font-size:
            11px !important;

        letter-spacing:
            0.075em !important;
    }


    /* ------------------------------------------------------
       LOADOUT SCALE
       ------------------------------------------------------ */

    .fleet-physical-loadout-panel {

        font-size:
            11px !important;
    }


    .fleet-physical-loadout-heading {

        font-size:
            15px !important;
    }


    .fleet-physical-loadout-summary {

        font-size:
            10px !important;
    }


    .fleet-physical-loadout-groups {

        gap:
            12px !important;

        padding:
            12px !important;
    }


    .fleet-physical-loadout-group-header {

        min-height:
            44px !important;

        padding:
            9px 12px !important;
    }


    .fleet-physical-loadout-group-header strong {

        font-size:
            12px !important;
    }


    .fleet-physical-loadout-group-header span {

        font-size:
            9px !important;
    }


    .fleet-physical-loadout-group article {

        min-height:
            58px !important;
    }


    .fleet-physical-loadout-group article strong {

        font-size:
            12px !important;
    }


    .fleet-physical-loadout-group article span,
    .fleet-physical-loadout-group article small {

        font-size:
            9px !important;

        line-height:
            1.4 !important;
    }


    /* ------------------------------------------------------
       WORKBENCH SCALE / BALANCE
       ------------------------------------------------------ */

    .fleet-workbench-grid {

        grid-template-columns:
            minmax(
                320px,
                0.95fr
            )
            minmax(
                1180px,
                2.70fr
            )
            minmax(
                390px,
                1.05fr
            )
            minmax(
                430px,
                1.15fr
            ) !important;

        min-height:
            620px !important;
    }


    .fleet-workbench-grid > * {

        padding:
            13px !important;
    }


    .fleet-workbench-column-title {

        min-height:
            42px !important;

        padding:
            0 12px !important;

        font-size:
            10px !important;
    }


    .fleet-workbench-column-body {

        padding:
            12px !important;
    }


    .fleet-workbench-component-name {

        font-size:
            17px !important;

        line-height:
            1.18 !important;
    }


    .fleet-workbench-component-meta {

        font-size:
            10px !important;

        line-height:
            1.55 !important;
    }


    .fleet-workbench-state-line {

        padding:
            4px 7px !important;

        font-size:
            9px !important;
    }


    .fleet-compatible-tools {

        min-height:
            48px !important;

        gap:
            10px !important;
    }


    .fleet-compatible-search,
    .fleet-compatible-sort,
    .fleet-compatible-tools input,
    .fleet-compatible-tools select,
    .fleet-compatible-tools button {

        min-height:
            38px !important;

        font-size:
            10px !important;
    }


    .fleet-compatible-table-body {

        max-height:
            760px !important;
    }


    .fleet-compatible-table-row,
    .fleet-p128f-compatible-row {

        min-height:
            48px !important;

        padding:
            8px 10px !important;

        font-size:
            10px !important;
    }


    .fleet-compatible-table-row strong,
    .fleet-p128f-compatible-row strong {

        font-size:
            12px !important;
    }


    .fleet-compatible-table-row span,
    .fleet-compatible-table-row small,
    .fleet-p128f-compatible-row span,
    .fleet-p128f-compatible-row small {

        font-size:
            9px !important;
    }


    .fleet-component-delta-band {

        min-height:
            92px !important;

        padding:
            10px 14px !important;
    }


    .fleet-component-delta-title {

        font-size:
            11px !important;
    }


    .fleet-component-delta-body {

        font-size:
            10px !important;

        line-height:
            1.5 !important;
    }


    /* ------------------------------------------------------
       MISSILES SCALE
       ------------------------------------------------------ */

    .fleet-p128d-specialized-header {

        min-height:
            60px !important;

        padding:
            10px 14px !important;
    }


    .fleet-p128d-specialized-heading h3 {

        font-size:
            15px !important;
    }


    .fleet-p128d-specialized-meta {

        font-size:
            9px !important;
    }


    .fleet-p128d-contract-notice {

        margin:
            10px !important;

        padding:
            10px 13px !important;
    }


    .fleet-p128d-contract-notice strong,
    .fleet-p128d-contract-notice span {

        font-size:
            10px !important;
    }


    .fleet-p128d-missile-body {

        padding:
            0 10px 12px !important;
    }


    .fleet-p128d-rack-grid {

        gap:
            10px !important;
    }


    .fleet-p128d-rack-card,
    .fleet-p128f-rack-card {

        min-height:
            118px !important;

        padding:
            12px !important;
    }


    .fleet-p128d-rack-position {

        font-size:
            9px !important;
    }


    .fleet-p128d-rack-name {

        font-size:
            15px !important;
    }


    .fleet-p128d-rack-meta,
    .fleet-p128d-logical-contract {

        font-size:
            9px !important;

        line-height:
            1.5 !important;
    }


    .fleet-p128d-payload-title {

        min-height:
            42px !important;

        padding:
            9px 11px !important;
    }


    .fleet-p128d-payload-title strong {

        font-size:
            11px !important;
    }


    .fleet-p128d-payload-title span {

        font-size:
            9px !important;
    }


    .fleet-p128d-payload-item {

        min-height:
            42px !important;

        font-size:
            10px !important;
    }


    /* ------------------------------------------------------
       TURRETS SCALE
       ------------------------------------------------------ */

    .fleet-p128d-turret-mount {

        padding:
            0 10px 12px !important;
    }


    .fleet-p128d-turret-mount
    .fleet-nested-hardpoints-tree {

        gap:
            10px !important;
    }


    .fleet-p128d-turret-root-contract {

        min-height:
            42px !important;

        padding:
            8px 10px !important;
    }


    .fleet-p128d-lock-badge,
    .fleet-p128d-turret-weapons-label {

        font-size:
            9px !important;
    }


    .fleet-p128d-turret-root
    .fleet-nested-hardpoint-child-list {

        gap:
            8px !important;

        padding:
            9px !important;
    }


    .fleet-p128d-turret-weapon-slot {

        min-height:
            68px !important;

        padding:
            9px 10px !important;

        font-size:
            10px !important;
    }


    .fleet-p128d-turret-weapon-slot strong {

        font-size:
            12px !important;
    }


    .fleet-p128d-turret-weapon-slot span,
    .fleet-p128d-turret-weapon-slot small,
    .fleet-p128d-nested-planned-badge {

        font-size:
            9px !important;
    }


    .fleet-p128d-turret-mount
    .fleet-nested-hardpoint-compatibility {

        margin-top:
            10px !important;
    }


    .fleet-p128d-turret-mount
    .fleet-nested-hardpoint-compatible-list {

        gap:
            7px !important;

        padding:
            9px !important;
    }


    /* ------------------------------------------------------
       SHIP DATA — REAL INFORMATION RAIL
       ------------------------------------------------------ */

    .fleet-physical-data-rail {

        min-height:
            190px !important;

        padding:
            12px 14px !important;

        font-size:
            11px !important;
    }


    .fleet-physical-data-rail-title {

        min-height:
            38px !important;

        font-size:
            12px !important;

        letter-spacing:
            0.08em !important;
    }


    .fleet-physical-data-rail strong {

        font-size:
            12px !important;
    }


    .fleet-physical-data-rail span,
    .fleet-physical-data-rail small {

        font-size:
            9px !important;

        line-height:
            1.45 !important;
    }


    /* ------------------------------------------------------
       PHYSICAL / 3D PANEL — LAYOUT ONLY
       CAMERA FRAMING IS HANDLED SEPARATELY
       ------------------------------------------------------ */

    .fleet-physical-ship-pane,
    .fleet-physical-loadout-panel {

        min-height:
            820px !important;
    }


    .fleet-physical-media-host {

        min-height:
            710px !important;
    }
}


/* D07_P128G2_ULTRAWIDE_SCALE_END */

/* D07_P128G4_UI_HIERARCHY_BEGIN */

/* D07_P128H_DESIGN_CONSOLIDATION_BEGIN */

/*
 * ================================================================
 * P128H — DESIGN CONSOLIDATION
 * ================================================================
 *
 * Lectura visual objetivo:
 *
 * SHIP / BUILD
 *      ↓
 * CATEGORY
 *      ↓
 * SLOT / HARDPOINT
 *      ↓
 * CURRENT → COMPATIBLE → SELECTED → IMPACT
 *      ↓
 * SHIP SUMMARY
 *
 * El objetivo no es construir nuevas superficies.
 * Es conseguir que las existentes se lean como una sola herramienta.
 * ================================================================
 */


/* ----------------------------------------------------------------
   01 — DESIGN TOKENS / SINGLE COCKPIT LANGUAGE
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final {
    --p128h-bg-0: #090b0c;
    --p128h-bg-1: #0d1011;
    --p128h-bg-2: #121617;
    --p128h-bg-3: #171b1c;
    --p128h-bg-4: #1c2021;

    --p128h-line-0: rgba(255, 255, 255, 0.055);
    --p128h-line-1: rgba(255, 255, 255, 0.09);
    --p128h-line-2: rgba(255, 255, 255, 0.14);

    --p128h-orange: #d86f1d;
    --p128h-orange-soft: rgba(216, 111, 29, 0.16);
    --p128h-orange-faint: rgba(216, 111, 29, 0.07);

    --p128h-amber: #c89239;
    --p128h-text-0: #f0eee8;
    --p128h-text-1: #c8c7c1;
    --p128h-text-2: #8e9291;
    --p128h-text-3: #666b6a;

    --p128h-radius: 2px;
    --p128h-gap: 10px;
    --p128h-section-gap: 12px;

    position: relative;
    isolation: isolate;
}


/* ----------------------------------------------------------------
   02 — COCKPIT ROOT
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final .fleet-hangar-cockpit,
#view-fleet .fleet-p128f-final.fleet-hangar-cockpit {
    gap: var(--p128h-section-gap) !important;
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.012),
            transparent 150px
        ) !important;
}


/* ----------------------------------------------------------------
   03 — COMMAND / BUILD STATE
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final .fleet-p128f-command-strip {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;

    min-height: 58px !important;
    padding: 0 !important;

    overflow: hidden !important;

    border:
        1px solid var(--p128h-line-1) !important;
    border-left:
        3px solid var(--p128h-orange) !important;
    border-radius:
        var(--p128h-radius) !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.025),
            rgba(255,255,255,0.005)
        ),
        var(--p128h-bg-1) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025) !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-command-strip > * {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    min-width: 0 !important;

    padding:
        9px 14px !important;

    border-left:
        1px solid var(--p128h-line-0) !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-command-strip > *:first-child {
    border-left:
        0 !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-command-planned {
    margin-left: auto !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--p128h-orange-faint)
        ) !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-command-strip h4 {
    margin: 0 !important;

    color:
        var(--p128h-text-0) !important;

    font-size:
        13px !important;
    font-weight:
        760 !important;
    letter-spacing:
        0.075em !important;
    line-height:
        1.1 !important;

    text-transform:
        uppercase !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-command-strip label {
    color:
        var(--p128h-text-2) !important;

    font-size:
        10px !important;
    font-weight:
        650 !important;
    letter-spacing:
        0.08em !important;
    line-height:
        1.1 !important;

    text-transform:
        uppercase !important;
}


/* ----------------------------------------------------------------
   04 — TOP STAGE / SHIP + LOADOUT
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final .fleet-physical-stage {
    position: relative !important;

    gap:
        var(--p128h-gap) !important;

    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-media-host,
#view-fleet .fleet-p128f-final .fleet-physical-loadout-panel {
    min-width: 0 !important;

    border:
        1px solid var(--p128h-line-1) !important;
    border-radius:
        var(--p128h-radius) !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.018),
            transparent 42%
        ),
        var(--p128h-bg-1) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.02) !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-media-host {
    position: relative !important;

    overflow: hidden !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-media-host::before {
    content: "" !important;

    position: absolute !important;
    z-index: 4 !important;

    top: 0 !important;
    left: 0 !important;

    width: 72px !important;
    height: 3px !important;

    pointer-events: none !important;

    background:
        var(--p128h-orange) !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-panel {
    position: relative !important;

    padding:
        0 12px 12px !important;

    overflow: hidden !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-panel::before {
    content: "" !important;

    position: absolute !important;
    z-index: 2 !important;

    top: 0 !important;
    left: 0 !important;

    width: 3px !important;
    height: 100% !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            var(--p128h-orange),
            rgba(216,111,29,0.18) 120px,
            transparent 75%
        ) !important;
}


/* ----------------------------------------------------------------
   05 — LOADOUT CATEGORY NAVIGATION
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final .fleet-physical-loadout-tabs {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;

    min-height: 46px !important;

    margin:
        0 -12px 10px !important;
    padding:
        0 12px !important;

    border-bottom:
        1px solid var(--p128h-line-1) !important;

    background:
        rgba(0,0,0,0.13) !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-tab {
    position: relative !important;

    min-height: 45px !important;

    padding:
        0 12px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background:
        transparent !important;

    color:
        var(--p128h-text-2) !important;

    font-size:
        10px !important;
    font-weight:
        720 !important;
    letter-spacing:
        0.07em !important;

    text-transform:
        uppercase !important;

    box-shadow: none !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-tab::after {
    content: "" !important;

    position: absolute !important;

    left: 12px !important;
    right: 12px !important;
    bottom: 0 !important;

    height: 2px !important;

    opacity: 0 !important;

    background:
        var(--p128h-orange) !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-tab:hover {
    color:
        var(--p128h-text-0) !important;

    background:
        rgba(255,255,255,0.02) !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-tab.active,
#view-fleet .fleet-p128f-final .fleet-physical-loadout-tab.is-active,
#view-fleet .fleet-p128f-final .fleet-physical-loadout-tab[aria-selected="true"] {
    color:
        var(--p128h-text-0) !important;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--p128h-orange-faint)
        ) !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-tab.active::after,
#view-fleet .fleet-p128f-final .fleet-physical-loadout-tab.is-active::after,
#view-fleet .fleet-p128f-final .fleet-physical-loadout-tab[aria-selected="true"]::after {
    opacity: 1 !important;
}


/* ----------------------------------------------------------------
   06 — LOADOUT GROUPS / FLAT TECHNICAL HIERARCHY
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final .fleet-physical-loadout-groups {
    min-width: 0 !important;

    gap:
        8px 10px !important;

    padding: 0 !important;

    align-content: start !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-group {
    position: relative !important;

    min-width: 0 !important;

    padding:
        0 0 5px !important;

    overflow: hidden !important;

    border:
        1px solid var(--p128h-line-0) !important;
    border-top:
        1px solid var(--p128h-line-1) !important;
    border-radius:
        var(--p128h-radius) !important;

    background:
        rgba(255,255,255,0.009) !important;

    box-shadow: none !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-group::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 42px !important;
    height: 2px !important;

    background:
        rgba(216,111,29,0.72) !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-group-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    min-height:
        35px !important;

    margin: 0 !important;
    padding:
        7px 10px !important;

    border-bottom:
        1px solid var(--p128h-line-0) !important;

    background:
        rgba(0,0,0,0.12) !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-group-header strong {
    color:
        var(--p128h-text-0) !important;

    font-size:
        11px !important;
    font-weight:
        760 !important;
    letter-spacing:
        0.055em !important;
    line-height:
        1.15 !important;

    text-transform:
        uppercase !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-group-header span {
    color:
        var(--p128h-text-3) !important;

    font-size:
        9px !important;
    font-weight:
        620 !important;
    letter-spacing:
        0.055em !important;

    text-transform:
        uppercase !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-group article {
    position: relative !important;

    min-width: 0 !important;
    min-height: 45px !important;

    margin: 0 !important;
    padding:
        7px 10px 7px 13px !important;

    border: 0 !important;
    border-bottom:
        1px solid var(--p128h-line-0) !important;
    border-radius: 0 !important;

    background:
        transparent !important;

    box-shadow: none !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-group article:last-child {
    border-bottom:
        0 !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-group article::before {
    content: "" !important;

    position: absolute !important;

    top: 12px !important;
    bottom: 12px !important;
    left: 5px !important;

    width: 2px !important;

    opacity: 0.32 !important;

    background:
        var(--p128h-orange) !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-group article:hover {
    background:
        linear-gradient(
            90deg,
            var(--p128h-orange-faint),
            transparent 72%
        ) !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-group article:focus-within {
    outline:
        1px solid rgba(216,111,29,0.38) !important;
    outline-offset:
        -1px !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-group article strong {
    color:
        var(--p128h-text-1) !important;

    font-size:
        11px !important;
    font-weight:
        710 !important;
    line-height:
        1.2 !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-loadout-group article small {
    color:
        var(--p128h-text-3) !important;

    font-size:
        9px !important;
    font-weight:
        560 !important;
    line-height:
        1.15 !important;
}


/* ----------------------------------------------------------------
   07 — WORKBENCH / ONE CONTINUOUS EDITING SURFACE
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final .fleet-p128f-workbench-surface {
    position: relative !important;

    overflow: hidden !important;

    border:
        1px solid var(--p128h-line-1) !important;
    border-radius:
        var(--p128h-radius) !important;

    background:
        var(--p128h-bg-1) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.018) !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-workbench-header {
    position: relative !important;

    min-height: 48px !important;

    margin: 0 !important;
    padding:
        9px 14px !important;

    border-bottom:
        1px solid var(--p128h-line-1) !important;

    background:
        linear-gradient(
            90deg,
            rgba(216,111,29,0.08),
            transparent 36%
        ),
        rgba(0,0,0,0.12) !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-workbench-header::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 80px !important;
    height: 2px !important;

    background:
        var(--p128h-orange) !important;
}

#view-fleet .fleet-p128f-final .fleet-workbench-grid {
    counter-reset:
        p128h-workbench-step !important;

    display: grid !important;

    min-width: 0 !important;

    gap: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background:
        var(--p128h-line-0) !important;
}

#view-fleet .fleet-p128f-final .fleet-workbench-grid > * {
    counter-increment:
        p128h-workbench-step !important;

    position: relative !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding:
        12px 13px !important;

    border: 0 !important;
    border-left:
        1px solid var(--p128h-line-1) !important;
    border-radius: 0 !important;

    background:
        var(--p128h-bg-1) !important;

    box-shadow: none !important;
}

#view-fleet .fleet-p128f-final .fleet-workbench-grid > *:first-child {
    border-left:
        0 !important;
}

#view-fleet .fleet-p128f-final .fleet-workbench-grid > *::after {
    content:
        counter(p128h-workbench-step, decimal-leading-zero) !important;

    position: absolute !important;

    top: 9px !important;
    right: 10px !important;

    color:
        rgba(255,255,255,0.19) !important;

    font-size:
        9px !important;
    font-weight:
        780 !important;
    letter-spacing:
        0.08em !important;

    pointer-events:
        none !important;
}

#view-fleet .fleet-p128f-final .fleet-workbench-compatible {
    background:
        linear-gradient(
            180deg,
            rgba(216,111,29,0.025),
            transparent 130px
        ),
        var(--p128h-bg-2) !important;
}

#view-fleet .fleet-p128f-final .fleet-workbench-selected {
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.014),
            transparent
        ),
        var(--p128h-bg-1) !important;
}

#view-fleet .fleet-p128f-final .fleet-workbench-impact {
    background:
        linear-gradient(
            180deg,
            rgba(200,146,57,0.025),
            transparent 130px
        ),
        #0c0f10 !important;
}

#view-fleet .fleet-p128f-final .fleet-workbench-grid > *:focus-within {
    box-shadow:
        inset 0 2px 0 rgba(216,111,29,0.55) !important;
}

#view-fleet .fleet-p128f-final .fleet-workbench-heading {
    min-height:
        28px !important;

    margin:
        0 0 9px !important;
    padding:
        0 26px 7px 0 !important;

    border-bottom:
        1px solid var(--p128h-line-0) !important;

    color:
        var(--p128h-text-2) !important;

    font-size:
        9px !important;
    font-weight:
        760 !important;
    letter-spacing:
        0.09em !important;

    text-transform:
        uppercase !important;
}

#view-fleet .fleet-p128f-final .fleet-workbench-compatible .fleet-workbench-heading {
    color:
        var(--p128h-orange) !important;
}

#view-fleet .fleet-p128f-final .fleet-workbench-component-name {
    color:
        var(--p128h-text-0) !important;

    font-size:
        13px !important;
    font-weight:
        760 !important;
    line-height:
        1.18 !important;
}

#view-fleet .fleet-p128f-final .fleet-workbench-component-meta {
    margin-top:
        4px !important;

    color:
        var(--p128h-text-3) !important;

    font-size:
        9px !important;
    font-weight:
        580 !important;
    line-height:
        1.25 !important;
}


/* ----------------------------------------------------------------
   08 — COMPATIBLE AREA / PRIMARY WORK SURFACE
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final .fleet-compatible-tools {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;

    margin:
        0 0 8px !important;
    padding:
        0 0 8px !important;

    border-bottom:
        1px solid var(--p128h-line-0) !important;

    background:
        transparent !important;
}

#view-fleet .fleet-p128f-final .fleet-compatible-tools button {
    min-height:
        30px !important;

    border:
        1px solid var(--p128h-line-1) !important;
    border-radius:
        1px !important;

    background:
        rgba(255,255,255,0.018) !important;

    color:
        var(--p128h-text-2) !important;

    box-shadow:
        none !important;
}

#view-fleet .fleet-p128f-final .fleet-compatible-tools button:hover {
    border-color:
        rgba(216,111,29,0.42) !important;

    color:
        var(--p128h-text-0) !important;

    background:
        var(--p128h-orange-faint) !important;
}

#view-fleet .fleet-p128f-final .fleet-compatible-table-body {
    min-width:
        0 !important;

    border:
        1px solid var(--p128h-line-0) !important;
    border-radius:
        1px !important;

    background:
        rgba(0,0,0,0.10) !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-compatible-row {
    position: relative !important;

    min-height:
        42px !important;

    margin: 0 !important;
    padding:
        6px 9px 6px 12px !important;

    border: 0 !important;
    border-bottom:
        1px solid var(--p128h-line-0) !important;
    border-radius: 0 !important;

    background:
        transparent !important;

    box-shadow: none !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-compatible-row:last-child {
    border-bottom:
        0 !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-compatible-row::before {
    content: "" !important;

    position: absolute !important;

    top: 8px !important;
    bottom: 8px !important;
    left: 3px !important;

    width: 2px !important;

    opacity: 0 !important;

    background:
        var(--p128h-orange) !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-compatible-row:hover {
    background:
        linear-gradient(
            90deg,
            var(--p128h-orange-faint),
            transparent 62%
        ) !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-compatible-row:hover::before,
#view-fleet .fleet-p128f-final .fleet-p128f-compatible-row.active::before,
#view-fleet .fleet-p128f-final .fleet-p128f-compatible-row.selected::before,
#view-fleet .fleet-p128f-final .fleet-p128f-compatible-row.is-selected::before {
    opacity: 1 !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-compatible-row.active,
#view-fleet .fleet-p128f-final .fleet-p128f-compatible-row.selected,
#view-fleet .fleet-p128f-final .fleet-p128f-compatible-row.is-selected {
    background:
        linear-gradient(
            90deg,
            rgba(216,111,29,0.12),
            rgba(216,111,29,0.015) 70%
        ) !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-compatible-row strong {
    color:
        var(--p128h-text-1) !important;

    font-size:
        10px !important;
    font-weight:
        700 !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-compatible-row small {
    color:
        var(--p128h-text-3) !important;

    font-size:
        8px !important;
    font-weight:
        560 !important;
}


/* ----------------------------------------------------------------
   09 — COMPONENT DELTA / CONNECTOR BAND
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final .fleet-component-delta-band {
    position: relative !important;

    margin:
        0 !important;
    padding:
        8px 12px !important;

    border:
        1px solid var(--p128h-line-0) !important;
    border-top:
        2px solid rgba(216,111,29,0.34) !important;
    border-radius:
        0 0 var(--p128h-radius) var(--p128h-radius) !important;

    background:
        linear-gradient(
            90deg,
            rgba(216,111,29,0.055),
            transparent 42%
        ),
        var(--p128h-bg-1) !important;

    box-shadow:
        none !important;
}


/* ----------------------------------------------------------------
   10 — SPECIALIZED LOADOUT SURFACES
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final .fleet-p128d-specialized-surface {
    position: relative !important;

    overflow: hidden !important;

    border:
        1px solid var(--p128h-line-1) !important;
    border-radius:
        var(--p128h-radius) !important;

    background:
        var(--p128h-bg-1) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.018) !important;
}


/* ----------------------------------------------------------------
   11 — MISSILES / RACKS AS ONE SUBSYSTEM
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final .fleet-p128d-missile-body {
    min-width:
        0 !important;

    gap:
        10px !important;

    padding:
        10px !important;

    border: 0 !important;

    background:
        transparent !important;
}

#view-fleet .fleet-p128f-final .fleet-p128d-rack-grid {
    min-width:
        0 !important;

    gap:
        8px !important;

    padding: 0 !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-rack-card {
    position: relative !important;

    min-width: 0 !important;

    padding:
        10px 10px 9px !important;

    overflow: hidden !important;

    border:
        1px solid var(--p128h-line-0) !important;
    border-top:
        1px solid var(--p128h-line-2) !important;
    border-radius:
        var(--p128h-radius) !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.018),
            transparent
        ),
        var(--p128h-bg-2) !important;

    box-shadow: none !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-rack-card::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 46px !important;
    height: 2px !important;

    background:
        rgba(216,111,29,0.76) !important;
}

#view-fleet .fleet-p128f-final .fleet-p128d-rack-name {
    color:
        var(--p128h-text-0) !important;

    font-size:
        11px !important;
    font-weight:
        760 !important;
    letter-spacing:
        0.035em !important;
}

#view-fleet .fleet-p128f-final .fleet-p128d-logical-contract {
    margin-top:
        7px !important;
    padding-top:
        7px !important;

    border-top:
        1px solid var(--p128h-line-0) !important;

    color:
        var(--p128h-text-3) !important;
}

#view-fleet .fleet-p128f-final .fleet-p128d-payload-contract {
    position: relative !important;

    margin-top:
        2px !important;
    padding:
        10px !important;

    border:
        1px solid var(--p128h-line-0) !important;
    border-left:
        2px solid rgba(200,146,57,0.44) !important;
    border-radius:
        var(--p128h-radius) !important;

    background:
        rgba(0,0,0,0.10) !important;

    box-shadow: none !important;
}

#view-fleet .fleet-p128f-final .fleet-p128d-payload-title {
    margin-bottom:
        7px !important;

    color:
        var(--p128h-amber) !important;

    font-size:
        9px !important;
    font-weight:
        760 !important;
    letter-spacing:
        0.075em !important;

    text-transform:
        uppercase !important;
}

#view-fleet .fleet-p128f-final .fleet-p128d-payload-item {
    margin: 0 !important;
    padding:
        6px 8px !important;

    border: 0 !important;
    border-bottom:
        1px solid var(--p128h-line-0) !important;
    border-radius: 0 !important;

    background:
        transparent !important;

    box-shadow: none !important;
}

#view-fleet .fleet-p128f-final .fleet-p128d-payload-item:last-child {
    border-bottom:
        0 !important;
}


/* ----------------------------------------------------------------
   12 — TURRETS / ROOTS + NESTED WEAPONS
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final .fleet-nested-hardpoints-layout {
    display:
        grid !important;

    grid-template-columns:
        minmax(0, 1fr) !important;

    gap:
        10px !important;

    min-width:
        0 !important;
    width:
        100% !important;
}

#view-fleet .fleet-p128f-final .fleet-nested-hardpoints-tree {
    display:
        grid !important;

    min-width:
        0 !important;
    width:
        100% !important;

    gap:
        8px !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-turret-root {
    position: relative !important;

    min-width:
        0 !important;
    width:
        100% !important;

    padding:
        10px !important;

    overflow:
        hidden !important;

    border:
        1px solid var(--p128h-line-0) !important;
    border-top:
        1px solid var(--p128h-line-2) !important;
    border-radius:
        var(--p128h-radius) !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.018),
            transparent 100px
        ),
        var(--p128h-bg-2) !important;

    box-shadow:
        none !important;
}

#view-fleet .fleet-p128f-final .fleet-p128f-turret-root::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 52px !important;
    height: 2px !important;

    background:
        rgba(216,111,29,0.72) !important;
}

#view-fleet .fleet-p128f-final .fleet-p128d-turret-root-contract {
    margin:
        0 0 8px !important;
    padding:
        0 0 8px !important;

    border-bottom:
        1px solid var(--p128h-line-0) !important;

    color:
        var(--p128h-text-3) !important;

    font-size:
        9px !important;
    line-height:
        1.25 !important;
}

#view-fleet .fleet-p128f-final .fleet-nested-hardpoint-child-list {
    display:
        grid !important;

    gap:
        6px !important;

    min-width:
        0 !important;

    padding:
        0 !important;
}

#view-fleet .fleet-p128f-final .fleet-p128d-turret-weapon-slot {
    position: relative !important;

    min-width:
        0 !important;

    margin:
        0 !important;
    padding:
        8px 9px !important;

    border:
        1px solid var(--p128h-line-0) !important;
    border-radius:
        1px !important;

    background:
        rgba(0,0,0,0.12) !important;

    box-shadow:
        none !important;
}

#view-fleet .fleet-p128f-final .fleet-p128d-turret-weapon-slot:hover {
    border-color:
        rgba(216,111,29,0.33) !important;

    background:
        var(--p128h-orange-faint) !important;
}

#view-fleet .fleet-p128f-final .fleet-p128d-turret-weapon-slot strong {
    color:
        var(--p128h-text-1) !important;

    font-size:
        10px !important;
    font-weight:
        700 !important;
}

#view-fleet .fleet-p128f-final .fleet-p128d-nested-planned-badge {
    border:
        1px solid rgba(216,111,29,0.30) !important;
    border-radius:
        1px !important;

    background:
        rgba(216,111,29,0.09) !important;

    color:
        var(--p128h-orange) !important;

    box-shadow:
        none !important;
}


/* ----------------------------------------------------------------
   13 — TURRET COMPATIBILITY / FULL-WIDTH SECONDARY WORK AREA
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final .fleet-nested-hardpoint-compatibility {
    min-width:
        0 !important;
    width:
        100% !important;

    margin:
        0 !important;
    padding:
        10px !important;

    border:
        1px solid var(--p128h-line-0) !important;
    border-top:
        2px solid rgba(216,111,29,0.30) !important;
    border-radius:
        var(--p128h-radius) !important;

    background:
        rgba(0,0,0,0.11) !important;

    box-shadow:
        none !important;
}

#view-fleet .fleet-p128f-final .fleet-nested-hardpoint-compatible-list {
    display:
        grid !important;

    min-width:
        0 !important;

    gap:
        6px !important;

    padding:
        0 !important;
}


/* ----------------------------------------------------------------
   14 — SHIP DATA / LOWER TECHNICAL RAIL
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final .fleet-physical-data-rail {
    position:
        relative !important;

    min-width:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    border:
        1px solid var(--p128h-line-1) !important;
    border-radius:
        var(--p128h-radius) !important;

    background:
        var(--p128h-bg-1) !important;

    box-shadow:
        none !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-data-rail::before {
    content: "" !important;

    position: absolute !important;
    z-index: 2 !important;

    top: 0 !important;
    left: 0 !important;

    width:
        86px !important;
    height:
        2px !important;

    background:
        rgba(216,111,29,0.72) !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-data-rail-title {
    min-height:
        35px !important;

    margin:
        0 !important;
    padding:
        8px 11px !important;

    border-bottom:
        1px solid var(--p128h-line-1) !important;

    background:
        rgba(0,0,0,0.12) !important;

    color:
        var(--p128h-text-2) !important;

    font-size:
        9px !important;
    font-weight:
        760 !important;
    letter-spacing:
        0.09em !important;

    text-transform:
        uppercase !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-data-rail [class*="stat"] {
    min-width:
        0 !important;

    border:
        0 !important;
    border-right:
        1px solid var(--p128h-line-0) !important;
    border-bottom:
        1px solid var(--p128h-line-0) !important;
    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-data-rail strong {
    color:
        var(--p128h-text-1) !important;

    font-size:
        11px !important;
    font-weight:
        710 !important;
}

#view-fleet .fleet-p128f-final .fleet-physical-data-rail small {
    color:
        var(--p128h-text-3) !important;

    font-size:
        9px !important;
    font-weight:
        560 !important;
}


/* ----------------------------------------------------------------
   15 — LOADOUT SURFACE / REMOVE "CARD ON CARD" FEEL
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final .fleet-p128f-loadout-surface {
    min-width:
        0 !important;

    border-radius:
        var(--p128h-radius) !important;

    box-shadow:
        none !important;
}


/* ----------------------------------------------------------------
   16 — PRIMARY ULTRAWIDE COMPOSITION
   REAL CSS VIEWPORT AUTHORITY:
   >= 2500 × 1050 AND 21:10+
   ---------------------------------------------------------------- */

@media
    (min-width: 2500px)
    and (min-height: 1050px)
    and (min-aspect-ratio: 21 / 10) {

    #view-fleet .fleet-p128f-final .fleet-hangar-cockpit,
    #view-fleet .fleet-p128f-final.fleet-hangar-cockpit {
        gap:
            10px !important;
    }

    #view-fleet .fleet-p128f-final .fleet-physical-stage {
        display:
            grid !important;

        grid-template-columns:
            minmax(0, 0.88fr)
            minmax(0, 1.12fr) !important;

        gap:
            10px !important;

        align-items:
            stretch !important;
    }

    #view-fleet .fleet-p128f-final .fleet-physical-loadout-groups {
        display:
            grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            8px 10px !important;
    }

    #view-fleet .fleet-p128f-final .fleet-workbench-grid {
        display:
            grid !important;

        grid-template-columns:
            minmax(270px, 0.90fr)
            minmax(0, 2.35fr)
            minmax(290px, 0.92fr)
            minmax(340px, 1.05fr) !important;

        gap:
            0 !important;

        width:
            100% !important;

        max-width:
            100% !important;

        overflow:
            hidden !important;
    }

    #view-fleet .fleet-p128f-final .fleet-workbench-compatible {
        min-width:
            0 !important;
    }

    #view-fleet .fleet-p128f-final .fleet-p128d-rack-grid {
        display:
            grid !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap:
            8px !important;
    }

    #view-fleet .fleet-p128f-final .fleet-nested-hardpoints-tree {
        display:
            grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap:
            8px !important;

        width:
            100% !important;
    }

    #view-fleet .fleet-p128f-final .fleet-nested-hardpoint-child-list {
        display:
            grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            6px !important;
    }

    #view-fleet .fleet-p128f-final .fleet-nested-hardpoint-compatible-list {
        display:
            grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap:
            6px !important;
    }

    #view-fleet .fleet-p128f-final .fleet-ship-spec-grid {
        display:
            grid !important;

        grid-template-columns:
            repeat(6, minmax(0, 1fr)) !important;
    }
}


/* ----------------------------------------------------------------
   17 — MEDIUM WIDTH SAFETY
   Do not force the ultrawide composition below the real breakpoint.
   ---------------------------------------------------------------- */

@media
    (min-width: 1500px)
    and (max-width: 2499px) {

    #view-fleet .fleet-p128f-final .fleet-workbench-grid {
        max-width:
            100% !important;
    }

    #view-fleet .fleet-p128f-final .fleet-p128d-rack-grid,
    #view-fleet .fleet-p128f-final .fleet-nested-hardpoints-tree,
    #view-fleet .fleet-p128f-final .fleet-nested-hardpoint-compatible-list {
        max-width:
            100% !important;
    }
}


/* ----------------------------------------------------------------
   18 — SMALL / FALLBACK SAFETY
   Preserve the existing responsive P128G infrastructure.
   Only remove unsafe visual assumptions.
   ---------------------------------------------------------------- */

@media
    (max-width: 1499px) {

    #view-fleet .fleet-p128f-final .fleet-p128f-command-strip {
        flex-wrap:
            wrap !important;
    }

    #view-fleet .fleet-p128f-final .fleet-p128f-command-planned {
        margin-left:
            0 !important;
    }

    #view-fleet .fleet-p128f-final .fleet-workbench-grid > *::after {
        display:
            none !important;
    }
}


/* ----------------------------------------------------------------
   19 — INTERACTION POLISH
   ---------------------------------------------------------------- */

#view-fleet .fleet-p128f-final button,
#view-fleet .fleet-p128f-final [role="button"] {
    transition:
        border-color 110ms ease,
        background-color 110ms ease,
        color 110ms ease,
        opacity 110ms ease !important;
}

#view-fleet .fleet-p128f-final button:focus-visible,
#view-fleet .fleet-p128f-final [role="button"]:focus-visible {
    outline:
        1px solid rgba(216,111,29,0.75) !important;
    outline-offset:
        2px !important;
}

@media (prefers-reduced-motion: reduce) {

    #view-fleet .fleet-p128f-final button,
    #view-fleet .fleet-p128f-final [role="button"] {
        transition:
            none !important;
    }
}

/* D07_P128H_DESIGN_CONSOLIDATION_END */

/* D07_P128G4_UI_HIERARCHY_END */

/* D07_P128G_GLOBAL_REFLOW_END */

/* ====================================================== */
/* D07_P129C18N16B_SAVED_BUILDS_MANAGER_CSS */
/* ====================================================== */

.fleet-saved-manager-trigger {
    cursor:
        pointer;

    user-select:
        none;
}


.fleet-saved-manager-trigger:hover,
.fleet-saved-manager-trigger:focus-visible {
    border-color:
        rgba(
            111,
            201,
            136,
            0.72
        );

    background:
        rgba(
            111,
            201,
            136,
            0.08
        );

    outline:
        none;
}


.fleet-saved-manager-overlay {
    position:
        fixed;

    inset:
        0;

    z-index:
        12000;

    display:
        grid;

    place-items:
        center;

    padding:
        28px;

    background:
        rgba(
            4,
            7,
            9,
            0.82
        );

    backdrop-filter:
        blur(
            7px
        );
}


.fleet-saved-manager-panel {
    width:
        min(
            820px,
            94vw
        );

    max-height:
        min(
            760px,
            86vh
        );

    display:
        grid;

    grid-template-rows:
        auto
        auto
        minmax(
            0,
            1fr
        );

    overflow:
        hidden;

    border:
        1px
        solid
        rgba(
            216,
            111,
            29,
            0.42
        );

    background:
        linear-gradient(
            180deg,
            rgba(
                28,
                31,
                33,
                0.98
            ),
            rgba(
                13,
                16,
                18,
                0.99
            )
        );

    box-shadow:
        0
        26px
        80px
        rgba(
            0,
            0,
            0,
            0.58
        );
}


.fleet-saved-manager-header {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    padding:
        18px
        20px;

    border-bottom:
        1px
        solid
        rgba(
            255,
            255,
            255,
            0.08
        );
}


.fleet-saved-manager-heading-wrap {
    min-width:
        0;
}


.fleet-saved-manager-eyebrow {
    margin-bottom:
        5px;

    color:
        rgba(
            243,
            170,
            102,
            0.72
        );

    font-size:
        10px;

    letter-spacing:
        0.16em;
}


.fleet-saved-manager-title {
    color:
        #f0f1ed;

    font-size:
        18px;

    font-weight:
        800;

    letter-spacing:
        0.08em;
}


.fleet-saved-manager-close,
.fleet-saved-manager-delete,
.fleet-saved-manager-delete-all {
    border:
        1px
        solid
        rgba(
            255,
            255,
            255,
            0.13
        );

    padding:
        8px
        12px;

    background:
        rgba(
            255,
            255,
            255,
            0.035
        );

    color:
        rgba(
            236,
            238,
            232,
            0.84
        );

    font:
        inherit;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        0.10em;

    cursor:
        pointer;
}


.fleet-saved-manager-delete,
.fleet-saved-manager-delete-all {
    border-color:
        rgba(
            212,
            75,
            57,
            0.48
        );

    color:
        rgba(
            255,
            145,
            128,
            0.95
        );

    background:
        rgba(
            137,
            37,
            26,
            0.12
        );
}


.fleet-saved-manager-close:hover,
.fleet-saved-manager-delete:hover,
.fleet-saved-manager-delete-all:hover {
    filter:
        brightness(
            1.18
        );
}


.fleet-saved-manager-delete:disabled,
.fleet-saved-manager-delete-all:disabled {
    opacity:
        0.38;

    cursor:
        default;
}


.fleet-saved-manager-toolbar {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        16px;

    padding:
        11px
        20px;

    border-bottom:
        1px
        solid
        rgba(
            255,
            255,
            255,
            0.06
        );

    background:
        rgba(
            0,
            0,
            0,
            0.16
        );
}


.fleet-saved-manager-status {
    color:
        rgba(
            195,
            201,
            194,
            0.72
        );

    font-size:
        10px;

    letter-spacing:
        0.10em;
}


.fleet-saved-manager-list {
    min-height:
        180px;

    overflow-y:
        auto;

    padding:
        10px;
}


.fleet-saved-manager-row {
    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        auto;

    align-items:
        center;

    gap:
        16px;

    padding:
        13px
        12px;

    border:
        1px
        solid
        rgba(
            255,
            255,
            255,
            0.07
        );

    background:
        rgba(
            255,
            255,
            255,
            0.025
        );
}


.fleet-saved-manager-row
+
.fleet-saved-manager-row {
    margin-top:
        7px;
}


.fleet-saved-manager-row-info {
    min-width:
        0;
}


.fleet-saved-manager-row-name {
    overflow:
        hidden;

    color:
        rgba(
            239,
            240,
            235,
            0.94
        );

    font-size:
        12px;

    font-weight:
        750;

    letter-spacing:
        0.05em;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.fleet-saved-manager-row-meta {
    margin-top:
        5px;

    color:
        rgba(
            160,
            168,
            161,
            0.72
        );

    font-size:
        9px;

    letter-spacing:
        0.08em;
}


.fleet-saved-manager-empty {
    display:
        grid;

    min-height:
        160px;

    place-items:
        center;

    color:
        rgba(
            155,
            164,
            157,
            0.60
        );

    font-size:
        11px;

    letter-spacing:
        0.13em;
}


@media (
    max-width:
        760px
) {

    .fleet-saved-manager-overlay {
        padding:
            12px;
    }


    .fleet-saved-manager-toolbar {
        align-items:
            stretch;

        flex-direction:
            column;
    }


    .fleet-saved-manager-row {
        grid-template-columns:
            1fr;
    }


    .fleet-saved-manager-delete {
        width:
            100%;
    }
}


/* D07_P129C18N16B_SAVED_BUILDS_MANAGER_CSS_END */

/* D07_P129F271_CORSAIR_COMPARATOR_STYLE_BEGIN */

.fleet-p129f269-comparator {
  --p129f269-orange: #d87924;
  --p129f269-amber: #f0aa45;
  --p129f269-steel: #20262a;
  --p129f269-steel-deep: #111518;
  --p129f269-line: rgba(216, 121, 36, 0.42);
  --p129f269-text: #e8edf0;
  --p129f269-muted: #9aa6ad;
  --p129f269-positive: #72c59a;
  --p129f269-negative: #e27668;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid var(--p129f269-line);
  border-left: 4px solid var(--p129f269-orange);
  border-radius: 3px;
  background:
    linear-gradient(135deg, rgba(216, 121, 36, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(35, 42, 46, 0.98), rgba(15, 19, 22, 0.99));
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
  color: var(--p129f269-text);
}

.fleet-p129f269-comparator,
.fleet-p129f269-comparator * {
  box-sizing: border-box;
}

.fleet-p129f269-comparator::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: 4px;
  background: repeating-linear-gradient(
    90deg,
    var(--p129f269-orange) 0 24px,
    #171b1e 24px 40px
  );
  opacity: 0.78;
}

.fleet-p129f269-comparator .fleet-workbench-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px 14px;
  border-bottom: 1px solid rgba(216, 121, 36, 0.24);
  background: linear-gradient(90deg, rgba(216, 121, 36, 0.09), transparent 55%);
}

.fleet-p129f269-kicker {
  margin: 0 0 5px;
  color: var(--p129f269-amber);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1.2;
  text-transform: uppercase;
}

.fleet-p129f269-title {
  margin: 0;
  color: #f4f6f7;
  font-size: clamp(1rem, 1.25vw, 1.32rem);
  font-weight: 800;
  letter-spacing: 0.035em;
  line-height: 1.15;
  text-transform: uppercase;
}

.fleet-p129f269-formula {
  max-width: 42rem;
  margin: 7px 0 0;
  color: var(--p129f269-muted);
  font-size: 0.73rem;
  letter-spacing: 0.025em;
  line-height: 1.45;
}

.fleet-p129f269-identities {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 16px 22px;
}

.fleet-p129f269-identity {
  min-width: 0;
  padding: 13px 14px 12px;
  border: 1px solid rgba(154, 166, 173, 0.2);
  border-radius: 2px;
  background: linear-gradient(180deg, rgba(42, 49, 53, 0.78), rgba(23, 28, 31, 0.84));
}

.fleet-p129f269-identity.selected {
  border-color: rgba(216, 121, 36, 0.68);
  background: linear-gradient(180deg, rgba(216, 121, 36, 0.16), rgba(34, 29, 24, 0.88));
  box-shadow: inset 3px 0 0 var(--p129f269-orange);
}

.fleet-p129f269-name {
  display: block;
  overflow: hidden;
  color: var(--p129f269-text);
  font-size: 0.91rem;
  font-weight: 800;
  letter-spacing: 0.025em;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fleet-p129f269-price {
  display: block;
  margin-top: 7px;
  color: var(--p129f269-amber);
  font-variant-numeric: tabular-nums;
  font-size: 0.8rem;
  font-weight: 800;
}

.fleet-p129f269-source {
  display: block;
  margin-top: 5px;
  overflow-wrap: anywhere;
  color: var(--p129f269-muted);
  font-size: 0.68rem;
  line-height: 1.35;
}

.fleet-p129f269-table {
  width: calc(100% - 44px);
  margin: 0 22px 20px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid rgba(154, 166, 173, 0.16);
  table-layout: fixed;
  background: rgba(8, 11, 13, 0.36);
}

.fleet-p129f269-table th {
  padding: 9px 10px;
  border-bottom: 1px solid rgba(216, 121, 36, 0.35);
  background: rgba(216, 121, 36, 0.1);
  color: #bdc6cb;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-align: left;
  text-transform: uppercase;
}

.fleet-p129f269-table td {
  padding: 9px 10px;
  border-bottom: 1px solid rgba(154, 166, 173, 0.1);
  color: #d8dee1;
  font-size: 0.73rem;
  line-height: 1.3;
  vertical-align: middle;
}

.fleet-p129f269-table th:not(:first-child),
.fleet-p129f269-table td:not(:first-child) {
  text-align: right;
}

.fleet-p129f269-table tbody tr:last-child td {
  border-bottom: 0;
}

.fleet-p129f269-stat {
  transition: background-color 140ms ease;
}

.fleet-p129f269-stat:hover {
  background: rgba(216, 121, 36, 0.055);
}

.fleet-p129f269-current-value,
.fleet-p129f269-selected-value,
.fleet-p129f269-delta {
  font-variant-numeric: tabular-nums;
  font-weight: 750;
}

.fleet-p129f269-current-value {
  color: #c7d0d5;
}

.fleet-p129f269-selected-value {
  color: #f1f4f5;
}

.fleet-p129f269-delta {
  color: var(--p129f269-muted);
}

.fleet-p129f269-stat[data-delta-trend="positive"] .fleet-p129f269-delta,
.fleet-p129f269-stat[data-delta-trend="up"] .fleet-p129f269-delta,
.fleet-p129f269-stat[data-delta-trend="gain"] .fleet-p129f269-delta {
  color: var(--p129f269-positive);
}

.fleet-p129f269-stat[data-delta-trend="negative"] .fleet-p129f269-delta,
.fleet-p129f269-stat[data-delta-trend="down"] .fleet-p129f269-delta,
.fleet-p129f269-stat[data-delta-trend="loss"] .fleet-p129f269-delta {
  color: var(--p129f269-negative);
}

.fleet-p129f269-empty {
  margin: 0;
  padding: 18px 22px 21px;
  border-top: 1px solid rgba(154, 166, 173, 0.12);
  color: var(--p129f269-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

@media (max-width: 1180px) {
  .fleet-p129f269-comparator .fleet-workbench-card-heading {
    padding-inline: 16px;
  }

  .fleet-p129f269-identities {
    padding-inline: 16px;
  }

  .fleet-p129f269-table {
    width: calc(100% - 32px);
    margin-inline: 16px;
  }
}

@media (max-width: 720px) {
  .fleet-p129f269-identities {
    grid-template-columns: 1fr;
  }

  .fleet-p129f269-name {
    white-space: normal;
  }

  .fleet-p129f269-table {
    display: block;
    overflow-x: auto;
    table-layout: auto;
  }

  .fleet-p129f269-table th,
  .fleet-p129f269-table td {
    min-width: 7.4rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fleet-p129f269-stat {
    transition: none;
  }
}

/* D07_P129F271_CORSAIR_COMPARATOR_STYLE_END */
/* D07_P129F286_SAVED_BUILD_DETAILS_CSS_BEGIN */
.fleet-saved-manager-row[data-p129f286-expandable="1"] {
    flex-wrap: wrap;
}
.fleet-p129f286-details-toggle {
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid rgba(216,111,29,.72);
    background: rgba(216,111,29,.1);
    color: #f2b36f;
    font: 800 10px/1.1 "Arial Narrow", "Roboto Condensed", sans-serif;
    letter-spacing: .09em;
    cursor: pointer;
}
.fleet-p129f286-details-toggle:hover,
.fleet-p129f286-details-toggle[aria-expanded="true"] {
    background: rgba(216,111,29,.22);
    color: #ffd3a0;
}
.fleet-p129f286-details-toggle:disabled {
    cursor: wait;
    opacity: .62;
}
.fleet-p129f286-details {
    flex: 1 0 100%;
    grid-column: 1 / -1;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid rgba(216,111,29,.28);
    background: rgba(7,9,10,.88);
    box-sizing: border-box;
}
.fleet-p129f286-details[hidden] {
    display: none !important;
}
.fleet-p129f286-details-title {
    margin-bottom: 8px;
    color: #d86f1d;
    font: 850 11px/1.2 "Arial Narrow", "Roboto Condensed", sans-serif;
    letter-spacing: .1em;
}
.fleet-p129f286-details-list {
    display: grid;
    gap: 5px;
}
.fleet-p129f286-entry {
    display: grid;
    grid-template-columns: 34px minmax(170px,.9fr) minmax(210px,1.1fr) 92px;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 5px 8px;
    border-left: 2px solid rgba(216,111,29,.62);
    background: rgba(255,255,255,.025);
}
.fleet-p129f286-entry-index,
.fleet-p129f286-entry-state {
    color: rgba(255,255,255,.48);
    font: 750 9px/1.1 monospace;
    letter-spacing: .06em;
}
.fleet-p129f286-entry-slot {
    color: rgba(255,255,255,.68);
    font: 700 10px/1.25 "Arial Narrow", "Roboto Condensed", sans-serif;
}
.fleet-p129f286-entry-item {
    color: #f1f1ed;
    font: 800 11px/1.25 "Arial Narrow", "Roboto Condensed", sans-serif;
}
.fleet-p129f286-entry-state {
    text-align: right;
    color: #d86f1d;
}
.fleet-p129f286-details-loading,
.fleet-p129f286-details-empty,
.fleet-p129f286-details-error {
    padding: 8px;
    color: rgba(255,255,255,.66);
    font: 750 10px/1.3 monospace;
}
.fleet-p129f286-details-error {
    color: #ff9d7c;
}
@media (max-width: 1180px) {
    .fleet-p129f286-entry {
        grid-template-columns: 28px minmax(140px,1fr) minmax(170px,1fr);
    }
    .fleet-p129f286-entry-state {
        grid-column: 2 / -1;
        text-align: left;
    }
}
/* D07_P129F286_SAVED_BUILD_DETAILS_CSS_END */

/* D07_P129F310_MULTI_SHIP_HOLOVIEWER_FALLBACK_CSS_BEGIN */

.fleet-ship-media
> .fleet-p129f310-holoviewer-fallback {
    position: relative;
    isolation: isolate;
    width: 100%;
    height: 100%;
    min-height: inherit;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(240, 163, 101, 0.055),
            transparent 50%
        ),
        #070a0b;
}

.fleet-ship-media
> .fleet-p129f310-holoviewer-fallback::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.018),
            transparent 22%,
            transparent 78%,
            rgba(0, 0, 0, 0.28)
        );
}

.fleet-p129f310-holoviewer-fallback
> .fleet-ship-image {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: none;
    object-fit: contain;
    object-position: center;
}

.fleet-p129f310-holoviewer-fallback
> .fleet-ship-image-empty {
    position: relative;
    z-index: 0;
    width: 100%;
    min-height: 300px;
    margin: 0;
    display: grid;
    place-items: center;
}

.fleet-p129f310-holoviewer-hud {
    position: absolute;
    left: 14px;
    bottom: 14px;
    z-index: 4;
    max-width: calc(100% - 150px);
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    box-sizing: border-box;
    border-left:
        3px solid
        var(
            --accent-hot,
            #f0a365
        );
    background:
        rgba(
            4,
            7,
            8,
            0.82
        );
    box-shadow:
        0 8px 24px
        rgba(
            0,
            0,
            0,
            0.32
        );
    backdrop-filter:
        blur(8px);
    pointer-events:
        none;
}

.fleet-p129f310-holoviewer-kicker {
    color:
        var(
            --accent-hot,
            #f0a365
        );
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size:
        11px;
    font-weight:
        900;
    line-height:
        1.2;
    letter-spacing:
        0.12em;
}

.fleet-p129f310-holoviewer-state {
    color:
        rgba(
            226,
            232,
            234,
            0.76
        );
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size:
        9px;
    font-weight:
        700;
    line-height:
        1.35;
    letter-spacing:
        0.07em;
}

.fleet-p129f310-holoviewer-fallback-empty
.fleet-p129f310-holoviewer-state {
    color:
        #d78b62;
}

@media (max-width: 720px) {
    .fleet-p129f310-holoviewer-hud {
        left: 10px;
        bottom: 10px;
        max-width:
            calc(
                100%
                -
                20px
            );
        padding:
            7px 8px;
    }

    .fleet-p129f310-holoviewer-state {
        white-space:
            normal;
    }
}

/* D07_P129F310_MULTI_SHIP_HOLOVIEWER_FALLBACK_CSS_END */

/* D07_P129F336_COMPLETE_METRICS_PANEL_UI_BEGIN */
.fleet-performance-model-panel {
    position: relative;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border:
        1px solid
        rgba(
            240,
            163,
            101,
            0.28
        );
    border-left:
        4px solid
        var(
            --accent-hot,
            #f0a365
        );
    background:
        linear-gradient(
            145deg,
            rgba(11, 15, 17, 0.98),
            rgba(5, 8, 9, 0.98)
        );
    box-shadow:
        0 16px 34px
        rgba(
            0,
            0,
            0,
            0.28
        );
    overflow: hidden;
}

.fleet-performance-model-panel::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    height: 3px;
    background:
        var(
            --accent-hot,
            #f0a365
        );
    opacity: 0.72;
}

.fleet-performance-model-header {
    padding: 16px 18px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.08
        );
    background:
        linear-gradient(
            90deg,
            rgba(240, 163, 101, 0.08),
            transparent 55%
        );
}

.fleet-performance-model-heading {
    min-width: 0;
}

.fleet-performance-model-heading h2 {
    margin: 4px 0 0;
    color: #eef2f3;
    font-size: clamp(17px, 1.4vw, 23px);
    line-height: 1.1;
    letter-spacing: 0.045em;
}

.fleet-performance-model-policy {
    margin: 7px 0 0;
    color: rgba(226, 232, 234, 0.58);
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.075em;
}

.fleet-performance-model-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.fleet-performance-model-status {
    padding: 7px 9px;
    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.1
        );
    color: rgba(226, 232, 234, 0.72);
    background: rgba(0, 0, 0, 0.26);
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.07em;
    white-space: nowrap;
}

.fleet-performance-model-status[data-status="ready"] {
    border-color: rgba(240, 163, 101, 0.34);
    color:
        var(
            --accent-hot,
            #f0a365
        );
}

.fleet-performance-model-status[data-status="error"] {
    border-color: rgba(215, 139, 98, 0.48);
    color: #d78b62;
}

.fleet-performance-model-refresh {
    min-height: 32px;
    padding: 7px 11px;
    border:
        1px solid
        rgba(
            240,
            163,
            101,
            0.36
        );
    color:
        var(
            --accent-hot,
            #f0a365
        );
    background: rgba(240, 163, 101, 0.07);
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    cursor: pointer;
}

.fleet-performance-model-refresh:hover,
.fleet-performance-model-refresh:focus-visible {
    background: rgba(240, 163, 101, 0.14);
    outline: none;
}

.fleet-performance-model-body {
    padding: 14px;
    display: grid;
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );
    gap: 12px;
}

.fleet-performance-model-group {
    min-width: 0;
    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.07
        );
    background: rgba(255, 255, 255, 0.018);
    overflow-x: auto;
}

.fleet-performance-model-group-signature {
    grid-column: 1 / -1;
}

.fleet-performance-model-group-title {
    margin: 0;
    padding: 9px 11px;
    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.07
        );
    color:
        var(
            --accent-hot,
            #f0a365
        );
    background: rgba(240, 163, 101, 0.045);
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.fleet-performance-model-table {
    min-width: 820px;
    display: grid;
    grid-template-columns:
        minmax(180px, 1.25fr)
        repeat(3, minmax(105px, 0.82fr))
        repeat(2, minmax(135px, 1fr));
}

.fleet-performance-model-column-heading,
.fleet-performance-model-metric-name,
.fleet-performance-model-cell {
    min-width: 0;
    padding: 8px 9px;
    box-sizing: border-box;
    border-right:
        1px solid
        rgba(
            255,
            255,
            255,
            0.045
        );
    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.045
        );
}

.fleet-performance-model-column-heading {
    color: rgba(226, 232, 234, 0.48);
    background: rgba(0, 0, 0, 0.2);
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.fleet-performance-model-metric-name {
    color: rgba(226, 232, 234, 0.72);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.fleet-performance-model-cell {
    color: #e2e8ea;
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.fleet-performance-model-cell.is-current,
.fleet-performance-model-cell.is-planned {
    background: rgba(255, 255, 255, 0.018);
}

.fleet-performance-model-cell[data-status="N_D"] {
    color: rgba(226, 232, 234, 0.38);
}

.fleet-performance-model-loading,
.fleet-performance-model-error {
    grid-column: 1 / -1;
    padding: 22px;
    border:
        1px dashed
        rgba(
            255,
            255,
            255,
            0.1
        );
    color: rgba(226, 232, 234, 0.52);
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-align: center;
}

.fleet-performance-model-error {
    color: #d78b62;
}

@media (max-width: 1500px) {
    .fleet-performance-model-body {
        grid-template-columns: 1fr;
    }

    .fleet-performance-model-group-signature {
        grid-column: auto;
    }
}

@media (max-width: 720px) {
    .fleet-performance-model-header {
        padding: 13px;
        flex-direction: column;
    }

    .fleet-performance-model-controls {
        width: 100%;
        justify-content: space-between;
    }

    .fleet-performance-model-status {
        white-space: normal;
    }

    .fleet-performance-model-body {
        padding: 10px;
    }
}
/* D07_P129F342_LOADOUT_LIFECYCLE_COMPLETION_CSS_BEGIN */

.fleet-saved-manager-toolbar[data-p129f342-lifecycle="1"] {
    display: grid;
    grid-template-columns:
        minmax(180px, 1fr)
        auto
        auto;
}

.fleet-saved-manager-row[data-p129f342-lifecycle="1"] {
    grid-template-columns:
        minmax(0, 1fr)
        repeat(4, auto);
}

.fleet-p129f342-duplicate,
.fleet-p129f342-compare-toggle,
.fleet-p129f342-restore-factory {
    min-height: 34px;
    padding: 7px 12px;
    border:
        1px solid
        rgba(
            240,
            163,
            101,
            0.34
        );
    color:
        var(
            --accent-hot,
            #f0a365
        );
    background:
        rgba(
            240,
            163,
            101,
            0.07
        );
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    cursor: pointer;
}

.fleet-p129f342-restore-factory {
    border-color:
        rgba(
            215,
            139,
            98,
            0.48
        );
    color: #d78b62;
}

.fleet-p129f342-duplicate:hover,
.fleet-p129f342-duplicate:focus-visible,
.fleet-p129f342-compare-toggle:hover,
.fleet-p129f342-compare-toggle:focus-visible,
.fleet-p129f342-compare-toggle[aria-expanded="true"],
.fleet-p129f342-restore-factory:hover,
.fleet-p129f342-restore-factory:focus-visible {
    color:
        var(
            --accent-hot,
            #f0a365
        );
    background:
        rgba(
            240,
            163,
            101,
            0.14
        );
    outline: none;
}

.fleet-p129f342-duplicate:disabled,
.fleet-p129f342-compare-toggle:disabled,
.fleet-p129f342-restore-factory:disabled {
    cursor: wait;
    opacity: 0.56;
}

.fleet-p129f342-compare {
    grid-column: 1 / -1;
    width: 100%;
    margin-top: 10px;
    padding: 12px;
    border:
        1px solid
        rgba(
            240,
            163,
            101,
            0.34
        );
    background:
        linear-gradient(
            180deg,
            rgba(11, 15, 17, 0.98),
            rgba(5, 8, 9, 0.98)
        );
    box-sizing: border-box;
}

.fleet-p129f342-compare[hidden] {
    display: none !important;
}

.fleet-p129f342-compare-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
    color:
        var(
            --accent-hot,
            #f0a365
        );
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.fleet-p129f342-compare-heading span {
    color:
        rgba(
            226,
            232,
            234,
            0.58
        );
    font-size: 9px;
    font-weight: 800;
}

.fleet-p129f342-matrix-viewport {
    width: 100%;
    overflow-x: auto;
}

.fleet-p129f342-matrix {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    table-layout: fixed;
}

.fleet-p129f342-matrix th,
.fleet-p129f342-matrix td {
    padding: 8px;
    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.07
        );
    text-align: left;
    vertical-align: top;
}

.fleet-p129f342-matrix thead th {
    color:
        var(
            --accent-hot,
            #f0a365
        );
    background:
        rgba(
            240,
            163,
            101,
            0.045
        );
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.09em;
}

.fleet-p129f342-matrix tbody tr:nth-child(even) {
    background:
        rgba(
            255,
            255,
            255,
            0.018
        );
}

.fleet-p129f342-position {
    color:
        rgba(
            226,
            232,
            234,
            0.72
        );
    font-size: 10px;
    font-weight: 800;
}

.fleet-p129f342-matrix-state {
    min-width: 150px;
}

.fleet-p129f342-matrix-name,
.fleet-p129f342-matrix-meta {
    display: block;
}

.fleet-p129f342-matrix-name {
    overflow: hidden;
    color: #e2e8ea;
    font-size: 10px;
    font-weight: 800;
    text-overflow: ellipsis;
}

.fleet-p129f342-matrix-meta {
    margin-top: 4px;
    color:
        rgba(
            226,
            232,
            234,
            0.48
        );
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.fleet-p129f342-loading,
.fleet-p129f342-empty,
.fleet-p129f342-error {
    padding: 10px;
    color:
        rgba(
            226,
            232,
            234,
            0.52
        );
    font-family:
        Consolas,
        "Courier New",
        monospace;
    font-size: 10px;
    font-weight: 800;
}

.fleet-p129f342-error {
    color: #d78b62;
}

@media (max-width: 1180px) {
    .fleet-saved-manager-toolbar[data-p129f342-lifecycle="1"],
    .fleet-saved-manager-row[data-p129f342-lifecycle="1"] {
        grid-template-columns:
            1fr
            1fr;
    }

    .fleet-saved-manager-row[data-p129f342-lifecycle="1"]
    > .fleet-saved-manager-row-info,
    .fleet-saved-manager-toolbar[data-p129f342-lifecycle="1"]
    > .fleet-saved-manager-status,
    .fleet-p129f342-compare,
    .fleet-p129f286-details {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .fleet-saved-manager-toolbar[data-p129f342-lifecycle="1"],
    .fleet-saved-manager-row[data-p129f342-lifecycle="1"] {
        grid-template-columns: 1fr;
    }

    .fleet-p129f342-duplicate,
    .fleet-p129f342-compare-toggle,
    .fleet-p129f342-restore-factory {
        width: 100%;
    }
}

/* D07_P129F342_LOADOUT_LIFECYCLE_COMPLETION_CSS_END */

/* D07_P129F336_COMPLETE_METRICS_PANEL_UI_END */