:root { color-scheme: dark; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; background: #090a0c; color: #e8ecef; }
* { box-sizing: border-box; }
html, body, #app { width: 100%; height: 100%; margin: 0; overflow: hidden; }
#app { display: grid; grid-template-columns: minmax(0, 1fr) 360px; background: #0b0c0e; }
#table-wrap { position: relative; min-width: 0; background: radial-gradient(circle at 45% 46%, #191c20 0, #0e1013 42%, #08090b 100%); }
#table { width: 100%; height: 100%; display: block; cursor: grab; touch-action: none; }
#table:active { cursor: grabbing; }
.corner-label { position: absolute; left: 18px; top: 16px; display: grid; gap: 2px; pointer-events: none; text-shadow: 0 2px 12px #000; }
.corner-label strong { font-size: 20px; letter-spacing: .12em; }
.corner-label span { font-size: 11px; color: #8e9aa3; letter-spacing: .18em; }
#hud { overflow: auto; border-left: 1px solid #2b3036; background: #111317; padding: 18px; }
header { padding-bottom: 16px; border-bottom: 1px solid #2b3036; }
h1 { margin: 3px 0 8px; font-size: 25px; line-height: 1.05; }
h2 { margin: 18px 0 8px; font-size: 12px; text-transform: uppercase; letter-spacing: .14em; color: #9ba6af; }
.eyebrow, #clock, footer { font-size: 11px; color: #7e8991; }
.service { margin: 7px 0; }
.service-line { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; }
.bar { height: 5px; margin-top: 4px; background: #252a2f; }
.bar > i { display: block; height: 100%; background: #b9c4cb; }
.card { border: 1px solid #2a3036; padding: 8px 9px; margin: 6px 0; background: #15181c; cursor: pointer; }
.card:hover { border-color: #59636c; }
.card strong { display: block; font-size: 12px; margin-bottom: 3px; }
.card small, .panel-copy { font-size: 11px; color: #a1abb2; line-height: 1.35; }
.badge { display: inline-block; padding: 1px 5px; margin-right: 5px; border: 1px solid #4b545d; font-size: 10px; text-transform: uppercase; }
.incident .badge { border-color: #8d5b55; }
.worker .badge { border-color: #5d7480; }
.project .badge { border-color: #657f6d; }
footer { padding: 20px 0 6px; }
@media (max-width: 800px) { #app { grid-template-columns: 1fr; grid-template-rows: 60vh 40vh; } #hud { border-left: 0; border-top: 1px solid #2b3036; } }