/* UI ENGINE – DARK BASE */

body{
  background:#050607;
  color:#f3f3f3;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.controlroom-container{
  padding:24px;
}

.trackers-header h2{
  margin:0 0 16px 0;
  font-size:22px;
  font-weight:600;
  color:#d6b46a;
}

.panel{
  background:#0b0c0d;
  border:1px solid rgba(214,180,106,.35);
  border-radius:14px;
  padding:18px;
}

.panel p{
  margin:0;
  color:#a8a8a8;
  font-size:15px;
}

.leaflet-top.leaflet-right .tr-toolbar-wrapper {
    margin-top: 90px;
    margin-right: 14px;
}

.tr-toolbar-inner {
    display: flex;
    gap: 12px;
    padding: 10px 16px;
    border-radius: 18px;
    background: rgba(0,0,0,0.65);
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.45);
}

.tr-btn {
    padding: 8px 16px;
    border-radius: 14px;
    border: none;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.18s ease;
}

.tr-blue { background:#00d4ff; color:#001018; }
.tr-yellow { background:#ffd200; color:#201800; }

.tr-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.4);
}



/* ===== FORCE HEADER VISIBLE ===== */
#header-container{
  position:relative !important;
  z-index:99999 !important;
  width:100% !important;
  min-height:64px !important;
  display:block !important;
  visibility:visible !important;
}

.trakeri-header{
  position:relative !important;
  z-index:99999 !important;
  width:100% !important;
  display:flex !important;
  visibility:visible !important;
}

body{
  margin:0 !important;
  padding:0 !important;
}

#map,
.leaflet-container,
.map-wrap,
.controlroom-map,
main,
.content,
.page-shell{
  z-index:1 !important;
}