/* Supplied original artwork. Lighting and contrast are presentation styles. */
:root{--bg:#080807;--panel:#12120f;--gold:#d5ab59;--amber:#f5d68b;--text:#f0eee7;--muted:#bdb8aa;--border:#383125;--line:#383125}
body{background:#080807;color:var(--text)}.sidebar,.topbar,.panel,.hud-panel,.metric-card,.card,header{background:#12120f;border-color:#383125}.sidebar{background:linear-gradient(180deg,#15140f,#090908)}.brand-mark{background:#000;border-color:#70562b;box-shadow:0 0 18px #d5ab5914}.brand-mark img{object-fit:contain}.topbar{border-bottom:1px solid #70562b}.network-core{background:radial-gradient(ellipse,#b48a2d17,transparent 70%),#10100d}.sg-command-page .workspace{background:linear-gradient(180deg,#08080722,#080807eb 500px),url('brand/sg-command.jpg') top center/100% auto no-repeat}.sg-command-page .workspace{background-image:linear-gradient(180deg,#08080722,#080807eb 500px),image-set(url('brand/sg-command.webp') type('image/webp'),url('brand/sg-command.jpg') type('image/jpeg'))}.sg-command-page .topbar{background:#10100ded}.panel,.hud-panel,.metric-card{background:#12120ff5}input,select,textarea{background:#0a0a08;color:#f0eee7;border-color:#62543c}th{background:#1c1912;color:#e0c795}td,th{border-color:#383125}
.jarvis-login{overflow:auto;background:linear-gradient(90deg,#08080755,#08080744),url('brand/sg-logistics.jpg') center/cover no-repeat #080807;min-height:100svh}.jarvis-login{background-image:linear-gradient(90deg,#08080755,#08080744),image-set(url('brand/sg-logistics.webp') type('image/webp'),url('brand/sg-logistics.jpg') type('image/jpeg'))}.auth-scanline{display:none}.auth-stage{gap:64px;padding:48px;min-height:100svh;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.sg-welcome{align-self:center;color:#f4ead6}.sg-welcome>img{display:block;width:220px;height:220px;object-fit:contain;mix-blend-mode:screen}.sg-welcome h2{font-size:clamp(28px,3vw,44px);line-height:1.45;margin:20px 0;color:#f8e5b7;font-weight:500}.sg-welcome p:last-child{font-size:11px;letter-spacing:2px;color:#d4ba86}.jarvis-login .auth-card{background:#0e0e0af5;border:1px solid #8d703e;border-radius:12px;clip-path:none;backdrop-filter:none;box-shadow:0 24px 70px #0008}.jarvis-login .auth-form label{color:#d6bd88}.jarvis-login .auth-form input{border-color:#62543c;background:#080807}.auth-brandline strong{letter-spacing:.05em}.auth-status{border-color:#514026;font-size:10px;flex-wrap:wrap}.auth-kicker{color:#d6bd88}.button.gold{background:linear-gradient(115deg,#c59947,#efd38d);color:#171208;border-color:#e8c881}
@media(max-width:760px){.auth-stage{grid-template-columns:1fr;gap:22px;padding:28px 20px}.sg-welcome{text-align:center}.sg-welcome>img{width:92px;height:92px;margin:auto}.sg-welcome h2{font-size:24px;margin:10px 0}.sg-welcome .auth-kicker{font-size:11px}.sg-welcome p:last-child{display:none}.jarvis-login .auth-card{width:min(430px,100%)}.auth-brandline{gap:10px}.auth-brandline strong{font-size:13px}.sg-command-page .workspace{background-image:linear-gradient(#08080755,#080807 420px),url('brand/sg-command.jpg');background-size:auto 420px}.auth-status{flex-direction:row}}
@media print{.sg-command-page .workspace,.jarvis-login{background:white!important}.sg-welcome{display:none}}

.command-sound{font-size:11px;padding:8px 12px;min-height:44px;background:#1b170e;color:#f5d68b;border:1px solid #70562b;border-radius:6px;white-space:nowrap}.module-flow{display:flex;gap:1px;background:#514026;border:1px solid #514026;border-radius:8px;overflow:hidden;margin:20px 0}.module-flow-step{flex:1;display:flex;align-items:center;gap:10px;padding:16px;background:linear-gradient(135deg,#211c11,#11110d);min-width:0}.module-flow-step small{color:#a98949;font-size:11px}.module-flow-step strong{color:#edce8a;font-size:13px;font-weight:500}.capture-fields{display:grid;gap:12px;width:100%;min-width:0}.capture-fields p{overflow-wrap:anywhere}@media(max-width:760px){.module-flow{flex-wrap:wrap}.module-flow-step{flex:1 1 40%;padding:12px}.command-sound{margin-left:auto}}@media print{.command-sound,.module-flow{display:none}}

/* Transparent logo must reveal the actual page backdrop, not a colored tile. */
.brand-mark{background:transparent;border-color:transparent;box-shadow:none}.sg-welcome>img{mix-blend-mode:normal}.avatar{background-color:transparent}
.sidebar,.topbar,.panel,.metric,.hud-panel,.metric-card{backdrop-filter:none;-webkit-backdrop-filter:none}