:root{
  --gms-bg:#0b0f14;
  --gms-panel:#0f1620;
  --gms-panel2:#0c121a;
  --gms-line:#243244;
  --gms-text:#d9e3f0;
  --gms-dim:#9ab0c9;
  --gms-accent:#4aa3ff;
  --gms-warn:#ffb020;
  --gms-danger:#ff5c5c;
  --gms-ok:#34d399;
  --gms-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
.app-body{ font-family: var(--gms-font); background:#f6f7fb; }
.gms-app{
  font-family: var(--gms-font);
  background: var(--gms-bg);
  color: var(--gms-text);
  overflow: hidden;
}
.gms-topbar{
  height: 44px;
  background: linear-gradient(180deg,#0d141e,#0a1018);
  border-bottom:1px solid var(--gms-line);
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 12px;
  font-size:13px;
}
.gms-pill{
  border:1px solid var(--gms-line);
  background: #0b111a;
  padding:4px 8px;
  border-radius:4px;
  color: var(--gms-dim);
}
.gms-layout{
  height: calc(100vh - 44px);
  display:grid;
  grid-template-columns: 420px 1fr 380px;
  gap: 8px;
  padding: 8px;
}
.gms-panel{
  background: var(--gms-panel);
  border:1px solid var(--gms-line);
  border-radius:6px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:0;
}
.gms-panel .gms-header{
  background: var(--gms-panel2);
  border-bottom:1px solid var(--gms-line);
  padding:8px 10px;
  font-size:12px;
  text-transform: uppercase;
  letter-spacing:.08em;
  color: var(--gms-dim);
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.gms-panel .gms-content{
  padding:8px;
  overflow:auto;
  min-height:0;
  flex:1;
}
.gms-table{
  width:100%;
  border-collapse:collapse;
  font-size:12px;
}
.gms-table th, .gms-table td{
  border-bottom:1px solid rgba(36,50,68,.55);
  padding:6px 6px;
  vertical-align:middle;
}
.gms-table th{
  color: var(--gms-dim);
  font-weight:600;
  background: rgba(12,18,26,.6);
  position:sticky;
  top:0;
  z-index:2;
}
.gms-row:hover{ background: rgba(74,163,255,.08); cursor:pointer; }
.gms-btn{
  background:#0b111a;
  border:1px solid var(--gms-line);
  padding:6px 10px;
  border-radius:4px;
  font-size:12px;
}
.gms-btn:hover{ border-color: rgba(74,163,255,.55); }
.gms-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:2px 6px;
  border-radius:4px;
  border:1px solid var(--gms-line);
  font-size:11px;
  color: var(--gms-dim);
}
.gms-badge.ok{ border-color: rgba(52,211,153,.35); color:#b7f7e2; }
.gms-badge.warn{ border-color: rgba(255,176,32,.35); color:#ffe2b1; }
.gms-badge.danger{ border-color: rgba(255,92,92,.35); color:#ffc3c3; }

.gms-form input, .gms-form select, .gms-form textarea{
  background:#0b111a !important;
  border:1px solid var(--gms-line) !important;
  color: var(--gms-text) !important;
}
.gms-form label{ color: var(--gms-dim); font-size:12px; }

#map{ width:100%; height:100%; }
.gms-mapwrap{ height:100%; min-height:0; }
.leaflet-container{ background:#0a1018; }

#locMap, #waMap { width:100%; height:100%; }