/* ================================================================
   premium-ui.css — Chauffeur Empire · Midnight Empire theme
   Minimal overrides layer. Loaded AFTER style.css.
   ================================================================ */

/* ── 1. TOPBAR ───────────────────────────────────────────────── */
/* EM-shell topbar styling lives in style.css (.em-shell #top-bar).
   Legacy blur/text-shadow removed — the new bar is a light card. */

/* ── 2. MAIN PANEL SHIFT ─────────────────────────────────────── */
/* EM chrome: no left sidebar, content sits under topbar(52)+nav(44). */

#main-panel {
  left: 0 !important;
}

/* ── 3. CHROME-AWARE OFFSETS (no sidebar) ────────────────────── */

#news-ticker-wrap { left: 0 !important; }
#live-map-overlay { left: 0 !important; }
#map-overlay      { left: 0 !important; }

/* ── 4. SCROLLBAR (tab container) ────────────────────────────── */

#tab-container::-webkit-scrollbar { width: 4px; }
#tab-container::-webkit-scrollbar-track { background: transparent; }
#tab-container::-webkit-scrollbar-thumb {
  background: rgba(201,162,39,0.25);
  border-radius: 2px;
}
#tab-container::-webkit-scrollbar-thumb:hover {
  background: rgba(201,162,39,0.45);
}

/* ── 5. MOBILE ───────────────────────────────────────────────── */

@media (max-width: 767px) {
  #main-panel { left: 0 !important; }
  #news-ticker-wrap  { left: 0 !important; }
  #live-map-overlay  { left: 16px !important; }
  #map-overlay       { left: 0 !important; }
}