/* Intel Hub · Desk Alerts toast (Phase 1d) · Macro Map panel */

#ih-panel-macro-map {
  position: relative;
}

.ih-desk-alerts-toast {
  bottom: 72px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: min(360px, 42vw);
  pointer-events: none;
  position: absolute;
  right: 18px;
  z-index: 46;
}

.ih-desk-alerts-toast__item {
  appearance: none;
  background: rgba(8, 12, 18, 0.94);
  border: 1px solid rgba(74, 143, 160, 0.42);
  border-left: 3px solid #4A8FA0;
  color: #e8edf2;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  pointer-events: auto;
  text-align: left;
  transition: opacity 0.2s ease, transform 0.2s ease;
  width: 100%;
}

.ih-desk-alerts-toast__item.is-warn {
  border-color: rgba(232, 180, 74, 0.45);
  border-left-color: #E8B44A;
}

.ih-desk-alerts-toast__item.is-high {
  border-color: rgba(232, 56, 56, 0.5);
  border-left-color: #E83838;
}

.ih-desk-alerts-toast__item.is-oms {
  border-color: rgba(116, 222, 198, 0.45);
  border-left-color: #74DEC6;
}

.ih-desk-alerts-toast__item:hover {
  background: rgba(14, 20, 28, 0.98);
}

.ih-desk-alerts-toast__item.is-gone {
  opacity: 0;
  transform: translateX(12px);
}

.ih-desk-alerts-toast__kicker {
  color: #6a7888;
  font: 700 10px/1 "IBM Plex Mono", monospace;
  letter-spacing: 0.12em;
}

.ih-desk-alerts-toast__title {
  color: #e8edf2;
  font: 700 12px/1.25 "IBM Plex Mono", monospace;
  letter-spacing: 0.04em;
}

.ih-desk-alerts-toast__body {
  color: #9aa6b4;
  font: 600 11px/1.35 "IBM Plex Mono", monospace;
}