.event-kpi-matrix-head,
.event-kpi-matrix-row {
  grid-template-columns: minmax(105px, 1.2fr) repeat(var(--event-manager-columns, 3), minmax(62px, .8fr));
}

.event-performance-rail { overflow-x: auto; }

.event-kpi-matrix-head b:last-child {
  background: rgba(255, 255, 255, .08);
}

.event-kpi-matrix-row .event-kpi-total {
  background: #ecfdf5;
  color: #065f46;
  font-weight: 900;
}

.event-kpi-matrix-row.event-kpi-combined {
  border-top: 2px solid #94a3b8;
  background: #f0fdfa;
}

.event-kpi-matrix-row.event-kpi-combined span,
.event-kpi-matrix-row.event-kpi-combined strong {
  font-weight: 900;
}

.event-result.checked {
  cursor: pointer;
}

.event-result.checked .event-result-status {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 2px;
}

.event-result.checked .event-result-status b {
  color: #0f766e;
  font-size: 10px;
  text-transform: uppercase;
}

.event-selected-card.event-additional-arrival {
  border-color: #f59e0b;
  background: #fffbeb;
}

.event-recent-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  padding: 9px 4px 0;
  border-top: 1px solid #e2e8f0;
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
}

.event-recent-pagination > div,
.event-recent-pagination label {
  display: flex;
  align-items: center;
  gap: 7px;
}

.event-recent-pagination select {
  height: 28px;
  min-width: 52px;
  padding: 0 22px 0 8px;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  background: #fff;
  color: #0f172a;
  font-size: 11px;
  font-weight: 800;
}

.event-recent-pagination button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  background: #fff;
  color: #0f766e;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.event-recent-pagination button:disabled {
  color: #94a3b8;
  background: #f8fafc;
  cursor: not-allowed;
}

@media (max-width: 780px) {
  .event-kpi-matrix-head,
  .event-kpi-matrix-row {
    grid-template-columns: minmax(105px, 1.25fr) repeat(var(--event-manager-columns, 3), minmax(56px, .75fr));
  }

  .event-kpi-matrix-head b {
    padding: 7px 3px;
    font-size: 9px;
  }

  .event-kpi-matrix-row span {
    padding: 0 8px;
  }

  .event-recent-pagination {
    align-items: stretch;
    flex-direction: column;
  }

  .event-recent-pagination > div {
    justify-content: space-between;
  }
}