/* Corporate: angular blue steel, restrained brass, and a fictional city skyline. */
:root[data-skin="corporate"] {
    --metal-accent: #91d4ff; --metal-muted: #7999ae; --metal-shadow: #243c50;
    --metal-edge: #7d9eb4; --metal-highlight: #e4f4ff; --metal-glow: #b1dfff30;
    --metal-tint: #8bc6ff10; --metal-radius: 2px; --metal-room: none;
    --shell-frame: url('/assets/skins/corporate/frame.svg');
    --shell-surface: linear-gradient(120deg, #233747, #0b1822 38%, #050e16 75%, #142735);
    --panel: #091620; --panel-raised: #162c3e; --panel-soft: #0b1c2a;
}
:root[data-skin="corporate"] .terminal-panel {
    background: linear-gradient(120deg, #3e5669, #0a1620 22%, #030a10 68%, #182c3a);
    border-width: 2px; padding: 10px;
}
:root[data-skin="corporate"] .brand-lockup { grid-template-columns: 66px minmax(0, 1fr); gap: 5px 14px; padding: 7px 10px; }
:root[data-skin="corporate"] .skin-wordmark { width: 64px; height: 64px; padding: 0; font-size: 0; background: url('/assets/skins/corporate/emblem.svg') center / contain no-repeat; }
:root[data-skin="corporate"] .brand-lockup > strong { font-size: 11px; font-weight: 400; letter-spacing: .05em; }
:root[data-skin="corporate"] .brand-lockup > strong em { color: #edc875; }
:root[data-skin="corporate"] .brand-subline { font-size: 8px; letter-spacing: .04em; }
:root[data-skin="corporate"] .resource-strip { border-image-width: 3px; }
:root[data-skin="corporate"] .resource-strip .skin-icon { width: 29px; height: 29px; color: #acd7f5; }
:root[data-skin="corporate"] .resource-strip > div:nth-child(3) .skin-icon { color: #eacb85; }
:root[data-skin="corporate"] .resource-strip > div + div { border-left-color: #466075; }
:root[data-skin="corporate"] .alarm-readout:not(.triggered) { border-image: none; border: 1px solid #756743; background: linear-gradient(120deg, #0c1822 64%, #314553 64.2%, #122430 70%, #304452 70.2%, #07121a 74%); box-shadow: inset 0 1px #d5b975, inset 0 -1px #9f8953; }
:root[data-skin="corporate"] .header-utilities { padding: 6px; background: linear-gradient(100deg, #1c303f, #07111a 35%, #07111a 80%, #1b2d3b); border: 1px solid #536e81; }
:root[data-skin="corporate"] .view-button { border-image-width: 3px; background: linear-gradient(#304655, #112331 42%, #08131d); }
:root[data-skin="corporate"] .view-rail { gap: 0; border-inline: 1px solid #365366; background: linear-gradient(90deg, #0c1d28, #07131c); }
:root[data-skin="corporate"] .view-rail .view-button { border: 0; border-bottom: 1px solid #223c4d; border-radius: 0; min-height: 65px; background: transparent; box-shadow: none; color: #b4d3e6; }
:root[data-skin="corporate"] .view-rail .skin-icon { width: 27px; height: 27px; flex-basis: 27px; }
:root[data-skin="corporate"] .view-rail .view-button.active, :root[data-skin="corporate"] .header-utilities .view-button.active { color: #ffe3a1; background: linear-gradient(125deg, #97854a36, #091620 75%); box-shadow: inset 2px 0 #f2d38c, inset 0 -2px #f2d38c, inset 0 0 15px #c3a76533; }
:root[data-skin="corporate"] .application-body .primary-column { background: #040d14; border-width: 10px; box-shadow: 0 0 0 1px #607b8d, inset 0 0 25px #000a; }
:root[data-skin="corporate"] .primary-column::after { background: none; box-shadow: inset 1px 0 #789ab388, inset -1px 0 #789ab388; }
:root[data-skin="corporate"] .skin-console-heading { background: linear-gradient(110deg, #273d4c, #07111a 60%, #1d303e); font-size: .75rem; }
:root[data-skin="corporate"] .skin-console-heading small::after { content: 'SECURE SESSION  //  CORPORATE'; font-size: 8px; }
:root[data-skin="corporate"] .terminal-output { color: #b0d7ed; background: linear-gradient(105deg, #101e291f, transparent 65%); }
:root[data-skin="corporate"] .command-line { background: #061019; border-top-color: #9d8a57; box-shadow: inset 2px 0 #e4c574; }
:root[data-skin="corporate"] .operations-sidebar .topology-section { border-image-width: 3px; padding: 12px 9px; }
:root[data-skin="corporate"] .topology-layer { border-color: #365165; background: linear-gradient(120deg, #233848, #07141e 55%); box-shadow: inset 2px 0 #d1eeff, inset 0 1px #92bdd12b; border-radius: 1px; }
:root[data-skin="corporate"] .topology-layer-number { border-right-color: #476074; background: #04101880; }
:root[data-skin="corporate"] .topology-layer.current { background: #393220; box-shadow: inset 3px 0 var(--amber); }
:root[data-skin="corporate"] .skin-motto { min-height: 100px; padding: 17px 12px; font-size: .58rem; border-top-color: #c1a872; border-bottom-color: #3b586b; }
:root[data-skin="corporate"] .operations-sidebar .skin-network-art { flex: 0 0 300px; min-height: 300px; border-image-width: 3px; background: url('/assets/skins/corporate/skyline.svg') center / 100% 100% no-repeat, #122331; }
:root[data-skin="corporate"] .skin-network-art::after { content: 'A CLEANER\a MORE SECURE\a TOMORROW.'; left: auto; right: 12px; bottom: 12px; text-align: right; color: #bac7cd; font-size: 8px; text-shadow: 0 1px 3px #000; }
@media (max-width: 1279px) {
    :root[data-skin="corporate"] .brand-lockup { grid-template-columns: 44px minmax(0, 1fr); gap: 6px; padding: 5px; }
    :root[data-skin="corporate"] .skin-wordmark { width: 42px; height: 42px; }
    :root[data-skin="corporate"] .brand-lockup > strong { font-size: 8px; }
    :root[data-skin="corporate"] .view-rail .view-button { min-height: 58px; }
    :root[data-skin="corporate"] .skin-motto { padding-inline: 4px; font-size: .45rem; }
}
@media (max-width: 640px) {
    :root[data-skin="corporate"] .terminal-panel { padding: 4px; }
    :root[data-skin="corporate"] .application-body .primary-column { border-width: 5px; }
    :root[data-skin="corporate"] .view-rail .view-button { min-height: 50px; }
}