/* prrp_admin 1.15.24 – Audit-logg (web/audit.js). Bygger på mango.css (.mg-card, .mg-filter, .mg-input, .mg-term, .mg-line). */
.au { display: flex; flex-direction: column; min-height: 0; height: 100%; }
.au-body { flex: 1; min-height: 0; display: grid; grid-template-columns: 196px minmax(0, 1fr); gap: 12px; padding: 12px; }
.au-filter { border: 1px solid var(--mg-line); border-radius: var(--mg-r); background: var(--mg-card); overflow: auto; min-height: 0; align-self: stretch; }
.au-main { display: flex; flex-direction: column; gap: 10px; min-width: 0; min-height: 0; }
.au-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.au-tools .au-x.hidden { display: none; }
.au-term { flex: 1; min-height: 360px; }
.au-term .mg-term-b { max-height: none; }

/* filtrets ikoner i samma färg som raderna */
.au-ic.au-kill, .au-ic.au-ban, .au-ic.au-larm { color: #ff6b6b; }
.au-ic.au-kick { color: #ff7a59; }
.au-ic.au-varning { color: var(--mg-amber); } .au-ic.au-moderering { color: #f5a524; } .au-ic.au-arende { color: #ff9a6b; }
.au-ic.au-teleport { color: var(--mg-blue); } .au-ic.au-pengar { color: var(--mg-green2); } .au-ic.au-foremal { color: #f2c94c; }
.au-ic.au-spelare { color: #2ec5b6; } .au-ic.au-server { color: #f5b83d; } .au-ic.au-personal { color: var(--mg-purple); }
.au-ic.au-all { color: var(--mg-text2); }

/* namn i raderna: aktör blå, mål ljus, klick filtrerar */
.mg-line .who .au-nm { cursor: pointer; border-radius: 3px; }
.mg-line .who .au-nm:hover { text-decoration: underline; }
.mg-line .who .tg { color: var(--mg-text); }
.mg-line .who .au-id { color: var(--mg-muted); }
.au-keep { flex: none; font-size: 9px; font-weight: 700; letter-spacing: .04em; color: var(--mg-amber); border: 1px solid rgba(245, 184, 61, .45); background: rgba(245, 184, 61, .1); border-radius: 3px; padding: 0 4px; line-height: 14px; }


@media (max-width: 900px) {
  .au-body { grid-template-columns: 1fr; }
  .au-filter { max-height: 180px; }
  .au-tools { grid-template-columns: 1fr; }
}

/* meddelandet (egen klass: .msg är redan en ruta i style.css) */
.au-term .mg-line .k { width: 72px; }
.au-term .mg-line .au-msg { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--mg-text); }
.au-term .mg-line.kill .au-msg { color: #ff8a8a; }
.au-term .mg-line.flag .au-msg { color: #ffb4b4; }