.command-window {
  border:1px solid #2a3b4c;
  border-radius:12px;
  overflow:hidden;
  background:#0b1522;
  box-shadow:0 0 130px rgba(18,132,140,.09),0 40px 100px #0004;
}
.window-bar {
  display:flex;
  align-items:center;
  gap:15px;
  font-size:10px;
  padding:13px 18px;
  background:#131f2c;
  border-bottom:1px solid var(--line);
  color:#96a7b9;
}
.window-dots {
  display:flex;
  gap:5px;
}
.window-dots i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#3d5062;
}
.demo-label {
  margin-left:auto;
  font-size:8px;
  letter-spacing:.12em;
  color:#8ea1b2;
}
.console {
  display:flex;
  min-height:400px;
}
.console-sidebar {
  padding:25px 17px;
  width:160px;
  flex-shrink:0;
  border-right:1px solid var(--line);
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#7e94a9;
  font-size:10px;
}
.console-sidebar img {
  margin:0 0 22px 8px;
}
.console-sidebar>span {
  padding:10px;
  border-radius:5px;
  display:flex;
  gap:12px;
}
.console-sidebar .sidebar-active {
  color: var(--text-accent);
  background:#103039;
}
.console-sidebar small {
  font-size:7px;
  letter-spacing:.1em;
  line-height:2.2;
  margin-top:auto;
  padding-top:25px;
}
.console-sidebar small b {
  font-size:9px;
  letter-spacing:0;
  font-weight:400;
  color:#c3d3df;
}
.console-main {
  padding:27px 26px 24px;
  flex:1;
  min-width:0;
}
.console-title {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}
.console-title small {
  font-size:7px;
  letter-spacing:.15em;
  color:#758b9f;
}
.console-title h3 {
  font-size:20px;
  font-weight:500;
  letter-spacing:-.025em;
  margin-top:8px;
}
.health-chip {
  font-size:8px;
  color: var(--text-on-dark);
  display:flex;
  align-items:center;
  gap:6px;
}
.health-chip i {
  width:4px;
  height:4px;
  border-radius:100%;
  background:var(--teal);
}
.console-metrics {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:25px 0 18px;
}
.console-metrics>div {
  border:1px solid var(--line);
  background:#101e2c;
  border-radius:5px;
  padding:15px;
}
.console-metrics span {
  font-size:9px;
  color:#9aaebd;
}
.console-metrics strong {
  display:flex;
  align-items:baseline;
  gap:10px;
  font-size:29px;
  font-weight:500;
  margin-top:9px;
}
.console-metrics small {
  font-size:8px;
  font-weight:400;
  color:#75909f;
}
.console-grid {
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:16px;
}
.map-panel {
  background:#0a1825;
  border:1px solid var(--line);
  border-radius:6px;
  overflow:hidden;
}
.map-heading {
  padding:14px;
  display:flex;
  justify-content:space-between;
  gap:8px;
  font-size:9px;
}
.map-heading strong {
  font-weight:500;
}
.map-heading span {
  color:#8ca1b1;
  font-size:8px;
}
.floor-plan {
  height:174px;
  position:relative;
  margin:0 15px;
  background-image:linear-gradient(#29414a18 1px,transparent 1px),linear-gradient(90deg,#29414a18 1px,transparent 1px);
  background-size:17px 17px;
}
.room {
  position:absolute;
  border:2px solid #294252;
  background:#152a37;
  color:#58717f;
  font-size:8px;
  padding:10px;
  width:28%;
  height:52px;
}
.r1,.r2,.r3 {
  top:12px;
}
.r4,.r5,.r6 {
  bottom:12px;
}
.r1,.r4 {
  left:5%;
}
.r2,.r5 {
  left:34%;
}
.r3,.r6 {
  left:63%;
}
.r4 {
  border-color:#bd9c6a;
  background:#5b473334;
  color:#d8ba82;
}
.corridor {
  position:absolute;
  top:48%;
  left:40%;
  font-size:6px;
  letter-spacing:.15em;
  color:#486473;
}
.map-pin {
  position:absolute;
  left:15%;
  top:68%;
  width:17px;
  height:17px;
  background:#e5b876;
  color:#352813;
  border-radius:50%;
  text-align:center;
  font-size:10px;
  line-height:17px;
  box-shadow:0 0 0 6px #d2ac6a22,0 0 0 12px #d2ac6a11;
}
.location-tag {
  position:absolute;
  left:29%;
  top:59%;
  font-size:8px;
  border:1px solid #476273;
  border-radius:4px;
  background:#172c3c;
  padding:9px 12px;
  box-shadow:0 6px 15px #0005;
}
.location-tag span {
  display:block;
  font-size:6px;
  color:#8fa8b9;
  margin-top:6px;
}
.map-key {
  padding:11px 14px;
  font-size:7px;
  color:#a3b2c0;
  display:flex;
  align-items:center;
  gap:6px;
}
.map-key i {
  width:4px;
  height:4px;
  background:#e5b876;
  border-radius:100%;
}
.map-key span {
  margin-left:auto;
  color:#647c8e;
}
.incident-panel {
  background:#12212f;
  border:1px solid #29404d;
  border-radius:6px;
  padding:18px;
}
.incident-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  font-size:7px;
  color:#7b92a4;
}
.alert-badge {
  background:#7d5b2933;
  color:#e9ba78;
  letter-spacing:.08em;
  padding:5px 7px;
  border-radius:3px;
  font-size:7px;
}
.incident-panel h4 {
  font-size:18px;
  letter-spacing:-.03em;
  font-weight:450;
  line-height:1.25;
  margin:15px 0;
}
.incident-panel dl {
  margin:0;
}
.incident-panel dl div {
  display:flex;
  justify-content:space-between;
  gap:8px;
  font-size:8px;
  padding:7px 0;
  border-bottom:1px solid #283b4866;
}
.incident-panel dt {
  color:#7f97aa;
}
.incident-panel dd {
  margin:0;
  color:#bdcbd6;
}
.incident-panel a {
  display:flex;
  justify-content:space-between;
  font-size:8px;
  color: var(--text-accent);
  margin-top:18px;
}

.command-window { --text-accent: var(--accent-on-dark); color: #eef3f7; --line: rgba(176,205,223,.14); max-width:1176px; margin:0 auto; }
@media(max-width:700px){.console-sidebar{display:none}.console-grid{grid-template-columns:1fr}.console-main{padding:18px 12px}.console-title{gap:12px}.console-title h3{font-size:18px}.console-metrics{gap:6px}.console-metrics>div{padding:10px 8px}.console-metrics strong{display:block;font-size:24px}.console-metrics small{display:block;margin-top:4px}.health-chip{font-size:7px}.demo-label{font-size:6px}.window-bar{font-size:8px;gap:8px}}