/* Macro Map · MODE · CORRIDORS · mockup 03 · pixel fidelity */

#ih-panel-macro-map[data-mm-mode="exposure"] {
  --corr-amber: #F5A623;
  --corr-green: #3DDC84;
  --corr-bg: #000000;
  --corr-panel: #0A0A0A;
  --corr-line: rgba(55, 55, 55, 0.95);
}

#ih-panel-macro-map[data-mm-mode="exposure"] .ih-mm-film {
  background: linear-gradient(180deg, #0a0a0a 0%, rgba(8, 8, 8, 0.94) 72%, rgba(8, 8, 8, 0) 100%) !important;
  border-bottom: 1px solid rgba(245, 166, 35, 0.28) !important;
  padding: 11px 16px 16px !important;
}

#ih-panel-macro-map[data-mm-mode="exposure"] .ih-mm-film__map--solo {
  color: rgba(210, 210, 210, 0.95) !important;
  font: 600 16px/1.2 var(--font-bloomberg, monospace) !important;
  letter-spacing: 0.08em !important;
}

#ih-panel-macro-map[data-mm-mode="exposure"] .ih-mm-film__brand-chev {
  color: rgba(140, 140, 140, 0.9);
  font: 600 16px/1 var(--font-bloomberg, monospace);
  margin-left: 4px;
}

#ih-panel-macro-map[data-mm-mode="exposure"] .ih-mm-film__mode-center {
  color: var(--corr-amber) !important;
  font: 700 20px/1.2 var(--font-bloomberg, monospace) !important;
  letter-spacing: 0.16em !important;
  text-shadow: 0 0 16px rgba(245, 166, 35, 0.28);
}

#ih-panel-macro-map[data-mm-mode="exposure"] .ih-mm-film__search {
  background: #141414 !important;
  border: 1px solid rgba(88, 88, 88, 0.7) !important;
  max-width: 460px !important;
  padding: 9px 14px !important;
}

#ih-panel-macro-map[data-mm-mode="exposure"] .ih-mm-film__search input {
  font: 500 15px/1.2 var(--font-bloomberg, monospace) !important;
}

#ih-panel-macro-map[data-mm-mode="exposure"] .ih-mm-film__utc {
  align-items: baseline;
  color: #fff !important;
  display: inline-flex !important;
  font: 600 15px/1.2 var(--font-bloomberg, monospace) !important;
  gap: 8px;
  letter-spacing: 0.04em !important;
}

#ih-panel-macro-map[data-mm-mode="exposure"] .ih-mm-film__utc-date {
  color: rgba(150, 150, 150, 0.95);
  font-weight: 600;
}

#ih-panel-macro-map[data-mm-mode="exposure"] .ih-mm-film__ico {
  color: rgba(150, 150, 150, 0.95);
  font: 600 13px/1 var(--font-bloomberg, monospace);
  letter-spacing: 0.06em;
}

#ih-panel-macro-map[data-mm-mode="exposure"] .ih-mm-film__gct-mark {
  box-shadow: 0 0 12px rgba(245, 166, 35, 0.28);
}

#ih-panel-macro-map[data-mm-mode="exposure"] .ih-map-stage {
  background: var(--corr-bg) !important;
}

/* Left rail · +30% again (328 → 426) + type scale */
#ih-panel-macro-map .ih-mm-corridor-rail {
  background: var(--corr-panel) !important;
  border-right-color: var(--corr-line) !important;
  width: 426px !important; /* 328 × 1.3 */
  padding: 12px 0 14px !important;
}

#ih-panel-macro-map .ih-mm-corridor-mode--back {
  border-bottom: 1px solid rgba(55, 55, 55, 0.9) !important;
  color: #F5A623 !important;
  font: 700 22px/1.25 var(--font-bloomberg, monospace) !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 10px;
  padding-bottom: 16px !important;
}

#ih-panel-macro-map .ih-mm-corridor-mode.is-on {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: transparent !important;
  border-left-color: #F5A623 !important;
  box-shadow: none !important;
  color: #f5f5f5 !important;
}

#ih-panel-macro-map .ih-mm-corridor-tog.is-on > i {
  background: #F5A623 !important;
  box-shadow: 0 0 10px rgba(245, 166, 35, 0.4);
}

#ih-panel-macro-map .ih-mm-corridor-rail__hd {
  font: 700 18px/1.2 var(--font-bloomberg, monospace) !important;
  letter-spacing: 0.14em !important;
  margin-bottom: 14px !important;
}

#ih-panel-macro-map .ih-mm-corridor-rail__sec {
  padding: 14px 16px 16px !important;
}

#ih-panel-macro-map .ih-mm-corridor-mode {
  font: 600 22px/1.25 var(--font-bloomberg, monospace) !important;
  letter-spacing: 0.08em !important;
  padding: 14px 14px !important;
}

#ih-panel-macro-map .ih-mm-corridor-mode__warn {
  height: 12px !important;
  width: 13px !important;
}

#ih-panel-macro-map .ih-mm-corridor-tog {
  font: 600 20px/1.35 var(--font-bloomberg, monospace) !important;
  padding: 6px 0 !important;
}

#ih-panel-macro-map .ih-mm-corridor-tog > i {
  height: 26px !important;
  width: 46px !important;
}

#ih-panel-macro-map .ih-mm-corridor-tog > i::after {
  height: 18px !important;
  left: 4px !important;
  top: 4px !important;
  width: 18px !important;
}

#ih-panel-macro-map .ih-mm-corridor-tog.is-on > i::after {
  left: 24px !important;
}

#ih-panel-macro-map .ih-mm-corridor-dd > span {
  font: 600 20px/1.25 var(--font-bloomberg, monospace) !important;
}

#ih-panel-macro-map .ih-mm-corridor-dd select,
#ih-panel-macro-map .ih-mm-corridor-mapchrome select {
  font: 600 18px/1.25 var(--font-bloomberg, monospace) !important;
  padding: 12px 14px !important;
}

#ih-panel-macro-map .ih-mm-corridor-tf > button {
  font: 700 17px/1 var(--font-bloomberg, monospace) !important;
  padding: 12px 4px !important;
}

#ih-panel-macro-map .ih-mm-corridor-rail__copy {
  font: 500 15px/1.45 var(--font-bloomberg, monospace) !important;
}

#ih-panel-macro-map .ih-mm-corridor-i {
  font: 700 13px/1 var(--font-bloomberg, monospace) !important;
  height: 20px !important;
  width: 20px !important;
}

#ih-panel-macro-map .ih-mm-corridor-sug,
#ih-panel-macro-map .ih-mm-corridor-ov {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  color: rgba(215, 215, 215, 0.95);
  cursor: pointer;
  display: flex;
  font: 600 20px/1.35 var(--font-bloomberg, monospace);
  justify-content: space-between;
  padding: 6px 0;
  text-align: left;
  width: 100%;
}

#ih-panel-macro-map .ih-mm-corridor-sug {
  align-items: stretch;
  cursor: default;
  flex-direction: column;
  gap: 10px;
}

#ih-panel-macro-map .ih-mm-corridor-sug__val {
  align-items: center;
  background: #161616;
  border: 1px solid rgba(75, 75, 75, 0.85);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  min-width: 0;
  padding: 11px 14px;
}

#ih-panel-macro-map .ih-mm-corridor-sug__val > em {
  color: rgba(230, 230, 230, 0.95);
  flex: 1 1 auto;
  font: 600 18px/1.2 var(--font-bloomberg, monospace);
  font-style: normal;
  letter-spacing: 0.04em;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#ih-panel-macro-map .ih-mm-corridor-sug__val > em::after {
  color: rgba(130, 130, 130, 0.95);
  content: ' ▾';
  font-size: 16px;
}

#ih-panel-macro-map .ih-mm-corridor-badge {
  border-radius: 2px;
  display: inline-flex;
  flex: 0 0 auto;
  font: 700 15px/1 var(--font-bloomberg, monospace);
  letter-spacing: 0.1em;
  padding: 7px 11px;
}

#ih-panel-macro-map .ih-mm-corridor-badge.is-on {
  background: #3DDC84;
  box-shadow: 0 0 10px rgba(61, 220, 132, 0.35);
  color: #06140c;
}

#ih-panel-macro-map .ih-mm-corridor-badge.is-off {
  background: rgba(50, 50, 50, 0.9);
  color: rgba(130, 130, 130, 0.95);
}

#ih-panel-macro-map .ih-mm-corridor-ov .ih-mm-corridor-badge.is-on {
  background: transparent;
  box-shadow: none;
  color: #3DDC84;
  font-size: 17px;
  padding: 0;
}

#ih-panel-macro-map .ih-mm-corridor-ov .ih-mm-corridor-badge.is-off {
  background: transparent;
  color: rgba(130, 130, 130, 0.95);
  font-size: 17px;
  padding: 0;
}

#ih-panel-macro-map .ih-mm-corridor-tf > button.is-on {
  border-bottom-color: #f2f2f2 !important;
  color: #f2f2f2 !important;
}

#ih-panel-macro-map .ih-mm-corridor-mapchrome {
  left: 442px !important; /* rail 426 + 16 */
  right: 14px !important;
  top: 56px !important;
}

#ih-panel-macro-map .ih-mm-corridor-legend {
  background: rgba(10, 10, 10, 0.94) !important;
  bottom: calc(100% + 14px) !important;
  left: 16px !important;
  width: min(320px, 32vw) !important;
  z-index: 2 !important;
}

#ih-panel-macro-map .ih-mm-corridor-legend__bar {
  background: linear-gradient(90deg, #2a1808 0%, #7a4010 32%, #F5A623 68%, #FFC45A 100%) !important;
  box-shadow: 0 0 12px rgba(245, 166, 35, 0.25);
  height: 9px !important;
}

#ih-panel-macro-map .ih-mm-corridor-dock {
  background: #0c0c0c !important;
  left: 426px !important;
  overflow: visible !important;
}

#ih-panel-macro-map .ih-mm-corridor-dock__grid {
  grid-template-columns: minmax(260px, 1.05fr) minmax(320px, 1.35fr) minmax(280px, 1.1fr) !important;
}

#ih-panel-macro-map .ih-mm-corridor-card {
  padding: 14px 16px 16px !important;
}

#ih-panel-macro-map .ih-mm-corridor-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px 14px !important;
}

#ih-panel-macro-map .ih-mm-corridor-mapchrome__l label {
  font: 700 14px/1.25 var(--font-bloomberg, monospace) !important;
  letter-spacing: 0.1em !important;
  padding: 8px 12px !important;
}

#ih-panel-macro-map .ih-mm-corridor-mapchrome__l select {
  font: 600 16px/1.25 var(--font-bloomberg, monospace) !important;
}

#ih-panel-macro-map .ih-mm-corridor-tool {
  font: 700 16px/1 var(--font-bloomberg, monospace) !important;
  height: 40px !important;
  width: 40px !important;
}

#ih-panel-macro-map .ih-mm-corridor-tool--3d {
  font-size: 13px !important;
}

#ih-panel-macro-map .ih-mm-corridor-legend__hd {
  font: 700 16px/1.2 var(--font-bloomberg, monospace) !important;
  letter-spacing: 0.12em !important;
}

#ih-panel-macro-map .ih-mm-corridor-legend__ticks {
  font: 600 13px/1 var(--font-bloomberg, monospace) !important;
}

#ih-panel-macro-map .ih-mm-corridor-card__hd {
  font: 700 15px/1.2 var(--font-bloomberg, monospace) !important;
  letter-spacing: 0.12em !important;
  margin-bottom: 12px !important;
}

#ih-panel-macro-map .ih-mm-corridor-kpi__n {
  color: #f5f5f5 !important;
  font: 700 42px/1 var(--font-bloomberg, monospace) !important;
}

#ih-panel-macro-map .ih-mm-corridor-kpi__l {
  font: 700 14px/1.25 var(--font-bloomberg, monospace) !important;
  letter-spacing: 0.08em !important;
  margin-top: 5px !important;
}

#ih-panel-macro-map .ih-mm-corridor-kpi__t {
  font: 600 15px/1.2 var(--font-bloomberg, monospace) !important;
  margin-top: 4px !important;
}

#ih-panel-macro-map .ih-mm-corridor-rank {
  gap: 10px !important;
}

#ih-panel-macro-map .ih-mm-corridor-rank__row {
  gap: 10px !important;
  grid-template-columns: 22px minmax(0, 1.4fr) minmax(80px, 1fr) 34px !important;
}

#ih-panel-macro-map .ih-mm-corridor-rank__i {
  font: 700 16px/1 var(--font-bloomberg, monospace) !important;
}

#ih-panel-macro-map .ih-mm-corridor-rank__n {
  font: 600 15px/1.25 var(--font-bloomberg, monospace) !important;
}

#ih-panel-macro-map .ih-mm-corridor-rank__v {
  font: 700 16px/1 var(--font-bloomberg, monospace) !important;
}

#ih-panel-macro-map .ih-mm-corridor-rank__empty {
  font: 600 14px/1.3 var(--font-bloomberg, monospace) !important;
}

#ih-panel-macro-map .ih-mm-corridor-feed {
  gap: 10px !important;
}

#ih-panel-macro-map .ih-mm-corridor-feed__n {
  font: 600 16px/1.3 var(--font-bloomberg, monospace) !important;
}

#ih-panel-macro-map .ih-mm-corridor-feed__t {
  font: 600 15px/1 var(--font-bloomberg, monospace) !important;
}

#ih-panel-macro-map .ih-mm-corridor-feed__empty {
  font: 600 14px/1.3 var(--font-bloomberg, monospace) !important;
}

#ih-panel-macro-map .ih-mm-corridor-ticker__sug {
  font: 700 15px/1 var(--font-bloomberg, monospace) !important;
}

#ih-panel-macro-map .ih-mm-corridor-ticker__sug > b,
#ih-panel-macro-map .ih-mm-corridor-ticker__scroll,
#ih-panel-macro-map .ih-mm-corridor-ticker__live {
  font-size: 15px !important;
}

#ih-panel-macro-map .ih-mm-corridor-kpi__t.is-up {
  color: #3DDC84 !important;
}

#ih-panel-macro-map .ih-mm-corridor-rank__bar > i {
  background: linear-gradient(90deg, rgba(245, 166, 35, 0.55), #F5A623) !important;
  box-shadow: 0 0 8px rgba(245, 166, 35, 0.45);
}

#ih-panel-macro-map .ih-mm-corridor-feed__dot.is-amber {
  background: #F5A623 !important;
  box-shadow: 0 0 8px rgba(245, 166, 35, 0.55);
}

#ih-panel-macro-map .ih-mm-corridor-feed__dot.is-mint {
  background: #3DDC84 !important;
  box-shadow: 0 0 8px rgba(61, 220, 132, 0.45);
}

#ih-panel-macro-map .ih-mm-corridor-ticker {
  background: #080808 !important;
  padding: 9px 16px !important;
}

#ih-panel-macro-map .ih-mm-corridor-ticker__sug {
  align-items: center;
  display: inline-flex !important;
  gap: 8px;
}

#ih-panel-macro-map .ih-mm-corridor-ticker__sug .ih-mm-corridor-badge.is-on {
  background: rgba(61, 220, 132, 0.16);
  color: #3DDC84;
}

#ih-panel-macro-map .ih-mm-corridor-ticker__live > i {
  animation: ih-mm-corr-live 1.4s ease-in-out infinite;
  background: #3DDC84 !important;
  box-shadow: 0 0 0 3px rgba(61, 220, 132, 0.22) !important;
}

@keyframes ih-mm-corr-live {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 3px rgba(61, 220, 132, 0.22); }
  50% { opacity: 0.65; box-shadow: 0 0 0 5px rgba(61, 220, 132, 0.12); }
}

@media (max-width: 1400px) {
  #ih-panel-macro-map .ih-mm-corridor-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}