* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  width: 100%; height: 100%; overflow: hidden;
  background: #0b1020; color: #c8cdd7;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  font-size: 13px;
}
body { display: flex; }

#sim { flex: 1; min-width: 0; display: block; }

#panel {
  width: 380px; flex-shrink: 0;
  height: 100vh; overflow-y: auto;
  background: #141c32;
  border-left: 2px solid #323c5a;
  padding: 10px 12px;
}
.panel-title {
  font-size: 17px; color: #42a5f5;
  margin-bottom: 8px; letter-spacing: 1px;
}
.section { margin-bottom: 4px; }
.section-hdr {
  border-top: 1px solid #323c5a;
  padding-top: 5px; margin-top: 4px; margin-bottom: 5px;
  font-size: 11px; color: #42a5f5;
  letter-spacing: 0.5px; text-transform: uppercase;
}
.btn-grid { display: flex; flex-wrap: wrap; gap: 3px; margin-bottom: 4px; }
.btn {
  border: 1px solid #323c5a; background: #232d4b;
  color: #f0f5ff; padding: 5px 8px; border-radius: 3px;
  cursor: pointer; font-size: 11px; font-family: inherit;
  transition: background 0.1s;
}
.btn:hover { background: #324165; }
.btn.active { background: #4287d7; }
.fleet-btn {
  border-left: 4px solid #888; min-width: 65px;
}
.action-row { display: flex; gap: 4px; margin: 4px 0; flex-wrap: wrap; }
.bar-bg {
  background: #232838; border-radius: 2px;
  height: 14px; position: relative; overflow: hidden;
}
.bar-fill { height: 100%; border-radius: 2px; transition: width 0.15s; }
.dim { color: #787d8c; font-size: 12px; margin: 2px 0; }
.bright { color: #f0f5ff; }
.green { color: #50dc50; }
.yellow { color: #e6b432; }
.red { color: #e63232; }
.accent { color: #42a5f5; }
.status-row {
  display: flex; align-items: center; gap: 6px;
  margin: 2px 0; font-size: 12px;
}
.target-row { font-size: 11px; margin: 1px 0; }
.no-sel { color: #787d8c; padding: 10px 0; font-style: italic; }

.minimap-wrap {
  margin-bottom: 6px;
  border: 1px solid #323c5a;
  border-radius: 4px;
  overflow: hidden;
  background: #0c1020;
}
#minimap {
  display: block;
  width: 100%;
  height: 180px;
}

#panel::-webkit-scrollbar { width: 6px; }
#panel::-webkit-scrollbar-track { background: #141c32; }
#panel::-webkit-scrollbar-thumb { background: #323c5a; border-radius: 3px; }