/* Super Admin -> Request Log (per-user engagement feed).
 * Companion to the aggregated Performance Dashboard. Classes are rl-prefixed to
 * avoid collisions; layout/typography reuse the shared dash-* + filter-* system. */

.rl-subtitle { margin: 4px 0 0; font-size: 13px; }

.rl-date-group { min-width: 150px; }

.rl-endpoint-group { min-width: 200px; }

.rl-filter-actions { align-self: flex-end; }

/* Engagement summary strip: fewer, wider cards than the 5-up dash KPI strip. */
.rl-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}

.rl-kpi-time { font-size: 16px; }

.rl-feed-card { padding: 16px; }

/* HTTP method chip in front of the endpoint path. */
.rl-method {
  display: inline-block;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.4px;
  padding: 1px 6px;
  border-radius: 4px;
  background: var(--bg);
  border: 1px solid var(--border);
  color: var(--muted);
  margin-right: 6px;
  vertical-align: middle;
}

.rl-endpoint-path { font-size: 12px; word-break: break-all; }

.rl-user-name { font-weight: 600; }

.rl-sub { font-size: 11px; margin-top: 2px; }

/* Status + duration color coding — mirrors the Performance Dashboard palette. */
.rl-status { font-weight: 700; }
.rl-2xx { color: #16a34a; }
.rl-3xx { color: #6366f1; }
.rl-4xx { color: #d97706; }
.rl-5xx { color: #dc2626; }

.rl-dur-slow { color: #d97706; font-weight: 600; }
.rl-dur-veryslow { color: #dc2626; font-weight: 700; }

.rl-col-center { text-align: center; }
.rl-col-right { text-align: right; }
.rl-nowrap { white-space: nowrap; }
.rl-empty { text-align: center; padding: 40px; }

@media (max-width: 900px) {
  .rl-summary { grid-template-columns: 1fr; }
}