/* Macro Map · MODE · VOLCANOES · mockup 03 · pixel fidelity · Ring of Fire */

#ih-panel-macro-map[data-mm-mode="volcanoes"] {
  --volc-amber: #FF9F00;
  --volc-amber-dim: rgba(255, 159, 0, 0.45);
  --volc-amber-mute: rgba(255, 159, 0, 0.22);
  --volc-bg: #050505;
  --volc-panel: rgba(8, 8, 8, 0.92);
  --volc-line: rgba(255, 159, 0, 0.28);
  --volc-muted: #6a6a6a;
  --volc-text: #c8c8c8;
  --volc-ok: #3DDC84;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-map-stage {
  background: #000 !important;
  border: 1px solid rgba(40, 40, 40, 0.95) !important;
  outline: none;
  overflow: hidden;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] #cal-map-host,
body.ih-hub-full #view-caleco.ih-view.active.ih-show-calendar #ih-panel-macro-map[data-mm-mode="volcanoes"] #cal-map-host,
#view-caleco.ih-show-calendar #ih-panel-macro-map[data-mm-mode="volcanoes"] #cal-map-host {
  background: #000 !important;
  bottom: 36px !important;
  height: auto !important;
  inset: auto !important;
  left: 322px !important;
  max-height: none !important;
  min-height: 0 !important;
  right: 0 !important;
  top: 56px !important;
  width: auto !important;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] #cal-map-host,
#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-maplibre {
  background: #000 !important;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] .maplibregl-ctrl-attrib,
#ih-panel-macro-map[data-mm-mode="volcanoes"] .maplibregl-ctrl-bottom-left,
#ih-panel-macro-map[data-mm-mode="volcanoes"] .maplibregl-ctrl-bottom-right {
  display: none !important;
}

/* Hide Sessions / KPI / disaster foot / default DATA SOURCE / EQ legend / layer-menu legado
   (#ih-mm-bmap fica disponível — é o menu ☰ MAP MODES) */
#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-kpi,
#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-sessions,
#ih-panel-macro-map[data-mm-mode="volcanoes"] #ih-mm-disaster-foot,
#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-module-bar,
#ih-panel-macro-map[data-mm-mode="volcanoes"] #ih-mm-data-source,
#ih-panel-macro-map[data-mm-mode="volcanoes"] #ih-mm-eq-legend,
#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-layer-menu {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* ☰ MAP MODES · acima do rail âmbarr · clique do burger volta a funcionar */
#ih-panel-macro-map[data-mm-mode="volcanoes"] #ih-mm-bmap {
  display: flex !important;
  height: auto !important;
  max-height: none !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: none !important;
  visibility: visible !important;
  z-index: 130 !important;
}
#ih-panel-macro-map[data-mm-mode="volcanoes"] #ih-mm-bmap.is-open {
  left: 336px !important;
  top: 64px !important;
  width: min(400px, calc(100% - 352px)) !important;
}
#ih-panel-macro-map[data-mm-mode="volcanoes"] #ih-mm-bmap.is-collapsed {
  left: 336px !important;
  bottom: 14px !important;
}
#ih-panel-macro-map[data-mm-mode="volcanoes"] #ih-mm-bmap .ih-mm-bmap__chrome,
#ih-panel-macro-map[data-mm-mode="volcanoes"] #ih-mm-bmap .ih-mm-bmap__fab,
#ih-panel-macro-map[data-mm-mode="volcanoes"] #ih-mm-bmap .ih-mm-bmap__row,
#ih-panel-macro-map[data-mm-mode="volcanoes"] #ih-mm-bmap .ih-mm-bmap__collapse {
  pointer-events: auto !important;
}
#ih-panel-macro-map[data-mm-mode="volcanoes"] #ih-mm-bmap .ih-mm-bmap__chrome {
  border-color: rgba(255, 159, 0, 0.35) !important;
}
#ih-panel-macro-map[data-mm-mode="volcanoes"] #ih-mm-bmap .ih-mm-bmap__row.is-on {
  color: #ffb84d !important;
}

/* ── Film header · MODE · VOLCANOES ── */
#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-film {
  background: #050505 !important;
  border-bottom: 1px solid rgba(255, 159, 0, 0.22) !important;
  left: 0;
  padding: 0 !important;
  pointer-events: auto !important;
  right: 0;
  z-index: 140 !important;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-film__burger {
  background:
    linear-gradient(#FF9F00, #FF9F00) 0 10px / 20px 2.5px no-repeat,
    linear-gradient(#FF9F00, #FF9F00) 0 16px / 20px 2.5px no-repeat,
    linear-gradient(#FF9F00, #FF9F00) 0 22px / 20px 2.5px no-repeat !important;
  pointer-events: auto !important;
  position: relative;
  z-index: 141 !important;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-film__burger:hover,
#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-film__burger[aria-expanded="true"] {
  background:
    linear-gradient(#ffc14d, #ffc14d) 0 10px / 20px 2.5px no-repeat,
    linear-gradient(#ffc14d, #ffc14d) 0 16px / 20px 2.5px no-repeat,
    linear-gradient(#ffc14d, #ffc14d) 0 22px / 20px 2.5px no-repeat !important;
  outline: 1px solid rgba(255, 159, 0, 0.65);
  outline-offset: 3px;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-film__top {
  align-items: center;
  display: flex !important;
  gap: 14px;
  min-height: 52px;
  padding: 10px 16px 8px;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-film__brand {
  align-items: center;
  display: flex;
  gap: 10px;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-film__volc-title {
  color: var(--volc-amber);
  font: 700 22px/1.1 "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-film__center {
  display: none !important;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-film__sub {
  display: none !important;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-film__right {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-left: auto;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-film__utc {
  color: var(--volc-amber) !important;
  display: inline-block !important;
  font: 600 15px/1 "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  letter-spacing: 0.12em;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-film__icons {
  display: inline-flex !important;
  gap: 8px;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-volc-ico {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(255, 159, 0, 0.45);
  color: var(--volc-amber);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  height: 30px;
  justify-content: center;
  width: 30px;
}

#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-basemap-tog {
  border-color: rgba(255, 159, 0, 0.45);
  color: var(--volc-amber);
}

/* ── Left rail (+20% width · fontes ↑) ── */
#ih-panel-macro-map .ih-mm-volc-rail {
  background: var(--volc-panel, rgba(8, 8, 8, 0.92));
  border-right: 1px solid rgba(255, 159, 0, 0.22);
  bottom: 36px;
  display: flex;
  flex-direction: column;
  gap: 0;
  left: 0;
  overflow: auto;
  padding: 18px 18px 16px;
  pointer-events: auto;
  position: absolute;
  top: 56px;
  width: 322px; /* 268 × 1.2 */
  z-index: 12;
}

#ih-panel-macro-map .ih-mm-volc-rail[hidden] {
  display: none !important;
}

#ih-panel-macro-map .ih-mm-volc-rail__sec {
  border-bottom: 1px solid rgba(255, 159, 0, 0.16);
  margin: 0 0 14px;
  padding: 0 0 14px;
}

#ih-panel-macro-map .ih-mm-volc-rail__sec:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

#ih-panel-macro-map .ih-mm-volc-rail__hd {
  color: rgba(255, 159, 0, 0.55);
  font: 700 13px/1.25 "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.16em;
  margin-bottom: 12px;
}

#ih-panel-macro-map .ih-mm-volc-layer {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  color: var(--volc-muted);
  cursor: pointer;
  display: flex;
  font: 600 15px/1.3 "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  gap: 10px;
  justify-content: space-between;
  letter-spacing: 0.08em;
  padding: 9px 0;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

#ih-panel-macro-map .ih-mm-volc-layer.is-on {
  color: var(--volc-amber);
}

#ih-panel-macro-map .ih-mm-volc-layer__l {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

#ih-panel-macro-map .ih-mm-volc-layer__ico {
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  opacity: 0.85;
  width: 16px;
}

#ih-panel-macro-map .ih-mm-volc-layer__st {
  font: 700 13px/1 "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.12em;
}

#ih-panel-macro-map .ih-mm-volc-layer.is-on .ih-mm-volc-layer__st {
  color: var(--volc-amber);
}

#ih-panel-macro-map .ih-mm-volc-filters label {
  color: var(--volc-muted);
  display: block;
  font: 600 13px/1.25 "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.12em;
  margin: 0 0 12px;
}

#ih-panel-macro-map .ih-mm-volc-filters select {
  appearance: none;
  background: #0a0a0a;
  border: 1px solid rgba(255, 159, 0, 0.35);
  color: #e8e8e8;
  display: block;
  font: 600 15px/1.25 "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.1em;
  margin-top: 6px;
  padding: 10px 12px;
  width: 100%;
}

#ih-panel-macro-map .ih-mm-volc-legend-row {
  align-items: center;
  color: var(--volc-text);
  display: flex;
  font: 600 14px/1.25 "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  gap: 10px;
  letter-spacing: 0.12em;
  padding: 8px 0;
  text-transform: uppercase;
}

#ih-panel-macro-map .ih-mm-volc-legend-row__ico {
  color: var(--volc-amber);
  display: inline-flex;
  font-size: 14px;
  justify-content: center;
  width: 18px;
}

#ih-panel-macro-map .ih-mm-volc-legend-row--mute {
  color: var(--volc-muted);
}

#ih-panel-macro-map .ih-mm-volc-legend-row--mute .ih-mm-volc-legend-row__ico {
  color: rgba(255, 159, 0, 0.45);
}

/* Compass */
#ih-panel-macro-map .ih-mm-volc-compass {
  bottom: 52px;
  height: 64px;
  pointer-events: none;
  position: absolute;
  right: 18px;
  width: 64px;
  z-index: 11;
}

#ih-panel-macro-map .ih-mm-volc-compass[hidden] {
  display: none !important;
}

#ih-panel-macro-map .ih-mm-volc-compass svg {
  display: block;
  height: 100%;
  width: 100%;
}

/* Footer status bar */
#ih-panel-macro-map .ih-mm-volc-foot {
  align-items: center;
  background: #050505;
  border-top: 1px solid rgba(255, 159, 0, 0.22);
  bottom: 0;
  color: var(--volc-muted);
  display: flex;
  font: 600 12px/1.15 "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  gap: 0;
  height: 36px;
  justify-content: space-between;
  left: 0;
  letter-spacing: 0.08em;
  padding: 0 16px;
  pointer-events: auto;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  z-index: 13;
}

#ih-panel-macro-map .ih-mm-volc-foot[hidden] {
  display: none !important;
}

#ih-panel-macro-map .ih-mm-volc-foot__seg {
  align-items: center;
  border-right: 1px solid rgba(80, 80, 80, 0.55);
  display: inline-flex;
  gap: 8px;
  padding: 0 18px 0 0;
}

#ih-panel-macro-map .ih-mm-volc-foot__seg:last-child {
  border-right: 0;
  padding-right: 0;
}

#ih-panel-macro-map .ih-mm-volc-foot__ok {
  align-items: center;
  color: var(--volc-amber);
  display: inline-flex;
  gap: 7px;
}

#ih-panel-macro-map .ih-mm-volc-foot__ok > i {
  background: var(--volc-ok);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(61, 220, 132, 0.75);
  display: inline-block;
  height: 7px;
  width: 7px;
}

#ih-panel-macro-map .ih-mm-volc-foot b {
  color: var(--volc-amber);
  font-weight: 700;
}

#ih-panel-macro-map .ih-mm-volc-foot__right {
  align-items: center;
  display: inline-flex;
  gap: 22px;
  margin-left: auto;
}

/* Suggested Data bmap · acima do foot; left alinhado ao rail âmbarr (~336px) */
#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-bmap.is-collapsed {
  bottom: 48px !important;
  left: 336px !important;
}
#ih-panel-macro-map[data-mm-mode="volcanoes"] .ih-mm-bmap.is-open {
  bottom: auto !important;
  left: 336px !important;
}