/* Polished enclosure: Gold and Silver share geometry, with different materials. */
.skin-network-art { display: none; }
:root[data-shell="polished"] {
    --green: var(--metal-accent); --green-bright: #edf2ef;
    --green-muted: var(--metal-muted); --green-dark: var(--metal-shadow);
    --background: #030608; --panel: #0a1012; --panel-raised: #151e20;
    --panel-soft: #0c1518; --line: var(--metal-shadow); --line-strong: var(--metal-edge);
    --shell-accent: var(--metal-accent); --shell-text: #d1e0e6;
    --shell-muted: var(--metal-muted); --shell-edge: var(--metal-edge);
    --shell-wear: none;
    --shell-surface: linear-gradient(118deg, var(--metal-tint), #030609ed 48%, #030608d9 80%, var(--metal-tint));
}
:root[data-skin="gold"] {
    --metal-accent: #f5cf67; --metal-muted: #bdb080; --metal-shadow: #53401a;
    --metal-edge: #bb9852; --metal-highlight: #fff0b2; --metal-glow: #ffce6659;
    --metal-tint: #98702932; --metal-radius: 2px;
    --shell-frame: url('/assets/skins/metal/gold-frame.svg');
    --metal-room: url('/assets/skins/metal/gold-room.svg');
    --metal-map: url('/assets/skins/metal/gold-map.svg?v=2');
    --metal-chrome: linear-gradient(125deg, #2e200a, #a47d31 12%, #fff0ac 16%, #6e4d17 19%, #151105 43%, #f8d477 72%, #9d6f1f 75%, #fff3bb 88%, #302009);
}
:root[data-skin="silver"] {
    --metal-accent: #94e6fa; --metal-muted: #9eb7c3; --metal-shadow: #334c58;
    --metal-edge: #8ba9b7; --metal-highlight: #effaff; --metal-glow: #b9edff59;
    --metal-tint: #8ccef330; --metal-radius: 12px;
    --shell-frame: url('/assets/skins/metal/silver-frame.svg');
    --metal-room: url('/assets/skins/metal/silver-room.svg');
    --metal-map: url('/assets/skins/metal/silver-map.svg?v=2');
    --shell-surface: linear-gradient(118deg, #182b35, #050b10 42%, #050a0e 80%, #172a34);
    --metal-chrome: linear-gradient(128deg, #23353e, #85a3b0 10%, #effaff 15%, #4b626f 18%, #17232b 43%, #b5d8e6 72%, #536e7c 76%, #f4faff 88%, #2c424f);
}
:root[data-shell="polished"] .terminal-panel {
    padding: 12px; gap: 10px;
    background: var(--metal-room) center / cover, #03080b;
    border: 3px solid transparent; border-image: var(--shell-frame) 12 / 9px;
    box-shadow: inset 0 0 25px #000a;
}
:root[data-shell="polished"] .app-topbar { border: 0; padding: 0; row-gap: 8px; }
:root[data-shell="polished"] .brand-lockup {
    display: grid; grid-template-columns: 142px minmax(0, 1fr); grid-template-rows: 1fr auto;
    align-items: center; column-gap: 8px; min-height: 76px;
    padding: 8px 10px; background: var(--shell-surface);
    border: 6px solid transparent; border-image: var(--shell-frame) 12 / 6px; border-radius: var(--metal-radius);
}
:root[data-shell="polished"] .skin-wordmark {
    grid-column: 1; grid-row: 1 / 3; width: auto; padding-right: 6px;
    font: 300 46px/1 Arial, sans-serif; letter-spacing: -3px;
    color: var(--metal-highlight); mask-image: none; text-shadow: 0 1px 2px #000;
}
:root[data-skin="gold"] .skin-wordmark {
    font-style: italic; background: linear-gradient(120deg, #fff4ba, #b98935 45%, #ffe1a1 65%, #d4a43a);
    color: transparent; background-clip: text; text-shadow: none;
}
:root[data-shell="polished"] .brand-lockup > strong { margin: 0; font-size: 9px; letter-spacing: -.03em; line-height: 1.55; }
:root[data-shell="polished"] .brand-lockup > strong em { color: var(--metal-accent); }
:root[data-shell="polished"] .brand-subline { position: static; grid-column: 2; font-size: 7px; letter-spacing: 0; }
:root[data-shell="polished"] .brand-subline > span { display: block; }
:root[data-shell="polished"] .brand-lockup::after { content: none; }
:root[data-shell="polished"] .brand-lockup .skin-badge { display: none; }
:root[data-shell="polished"] :is(.resource-strip, .alarm-readout:not(.triggered), .view-button, .operations-sidebar .topology-section) {
    background: var(--shell-surface); border-radius: var(--metal-radius);
    box-shadow: inset 0 0 14px var(--metal-tint), 0 2px 6px #000a;
}
:root[data-shell="polished"] .resource-strip { min-height: 76px; padding: 7px 4px; }
:root[data-shell="polished"] .resource-strip .skin-icon { color: var(--metal-highlight); }
:root[data-shell="polished"] .resource-strip > div + div { border-left-color: var(--metal-edge); }
:root[data-shell="polished"] .header-utilities {
    gap: 8px; padding: 5px 0; border-block: 1px solid var(--metal-shadow);
    background: linear-gradient(100deg, var(--metal-tint), #0004 60%, var(--metal-tint));
}
:root[data-shell="polished"] .context-bar { border: 0; background: none; }
:root[data-shell="polished"] .music-dock { padding: 4px; }
:root[data-shell="polished"] .view-rail { gap: 5px; }
:root[data-shell="polished"] .view-rail .view-button {
    flex-direction: column; justify-content: center; gap: 4px; padding: 7px 4px; min-height: 62px;
}
:root[data-shell="polished"] .view-rail .view-button small { font-size: .68rem; }
:root[data-shell="polished"] .view-button::after { background: none; opacity: 1; border-radius: inherit; }
:root[data-shell="polished"] .view-button.active {
    color: var(--metal-highlight); background: linear-gradient(120deg, var(--metal-glow), #030608 48%, var(--metal-tint));
    box-shadow: inset 0 0 0 1px var(--metal-highlight), inset 0 0 15px var(--metal-glow), 0 0 9px var(--metal-glow);
}
:root[data-shell="polished"] .view-button:hover {
    color: var(--metal-highlight); background: linear-gradient(125deg, var(--metal-tint), #081012);
    box-shadow: inset 0 0 0 1px var(--metal-edge), 0 0 8px var(--metal-glow);
}
:root[data-shell="polished"] .primary-column {
    border-radius: var(--metal-radius); border-width: 10px;
    background: linear-gradient(90deg, #03080bea 0%, #03080bd9 37%, #03080b42 75%, #03080b66), var(--metal-room) center / cover;
    box-shadow: 0 0 0 1px var(--metal-shadow), inset 0 0 25px #0007, 0 3px 10px #000b;
}
:root[data-shell="polished"] .primary-column::after {
    opacity: 1; background: linear-gradient(125deg, transparent 61%, var(--metal-tint) 61.1%, transparent 61.4%);
    box-shadow: inset 0 1px 0 var(--metal-edge), inset 0 -1px 0 var(--metal-edge);
}
:root[data-shell="polished"] .skin-console-heading {
    background: linear-gradient(120deg, var(--metal-tint), #05080be8 40%, var(--metal-tint));
    color: var(--metal-accent); border-bottom-color: var(--metal-edge); padding: 7px 12px;
}
:root[data-shell="polished"] .skin-console-heading small { font-size: 0; }
:root[data-shell="polished"] .skin-console-heading small::after { content: 'AS//0  ·  SIGNATURE SERIES'; font-size: 9px; letter-spacing: .03em; color: var(--metal-muted); }
:root[data-shell="polished"] .terminal-output { background: none; color: #c9e1ec; padding: 22px 18px; }
:root[data-shell="polished"] .command-line { background: #03080be6; border-top-color: var(--metal-edge); }
:root[data-shell="polished"] .operations-sidebar { gap: 10px; }
:root[data-shell="polished"] .operations-sidebar .topology-section { padding: 10px 7px; }
:root[data-shell="polished"] .sidebar-heading > span { color: var(--metal-highlight); }
:root[data-shell="polished"] .topology-layer {
    min-height: 39px; border: 1px solid var(--metal-edge); border-radius: calc(var(--metal-radius) / 2);
    grid-template-columns: 44px minmax(0, 1fr);
    background: linear-gradient(110deg, var(--metal-tint), #03080be8 45%, var(--metal-tint));
    box-shadow: inset 0 1px 0 #ffffff18, 0 1px 4px #000b;
}
:root[data-shell="polished"] .topology-layer-number { margin: 0; padding: 9px 0; color: var(--metal-highlight); font-size: .92rem; border-right: 1px solid var(--metal-shadow); }
:root[data-shell="polished"] .topology-node { font-size: .65rem; padding-left: 8px; }
:root[data-shell="polished"] .topology-layer.current { background: #342b18; box-shadow: inset 3px 0 var(--amber); }
:root[data-shell="polished"] .topology-layer.current .topology-layer-number { color: var(--amber); }
:root[data-shell="polished"] .status-section { background: #071013ed; }
:root[data-shell="polished"] .skin-motto {
    margin-top: auto; padding: 18px 8px; min-height: 125px; color: var(--metal-muted);
    border-block: 1px solid var(--metal-edge); background: none; font-size: .63rem; line-height: 1.7;
}
:root[data-shell="polished"] .skin-note, :root[data-shell="polished"] .operations-sidebar::after { display: none; }
:root[data-shell="polished"] .skin-network-art {
    display: block; position: relative; flex: 0 0 215px; min-height: 215px;
    border: 8px solid transparent; border-image: var(--shell-frame) 12 / 8px; border-radius: var(--metal-radius);
    background: var(--metal-map) center top / 100% 165px no-repeat, var(--shell-surface);
    pointer-events: none; user-select: none; box-shadow: inset 0 0 16px var(--metal-tint);
}
:root[data-shell="polished"] .skin-network-art::after {
    content: 'SAME NETWORK. DIFFERENT PEOPLE.\a A MORE STABLE TOMORROW.';
    position: absolute; bottom: 12px; left: 12px; right: 12px;
    color: var(--metal-muted); font: 9px/1.7 var(--working-font); white-space: pre-line; letter-spacing: .03em;
}
:root[data-shell="polished"] :is(.terminal-zoom button, .palette-control select, .skin-store-open:not(.view-button)) {
    background: #04090cec; color: var(--metal-highlight); border-color: var(--metal-edge); border-radius: calc(var(--metal-radius) / 3);
}
:root[data-shell="polished"] .palette-control option { background: #081016; }
:root[data-shell="polished"] .byte-rescue-link { color: var(--metal-muted); border-color: var(--metal-shadow); }
/* Silver uses rounded, uninterrupted chrome instead of Gold's angular cuts. */
:root[data-skin="silver"] :is(.brand-lockup, .resource-strip, .alarm-readout:not(.triggered), .view-button, .primary-column, .operations-sidebar .topology-section, .skin-network-art) {
    border-image: none; border: 2px solid transparent;
    background: var(--shell-surface) padding-box, var(--metal-chrome) border-box;
    box-shadow: inset 0 0 13px #adcfe72b, inset 0 1px 1px #effaff88, 0 2px 7px #000b;
}
:root[data-skin="silver"] .application-body .primary-column {
    border-width: 4px;
    background: linear-gradient(90deg, #03080bed, #03080bc9 40%, #03080b55 75%) padding-box, var(--metal-room) center / cover padding-box, var(--metal-chrome) border-box;
}
:root[data-skin="silver"] .operations-sidebar .skin-network-art { background: var(--metal-map) center top / 100% 165px no-repeat padding-box, var(--shell-surface) padding-box, var(--metal-chrome) border-box; }
:root[data-skin="silver"] .view-rail .view-button.active, :root[data-skin="silver"] .header-utilities .view-button.active { box-shadow: inset 0 0 0 1px #ccf8ff, inset 0 0 20px #72dcff33, 0 0 9px #7adcff77; }
@media (min-width: 1280px) {
    :root[data-shell="polished"] .application-body { grid-template-columns: 96px minmax(0, 1fr) minmax(290px, 24vw); gap: 12px; }
    :root[data-shell="polished"] .app-topbar { grid-template-columns: 340px minmax(450px, 1fr) minmax(170px, .5fr) 160px; }
    :root[data-shell="polished"] .header-utilities .view-button { min-height: 48px; min-width: 70px; }
    :root[data-shell="polished"] .header-utilities .music-dock { flex-basis: 265px; }
}
@media (max-width: 1279px) {
    :root[data-shell="polished"] .brand-lockup { grid-template-columns: 98px minmax(0, 1fr); min-height: 68px; padding: 4px; }
    :root[data-shell="polished"] .skin-wordmark { font-size: 34px; letter-spacing: -2px; }
    :root[data-shell="polished"] .brand-lockup > strong { font-size: 7px; }
    :root[data-shell="polished"] .brand-subline > span { display: none; }
    :root[data-shell="polished"] .view-rail .view-button { min-height: 58px; padding: 5px 2px; }
    :root[data-shell="polished"] .view-rail .view-button small { font-size: .52rem; }
    :root[data-shell="polished"] .skin-motto { font-size: .48rem; padding: 14px 3px; }
}
@media (max-width: 980px), (max-height: 760px) {
    :root[data-shell="polished"] :is(.skin-network-art, .skin-motto) { display: none; }
}
@media (max-width: 640px) {
    :root[data-shell="polished"] .terminal-panel { padding: 4px; }
    :root[data-shell="polished"] .skin-console-heading small { display: none; }
    :root[data-shell="polished"] .terminal-output { padding: 16px 10px; }
    :root[data-shell="polished"] .primary-column { border-width: 5px; }
    :root[data-shell="polished"] .view-rail .view-button { min-height: 50px; }
}