/* ── Event History ─────────────────────────────────────────── */
.evt-badge {
  display: inline-block;
  font-family: var(--fm); font-size: 10px; font-weight: 700;
  letter-spacing: .06em; padding: 2px 8px; border-radius: 3px;
  text-transform: uppercase; white-space: nowrap;
}
.evt-badge.trip   { background: rgba(239,68,68,.18);   color: #f87171; }
.evt-badge.run    { background: rgba(16,185,129,.18);  color: #34d399; }
.evt-badge.alarm  { background: rgba(245,158,11,.18);  color: #fbbf24; }
.evt-badge.normal { background: rgba(148,163,184,.18); color: #94a3b8; }
.evt-badge.change { background: rgba(96,165,250,.18);  color: #60a5fa; }

.evt-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.evt-summary-item {
  background: var(--s2);
  border: 1px solid var(--bd);
  border-radius: var(--r);
  padding: 14px 16px;
}

.evt-summary-section {
  font-family: var(--fm); font-size: 13px; font-weight: 700;
  color: var(--t0); margin-bottom: 10px;
}

.evt-summary-counts {
  display: flex; gap: 10px; flex-wrap: wrap;
}

.evt-count {
  display: flex; align-items: center; gap: 5px;
  font-family: var(--fm); font-size: 11px; color: var(--t2);
}

.evt-count strong { font-size: 14px; color: var(--t0); }

.evt-total {
  font-family: var(--fm); font-size: 11px; color: var(--t2);
  margin-top: 8px; padding-top: 8px;
  border-top: 1px solid var(--bd);
}

.evt-total strong { color: var(--t0); }
