/* Afterhours: dark teal glass with segmented neon and orange edge details. */
:root[data-skin="afterhours"] {
    --metal-accent: #00e9b6; --metal-muted: #78a6a3; --metal-shadow: #163d37;
    --metal-edge: #236c60; --metal-highlight: #b8f7ec; --metal-glow: #00edb638;
    --metal-tint: #00ad8612; --metal-radius: 3px; --metal-room: none;
    --metal-map: url('/assets/skins/afterhours/map.svg');
    --shell-frame: url('/assets/skins/afterhours/frame.svg');
    --shell-surface: linear-gradient(115deg, #102825, #020c0b 40%, #031310 85%, #102b25);
    --panel: #04120f; --panel-raised: #102620; --panel-soft: #091b16;
}
:root[data-skin="afterhours"] .terminal-panel { padding: 10px; border: 2px solid #16332d; border-image: none; background: radial-gradient(ellipse at 60% 0, #073d2e44, transparent 55%), #020706; }
:root[data-skin="afterhours"] .brand-lockup { grid-template-columns: 62px minmax(0, 1fr); column-gap: 12px; border-image: none; border: 1px solid #704021; border-radius: 5px; padding: 8px 12px; box-shadow: inset 3px 0 #e573162a; }
:root[data-skin="afterhours"] .skin-wordmark { width: 58px; height: 58px; font-size: 0; background: url('/assets/skins/afterhours/emblem.svg') center / contain no-repeat; padding: 0; }
:root[data-skin="afterhours"] .brand-lockup > strong { font-size: 11px; font-weight: 400; letter-spacing: -.035em; }
:root[data-skin="afterhours"] .brand-lockup > strong em { color: #ff951c; }
:root[data-skin="afterhours"] .brand-subline { font-size: 8px; }
:root[data-skin="afterhours"] .resource-strip { border-width: 4px; }
:root[data-skin="afterhours"] .resource-strip .skin-icon { color: #00dba9; width: 27px; height: 27px; }
:root[data-skin="afterhours"] .resource-strip > div + div { border-left-color: #164a3c; }
:root[data-skin="afterhours"] .alarm-readout:not(.triggered) { border-image: none; border: 1px solid #99531e; background: repeating-linear-gradient(130deg, #9a4c1d22 0 2px, transparent 2px 7px) left / 30px 100% no-repeat, #04100c; }
:root[data-skin="afterhours"] .header-utilities { padding: 5px; border: 1px solid #22423a; border-bottom-color: #7a461c; border-radius: 4px; background: #041410; }
:root[data-skin="afterhours"] .view-button { border-image: none; border: 1px solid #254a41; border-radius: 3px; background: linear-gradient(125deg, #1b342f, #081512 70%); box-shadow: inset 0 1px #71d9b712, 0 2px 4px #000; }
:root[data-skin="afterhours"] .view-rail { gap: 5px; background: #04100c; border-inline: 1px solid #122e27; }
:root[data-skin="afterhours"] .view-rail .view-button { min-height: 62px; color: #afc9c5; background: linear-gradient(120deg, #0b211b, #05110e); }
:root[data-skin="afterhours"] .view-rail .skin-icon { width: 26px; height: 26px; flex-basis: 26px; }
:root[data-skin="afterhours"] .view-button.active { color: #00f4be; border-color: #28cf9d; background: linear-gradient(120deg, #12564077, #04110c 70%); box-shadow: inset 3px 0 #65ffd0, inset 0 0 16px #00dd9740, 0 0 7px #00d7a433; }
:root[data-skin="afterhours"] .view-button:hover { color: #aeffdc; border-color: #34a77b; }
:root[data-skin="afterhours"] .application-body .primary-column { border-width: 11px; background: radial-gradient(ellipse at 80% 15%, #06372a33, transparent 65%), #020b08; box-shadow: 0 0 0 1px #153e30, inset -2px 0 #be631c99, inset 0 0 22px #00c47d0d; }
:root[data-skin="afterhours"] .primary-column::after { content: 'AS//0'; top: 65px; right: 60px; bottom: auto; left: auto; width: auto; height: auto; color: #1ba78015; font: italic 900 clamp(72px, 8vw, 145px)/1 Arial, sans-serif; letter-spacing: -.09em; background: none; box-shadow: none; transform: skew(-6deg); pointer-events: none; }
:root[data-skin="afterhours"] .skin-console-heading { background: #05150e; border-bottom-color: #174d39; color: #60ddad; }
:root[data-skin="afterhours"] .skin-console-heading small::after { content: 'AFTERHOURS  //  SECURE SESSION'; color: #688f7f; font-size: 8px; }
:root[data-skin="afterhours"] .terminal-output { color: #abd6cf; background: repeating-linear-gradient(0deg, #18ac7805 0 1px, transparent 1px 4px); }
:root[data-skin="afterhours"] .command-line { background: #03130b; border-top-color: #08724b; color: #00edaa; box-shadow: inset 2px 0 #dd761b; }
:root[data-skin="afterhours"] .operations-sidebar .topology-section { border-image: none; border: 1px solid #a65d22; border-radius: 4px; padding: 12px 9px; background: linear-gradient(115deg, #0c211a, #020c08 65%); box-shadow: inset 0 0 0 3px #04170e, 0 0 0 1px #153a27; }
:root[data-skin="afterhours"] .topology-layer { border: 1px solid #126443; background: linear-gradient(120deg, #0d291d, #041309 70%); box-shadow: inset 0 1px #37d18514; border-radius: 3px; }
:root[data-skin="afterhours"] .topology-layer-number { color: #00efa8; border-right-color: #174d31; }
:root[data-skin="afterhours"] .topology-layer.current { background: #382610; box-shadow: inset 3px 0 var(--amber); }
:root[data-skin="afterhours"] .skin-motto { margin: auto 7px 7px; min-height: 125px; padding: 24px 6px 10px; border: 0; border-left: 3px solid #d2711b; font-size: 10px; color: #709584; background: linear-gradient(120deg, #13533319, transparent); }
:root[data-skin="afterhours"] .operations-sidebar .skin-network-art { min-height: 255px; flex: 1 0 255px; border: 1px solid #224f38; border-bottom-color: #8f4d18; background: var(--metal-map) center 10px / 100% 190px no-repeat, repeating-linear-gradient(0deg, #43db9410 0 1px, transparent 1px 4px), #020e09; box-shadow: inset 0 0 30px #000; }
:root[data-skin="afterhours"] .skin-network-art::after { content: 'SAME NETWORK.\a DIFFERENT PEOPLE.'; color: #5f9b83; font-size: 10px; left: 18px; bottom: 15px; border-left: 3px solid #cb721c; padding-left: 10px; }
@media (max-width: 1279px) {
    :root[data-skin="afterhours"] .brand-lockup { grid-template-columns: 42px minmax(0, 1fr); column-gap: 6px; padding: 6px; }
    :root[data-skin="afterhours"] .skin-wordmark { width: 40px; height: 44px; }
    :root[data-skin="afterhours"] .brand-lockup > strong { font-size: 9px; }
    :root[data-skin="afterhours"] .view-rail .view-button { min-height: 54px; }
    :root[data-skin="afterhours"] .skin-motto { font-size: 8px; padding-inline: 3px; margin-inline: 3px; }
}
@media (max-width: 980px), (max-height: 760px) {
    :root[data-skin="afterhours"] .operations-sidebar .skin-network-art { display: none; }
}
@media (max-width: 640px) {
    :root[data-skin="afterhours"] .terminal-panel { padding: 4px; }
    :root[data-skin="afterhours"] .application-body .primary-column { border-width: 5px; }
    :root[data-skin="afterhours"] .primary-column::after { display: none; }
    :root[data-skin="afterhours"] .view-rail .view-button { min-height: 50px; }
}