/* Jet: quiet black glass, champagne accents, minimal corporate framing. */
:root[data-skin="jet"] {
    --metal-accent: #e4c47d; --metal-muted: #90918a; --metal-shadow: #292820;
    --metal-edge: #635d49; --metal-highlight: #f4deb0; --metal-glow: #edca7033;
    --metal-tint: #cab7780b; --metal-radius: 3px;
    --metal-room: none; --shell-frame: none;
    --metal-map: url('/assets/skins/metal/gold-map.svg?v=2');
    --shell-surface: linear-gradient(125deg, #191a17, #060807 35%, #020403 75%, #10120f);
    --green-bright: #d9e0df; --green-muted: #8d999c;
    --panel: #080b0b; --panel-raised: #121615; --panel-soft: #0c100e;
}
:root[data-skin="jet"] .terminal-panel {
    background: radial-gradient(ellipse at 0 0, #8f75491c, transparent 25%), #020403;
    border: 0; box-shadow: none; padding: 10px;
}
:root[data-skin="jet"] :is(.brand-lockup, .resource-strip, .alarm-readout:not(.triggered), .operations-sidebar .topology-section, .skin-network-art) {
    border: 1px solid #32352e; border-top-color: #6b6a5b; border-image: none;
    border-radius: 3px; background: var(--shell-surface);
    box-shadow: inset 0 1px #ffffff05, 0 3px 10px #000;
}
:root[data-skin="jet"] .brand-lockup {
    grid-template-columns: 70px minmax(0, 1fr); column-gap: 18px;
    padding: 10px 15px; min-height: 80px;
}
:root[data-skin="jet"] .skin-wordmark {
    width: 64px; height: 64px; font-size: 0; padding: 0;
    background: url('/assets/skins/jet/emblem.svg') center / contain no-repeat;
}
:root[data-skin="jet"] .brand-lockup > strong { font-size: 10px; letter-spacing: .11em; font-weight: 400; }
:root[data-skin="jet"] .brand-subline { font-size: 8px; letter-spacing: .06em; color: #79868a; }
:root[data-skin="jet"] .resource-strip { padding: 9px 6px; }
:root[data-skin="jet"] .resource-strip .skin-icon { display: none; }
:root[data-skin="jet"] .resource-strip > div { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'label' 'amount'; padding-left: 20px; }
:root[data-skin="jet"] .resource-strip > div + div { border-left-color: #24271f; }
:root[data-skin="jet"] .resource-strip .byte-rescue-balance > div { grid-column: 1; }
:root[data-skin="jet"] .resource-strip > div > span:not(.skin-icon) { color: #a0adb0; }
:root[data-skin="jet"] .header-utilities { border: 1px solid #242922; border-radius: 3px; background: #050806; padding: 5px; }
:root[data-skin="jet"] .context-bar { color: #a2aead; }
:root[data-skin="jet"] .view-rail { border: 1px solid #292b25; border-radius: 3px; background: linear-gradient(90deg, #080b08, #030605); padding: 0; gap: 0; }
:root[data-skin="jet"] .view-button { border: 1px solid #343a32; border-top-color: #767b70; border-image: none; background: linear-gradient(#1a1e1b, #050807); box-shadow: 0 2px 4px #000; border-radius: 2px; }
:root[data-skin="jet"] .view-rail .view-button { border: 1px solid transparent; border-radius: 2px; min-height: 67px; padding: 8px 3px; background: transparent; box-shadow: none; color: #adb9bc; }
:root[data-skin="jet"] .view-rail .skin-icon { width: 26px; height: 26px; flex-basis: 26px; }
:root[data-skin="jet"] .view-rail .view-button.active, :root[data-skin="jet"] .header-utilities .view-button.active {
    color: #f4deb0; border-color: #a08b55;
    background: linear-gradient(130deg, #b7984b24, #040705 70%);
    box-shadow: inset 2px 0 #ffe5a6, 0 0 9px #dcb97422;
}
:root[data-skin="jet"] .view-button:hover { color: #f7e6b9; background: #bfa5630e; box-shadow: inset 0 0 0 1px #7d714b; }
:root[data-skin="jet"] .primary-column {
    border: 5px solid #141713; border-top-color: #272b24; border-right-color: #30322a; border-image: none; border-radius: 4px;
    background: linear-gradient(125deg, #10140f55, #030706 42%, #040807 80%);
    box-shadow: 0 0 0 1px #46473a, inset 1px 0 #e3ca805c, inset -1px 0 #e3ca805c;
}
:root[data-skin="jet"] .primary-column::after { background: none; box-shadow: inset 0 1px #ffffff09; }
:root[data-skin="jet"] .skin-console-heading { background: linear-gradient(#171b16, #070b08); color: #b5c6c9; border-bottom-color: #454333; font-size: .7rem; padding: 10px 14px; }
:root[data-skin="jet"] .skin-console-heading small::after { content: 'SECURE SESSION  //  AS//0'; font-size: 8px; color: #7f8e90; }
:root[data-skin="jet"] .terminal-output { color: #abbfc6; padding: 22px 20px; }
:root[data-skin="jet"] .command-line { border-top-color: #a48b48; background: #030605; box-shadow: inset 2px 0 #f4deb0, 0 -1px 10px #dabc5e10; }
:root[data-skin="jet"] .operations-sidebar .topology-section { padding: 14px 14px 10px; }
:root[data-skin="jet"] .sidebar-heading > span { color: #c4d1d3; }
:root[data-skin="jet"] .sidebar-heading > strong { color: #abbfc6; }
:root[data-skin="jet"] .topology-layer { border: 1px solid #343930; border-top-color: #636758; border-radius: 3px; background: linear-gradient(125deg, #181d15, #050906 35%, #050806); box-shadow: 0 1px 3px #000; }
:root[data-skin="jet"] .topology-layer-number { color: #e5cc8b; border-right-color: #262d23; }
:root[data-skin="jet"] .topology-layer.current { background: #342b18; }
:root[data-skin="jet"] .skin-motto { margin: auto 13px 13px; padding: 20px 0 6px; min-height: 98px; border-bottom: 0; border-top-color: #8e7a3f; color: #777f79; font-size: .57rem; }
:root[data-skin="jet"] .operations-sidebar .skin-network-art { min-height: 245px; flex-basis: 245px; background: var(--metal-map) center 10px / 100% 185px no-repeat, linear-gradient(130deg, #121710, #030604 70%); }
:root[data-skin="jet"] .skin-network-art::after { bottom: 18px; left: 20px; letter-spacing: .12em; font-size: 8px; }
:root[data-skin="jet"] .skin-network-art::before { content: ''; position: absolute; width: 36px; height: 1px; bottom: 8px; left: 20px; background: #c1a24e; }
@media (max-width: 1279px) {
    :root[data-skin="jet"] .brand-lockup { grid-template-columns: 46px minmax(0, 1fr); gap: 8px; padding: 7px; min-height: 68px; }
    :root[data-skin="jet"] .skin-wordmark { width: 44px; height: 44px; }
    :root[data-skin="jet"] .brand-lockup > strong { font-size: 8px; letter-spacing: .03em; }
    :root[data-skin="jet"] .view-rail .view-button { min-height: 58px; }
    :root[data-skin="jet"] .resource-strip > div { padding-left: 8px; }
    :root[data-skin="jet"] .skin-motto { margin-inline: 5px; font-size: .45rem; }
}
@media (max-width: 640px) {
    :root[data-skin="jet"] .terminal-panel { padding: 4px; }
    :root[data-skin="jet"] .view-rail .view-button { min-height: 50px; }
    :root[data-skin="jet"] .terminal-output { padding: 16px 10px; }
}