/* Midnight: a moonlit workspace behind restrained navy glass. */
:root[data-skin="midnight"] {
    --metal-accent: #b07aff; --metal-muted: #8c95bf; --metal-shadow: #252641;
    --metal-edge: #514a82; --metal-highlight: #ced9ff; --metal-glow: #9057ff35;
    --metal-tint: #6d4dbe16; --metal-radius: 3px;
    --metal-room: url('/assets/skins/midnight/workspace.webp');
    --shell-frame: url('/assets/skins/midnight/frame.svg');
    --shell-surface: linear-gradient(115deg, #0d1229c9, #020614bf 65%, #16102aab);
    --panel: #080c1d; --panel-raised: #151a31; --panel-soft: #0d1226;
}
:root[data-skin="midnight"] .terminal-panel { padding: 14px; border: 0; background: linear-gradient(#02030a20,#02030a20), var(--metal-room) center / cover no-repeat, #02040d; }
:root[data-skin="midnight"] .brand-lockup { grid-template-columns: 145px minmax(0, 1fr); border: 0; border-image: none; background: #0206158c; padding: 9px 12px; }
:root[data-skin="midnight"] .skin-wordmark { font: italic 400 50px/1 Arial, sans-serif; letter-spacing: -4px; color: #c4ccf3; padding-right: 0; }
:root[data-skin="midnight"] .brand-lockup .skin-wordmark > .skin-wordmark-right { color: #9d64ed; }
:root[data-skin="midnight"] .brand-lockup > strong { font-size: 9px; letter-spacing: .04em; }
:root[data-skin="midnight"] .brand-subline { font-size: 8px; }
:root[data-skin="midnight"] .resource-strip { border-image-width: 2px; }
:root[data-skin="midnight"] .resource-strip .skin-icon { color: #86b5ff; width: 28px; height: 28px; }
:root[data-skin="midnight"] .resource-strip > div:nth-child(2) .skin-icon { color: #a29bff; }
:root[data-skin="midnight"] .resource-strip > div:nth-child(3) .skin-icon { color: #b080f0; }
:root[data-skin="midnight"] .resource-strip > div:nth-child(4) .skin-icon { color: #ae77ed; }
:root[data-skin="midnight"] .resource-strip > div + div { border-left-color: #444563; }
:root[data-skin="midnight"] .alarm-readout:not(.triggered) { border-image-width: 2px; }
:root[data-skin="midnight"] .header-utilities { padding: 5px; border: 1px solid #323355; background: #050a1cbb; }
:root[data-skin="midnight"] .view-button { border-image-width: 2px; color: #bbc9ed; background: linear-gradient(120deg, #17203c99, #020819b8 70%); box-shadow: none; }
:root[data-skin="midnight"] .view-rail { gap: 4px; background: #02061655; }
:root[data-skin="midnight"] .view-rail .view-button { min-height: 62px; border-image: none; border: 1px solid #242c4655; border-bottom-color: #40436855; background: #03091b77; }
:root[data-skin="midnight"] .view-rail .skin-icon { width: 28px; height: 28px; flex-basis: 28px; }
:root[data-skin="midnight"] .view-rail .view-button.active, :root[data-skin="midnight"] .header-utilities .view-button.active { color: #be8fff; border-color: #8051be; background: linear-gradient(110deg, #8b49e42c, #040817aa 65%); box-shadow: inset 3px 0 #c383ff, 0 0 14px #7745ef24; }
:root[data-skin="midnight"] .application-body .primary-column { border-width: 5px; background: linear-gradient(100deg, #030919ce, #0309198c 58%, #03091944); box-shadow: inset 0 0 20px #01031244, 0 0 0 1px #45416e; }
:root[data-skin="midnight"] .primary-column::after { background: none; box-shadow: inset 0 1px #9b79e822; }
:root[data-skin="midnight"] .skin-console-heading { color: #aba1ff; border-bottom-color: #37375e; background: linear-gradient(100deg, #121933b8,#0206159c); }
:root[data-skin="midnight"] .skin-console-heading small::after { content: 'MIDNIGHT  //  QUIET SYSTEMS RUN DEEPER'; color: #8384b2; font-size: 8px; }
:root[data-skin="midnight"] .terminal-output { color: #9dcbed; background: none; text-shadow: 0 1px 3px #000, 0 0 5px #000; }
:root[data-skin="midnight"] .command-line { color: #b68aff; background: #03091acc; border-top-color: #534178; box-shadow: inset 2px 0 #9c78d5; }
:root[data-skin="midnight"] .operations-sidebar .topology-section { border-image-width: 2px; padding: 12px 9px; background: #04081bbc; box-shadow: none; }
:root[data-skin="midnight"] .topology-layer { border-color: #34365b; border-radius: 3px; background: linear-gradient(110deg, #12182fa6, #03091bbb); box-shadow: none; }
:root[data-skin="midnight"] .topology-layer-number { color: #bb82f9; border: 1px solid #72509a; border-radius: 3px; background: #080b1b; }
:root[data-skin="midnight"] .topology-layer.current { background: #382b1a; box-shadow: inset 3px 0 var(--amber); }
:root[data-skin="midnight"] .sidebar-heading > strong { color: #b184f1; }
:root[data-skin="midnight"] .skin-motto { min-height: 100px; margin: auto 7px 7px; padding: 15px 4px; border: 0; border-bottom: 1px solid #835cb3; color: #8d96bf; font-size: 10px; }
:root[data-skin="midnight"] .operations-sidebar .skin-network-art { display: block; flex: 1 0 200px; min-height: 200px; border: 0; background: none; box-shadow: none; }
:root[data-skin="midnight"] .skin-network-art::after { content: 'SOME THINGS ARE CLEARER AFTER DARK.'; bottom: 0; left: 0; right: 0; padding: 7px; font-size: 8px; letter-spacing: .08em; color: #aaa7d5; background: linear-gradient(transparent,#0306159c); }
:root[data-skin="midnight"] :is(.palette-control select, .terminal-zoom button) { color: #c9c8ee; background: #070c20; border-color: #4e426a; }
@media (max-width: 1279px) {
    :root[data-skin="midnight"] .brand-lockup { grid-template-columns: 90px minmax(0,1fr); padding: 7px; }
    :root[data-skin="midnight"] .skin-wordmark { font-size: 34px; }
    :root[data-skin="midnight"] .brand-lockup > strong { font-size: 7px; }
    :root[data-skin="midnight"] .view-rail .view-button { min-height: 54px; }
    :root[data-skin="midnight"] .skin-motto { font-size: 8px; margin-inline: 3px; padding-inline: 2px; }
}
@media (max-width: 980px), (max-height: 760px) {
    :root[data-skin="midnight"] .operations-sidebar .skin-network-art { display: none; }
}
@media (max-width: 640px) {
    :root[data-skin="midnight"] .terminal-panel { padding: 4px; }
    :root[data-skin="midnight"] .view-rail .view-button { min-height: 50px; }
}