.log-action { display: inline-block; padding: 3px 10px; border-radius: 4px; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; font-family: var(--font-heading); }
.log-action-login { background: var(--d8-green-50); color: var(--d8-green-600); }
.log-action-logout { background: #F1F5F9; color: var(--text-muted); }
.log-action-create { background: var(--d8-green-50); color: var(--d8-green-600); }
.log-action-update { background: rgba(212,165,32,0.1); color: var(--d8-gold-dark); }
.log-action-delete { background: rgba(220,53,69,0.08); color: var(--red); }
.log-action-default { background: #F1F5F9; color: var(--text-muted); }
.log-details { max-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: var(--text-muted); font-family: monospace; }
.filters-row { display: flex; gap: 16px; margin-bottom: 24px; align-items: end; }