/* Salvage: improvised hardware, paper labels and battered green phosphor. */
:root[data-skin="salvage"] {
    --metal-accent: #70fca1; --metal-muted: #a5b3a5; --metal-shadow: #3d4433;
    --metal-edge: #7b7864; --metal-highlight: #b4f7ce; --metal-glow: #46ff8540;
    --metal-tint: #9eaa7414; --metal-radius: 1px;
    --metal-room: url('/assets/skins/salvage/chassis.webp');
    --shell-frame: url('/assets/skins/beta/frame.svg');
    --shell-surface: linear-gradient(120deg, #22251ee8, #07100bec 55%, #141912e6);
    --shell-wear: url('/assets/skins/beta/wear.svg');
    --panel: #08140c; --panel-raised: #18261b; --panel-soft: #101d13;
}
:root[data-skin="salvage"] .terminal-panel { background: linear-gradient(#0003,#0003), var(--metal-room) center / 100% 100% no-repeat, #10130e; border: 0; padding: 22px; }
:root[data-skin="salvage"] .brand-lockup { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 5px; align-items: flex-start; padding: 10px 17px; border: 1px solid #72644b; border-image: none; background: url('/assets/skins/beta/wear.svg') center / cover, linear-gradient(110deg, #c7bb9c, #a69b80 50%, #bdb298); box-shadow: 3px 3px 3px #000b; transform: rotate(-1deg); }
:root[data-skin="salvage"] .skin-wordmark { display: none; }
:root[data-skin="salvage"] .brand-lockup > strong { font-size: 16px; color: #1b201a; font-weight: 800; letter-spacing: -.04em; }
:root[data-skin="salvage"] .brand-lockup > strong em { color: #1b201a; }
:root[data-skin="salvage"] .brand-subline, :root[data-skin="salvage"] .brand-subline > span { color: #343b2d; font-size: 9px; }
:root[data-skin="salvage"] .brand-lockup::before { content: ''; position: absolute; top: -6px; right: 15px; width: 48px; height: 16px; transform: rotate(13deg); background: repeating-linear-gradient(2deg, #797d76 0 2px, #484e49 3px 4px, #999c9133 5px); box-shadow: 0 1px 2px #0009; pointer-events: none; }
:root[data-skin="salvage"] .resource-strip .skin-icon { color: #7fffad; width: 28px; height: 28px; }
:root[data-skin="salvage"] .resource-strip > div:nth-child(2) .skin-icon { color: #81d9eb; }
:root[data-skin="salvage"] .resource-strip > div:nth-child(3) .skin-icon { color: #e7d386; }
:root[data-skin="salvage"] .resource-strip > div:nth-child(4) .skin-icon { color: #d49ceb; }
:root[data-skin="salvage"] .header-utilities { padding: 6px; border: 3px solid #45483a; border-image: var(--shell-frame) 12 / 5px; background: #051008ed; }
:root[data-skin="salvage"] .view-button { background: var(--shell-surface); border-image-width: 5px; }
:root[data-skin="salvage"] .view-rail { gap: 6px; background: #11150da0; padding: 3px; }
:root[data-skin="salvage"] .view-rail .view-button { min-height: 60px; border: 2px solid #68634c; border-image: none; background: url('/assets/skins/beta/wear.svg') center / cover, linear-gradient(110deg, #b8ad8f, #c5baa0 70%, #968c73); color: #1b251d; box-shadow: 2px 3px 3px #000b; }
:root[data-skin="salvage"] .view-rail .view-button:nth-child(even) { background-color: #b4ab8b; border-color: #8d8065 #474d3e #726549 #4b493b; }
:root[data-skin="salvage"] .view-rail .skin-icon { width: 25px; height: 25px; flex-basis: 25px; }
:root[data-skin="salvage"] .view-rail .view-button.active, :root[data-skin="salvage"] .header-utilities .view-button.active { color: #85ffb0; border-color: #4a9661; background: linear-gradient(110deg, #244934, #06140b 65%); box-shadow: inset 3px 0 #70ffaa, inset 0 0 14px #37ff6b33, 0 0 8px #61ff9666; }
:root[data-skin="salvage"] .application-body .primary-column { border-width: 8px; background: linear-gradient(100deg, #020b07f5, #020b07ed); box-shadow: inset 0 0 30px #000, 0 0 0 2px #494b3b; }
:root[data-skin="salvage"] .primary-column::after { background: url('/assets/skins/beta/wear.svg') center / cover; opacity: .12; box-shadow: none; }
:root[data-skin="salvage"] .skin-console-heading { background: #0a190fcc; border-bottom-color: #4c6850; color: #9ae9b5; }
:root[data-skin="salvage"] .skin-console-heading small::after { content: 'SALVAGE  //  STILL RUNNING'; font-size: 8px; }
:root[data-skin="salvage"] .terminal-output { color: #b3e6cb; background: repeating-linear-gradient(0deg, #94ffb503 0 1px, transparent 1px 4px); }
:root[data-skin="salvage"] .command-line { background: #021008f0; color: #79ffa2; border-top-color: #458957; }
:root[data-skin="salvage"] .operations-sidebar .topology-section { padding: 10px 8px; background: #08130aeb; }
:root[data-skin="salvage"] .topology-layer { border-color: #497752; background: #06160ce0; border-radius: 0; box-shadow: inset 0 1px #8eeea21a; }
:root[data-skin="salvage"] .topology-layer-number { color: #9efbc6; border-right-color: #426449; }
:root[data-skin="salvage"] .topology-layer.current { background: #3e321b; box-shadow: inset 3px 0 var(--amber); }
:root[data-skin="salvage"] .skin-motto { margin: auto 2px 4px; min-height: 100px; color: #20291f; font: italic bold 11px/1.5 var(--working-font); padding: 10px 6px; border: 1px solid #7a7258; background: url('/assets/skins/beta/wear.svg') center / cover, #b7ad91; transform: rotate(-2deg); box-shadow: 2px 3px 3px #0009; }
:root[data-skin="salvage"] .operations-sidebar .skin-network-art { display: block; flex: 1 0 200px; min-height: 200px; border: 0; background: none; box-shadow: none; }
:root[data-skin="salvage"] .skin-network-art::after { content: 'JUST ANOTHER NODE\a IN THE MACHINE.\a — AS//0'; left: 15px; right: auto; top: 30px; bottom: auto; padding: 13px; color: #22291e; font: italic bold 13px/1.6 var(--working-font); background: url('/assets/skins/beta/wear.svg') center / cover, #bcb296; box-shadow: 2px 3px 4px #000a; transform: rotate(-5deg); border-top: 8px solid #73776bcc; }
:root[data-skin="salvage"] :is(.palette-control select, .terminal-zoom button) { background: #08170e; color: #baf7ce; border-color: #718269; }
@media (max-width: 1279px) {
    :root[data-skin="salvage"] .terminal-panel { padding: 12px; }
    :root[data-skin="salvage"] .brand-lockup { padding: 8px; }
    :root[data-skin="salvage"] .brand-lockup > strong { font-size: 11px; }
    :root[data-skin="salvage"] .brand-subline { font-size: 7px; }
    :root[data-skin="salvage"] .view-rail .view-button { min-height: 54px; }
    :root[data-skin="salvage"] .skin-motto { font-size: 9px; }
}
@media (max-width: 980px), (max-height: 760px) {
    :root[data-skin="salvage"] .operations-sidebar .skin-network-art { display: none; }
}
@media (max-width: 640px) {
    :root[data-skin="salvage"] .terminal-panel { padding: 5px; }
    :root[data-skin="salvage"] .application-body .primary-column { border-width: 4px; }
    :root[data-skin="salvage"] .view-rail .view-button { min-height: 50px; }
}