.badge.super_admin { background: #eadff7; color: #633493; }
.audit-filter { margin-bottom: 18px; }
.filter-row { display: grid; grid-template-columns: 1.2fr .8fr .8fr auto auto; gap: 12px; align-items: end; }
.audit-panel { padding-top: 10px; }
.audit-list { display: grid; }
.audit-list article { display: grid; grid-template-columns: 145px 12px 1.1fr auto 1.5fr 120px; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.audit-list time, .audit-list small, .audit-list code { color: var(--muted); font-size: .78rem; }
.audit-list small { display: block; margin-top: 3px; }
.audit-list p { margin: 0; font-size: .88rem; }
.audit-list code { text-align: right; }
.audit-dot { width: 8px; height: 8px; border-radius: 50%; background: #8b9691; }
.audit-dot.login { background: #299466; }
.audit-dot.logout { background: #d49a32; }
.audit-dot.login_failed { background: #c34840; }
.badge.login { background: #dceee5; color: #14533b; }
.badge.logout { background: #fff0d6; color: #865912; }
.badge.login_failed { background: #f9dfdc; color: #9a302b; }
@media (max-width: 980px) {
  .filter-row { grid-template-columns: 1fr 1fr; }
  .audit-list article { grid-template-columns: 120px 10px 1fr auto; }
  .audit-list p, .audit-list code { grid-column: 3 / -1; text-align: left; }
}
@media (max-width: 620px) {
  .filter-row { grid-template-columns: 1fr; }
  .audit-list article { grid-template-columns: 10px 1fr auto; }
  .audit-list time { grid-column: 2 / -1; }
  .audit-list p, .audit-list code { grid-column: 2 / -1; }
}