/* DroneHQ Notifications Crawler Message Recent v87
   Purpose: show queued pilot messages in the existing Notifications Recent section.
   Scope: Notifications panel content only. No header/layout utility changes. */

.dhq-crawler-message-recent-v87 {
  display: grid;
  gap: 8px;
  margin: 8px 0 10px;
}

.dhq-crawler-message-recent-v87[hidden] {
  display: none !important;
}

.dhq-crawler-message-recent-v87__item {
  border: 1px solid rgba(56, 189, 248, 0.26);
  border-radius: 12px;
  background: rgba(8, 28, 52, 0.72);
  padding: 10px 12px;
}

.dhq-crawler-message-recent-v87__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 4px;
}

.dhq-crawler-message-recent-v87__top strong {
  color: #f8fafc;
  font-size: 0.86rem;
  line-height: 1.2;
}

.dhq-crawler-message-recent-v87__top span {
  color: rgba(203, 213, 225, 0.72);
  font-size: 0.74rem;
  line-height: 1.2;
  white-space: nowrap;
}

.dhq-crawler-message-recent-v87__item p {
  margin: 0;
  color: rgba(226, 232, 240, 0.9);
  font-size: 0.82rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}