/* Admin · Audit — page-specific only. */

.au-banner {
  background: var(--adm-warn-bg); border: 1px solid var(--adm-warn-bd); color: var(--adm-warn-fg);
  border-radius: 14px; padding: 14px 18px; font-size: 13.5px; line-height: 1.6;
}
.au-banner strong { font-family: "Poppins", sans-serif; }

/* Tracks measured against real content: names are the widest value, the counts are 1-3 digits and
   "06 Aug, 16:30" fixes the last column. */
.au-table { --adm-cols: minmax(220px, 2.2fr) minmax(140px, 1fr) 88px 108px 96px 132px; }
/* Six columns now, matching the design. Measured: "06 Aug, 16:30" 118px, type pill 108px, the action
   sentence takes the fr, organisation and target ~150px each, IP 118px. */
.au-log-table { --adm-cols: 118px 108px minmax(240px, 2.4fr) minmax(130px, 1fr) minmax(130px, 1fr) 118px; }

.au-person { display: flex; align-items: center; gap: 12px; min-width: 0; }

/* Destructive is its own column and reads as a figure, not a footnote. */
.au-destructive { font-family: "Poppins", sans-serif; font-weight: 800; font-size: 15px; color: var(--adm-muted); }
.au-destructive--on { color: var(--adm-bad-fg); }

.au-what { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.au-diff { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
.au-before { background: var(--adm-bad-bg); border: 1px solid var(--adm-bad-bd); color: var(--adm-bad-fg); border-radius: 6px; padding: 2px 7px; text-decoration: line-through; }
.au-after { background: var(--adm-ok-bg); border: 1px solid var(--adm-ok-bd); color: var(--adm-ok-fg); border-radius: 6px; padding: 2px 7px; }
.au-arrow { color: var(--adm-muted); font-weight: 700; }
.au-stat-small { font-size: 16px; }
.au-caveat { line-height: 1.6; max-width: 820px; }

/* Two summary panels under the log. */
.au-foot { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; align-items: start; }
.au-mini { display: flex; flex-direction: column; gap: 11px; }
.au-mini-row { display: grid; grid-template-columns: 116px minmax(0, 1fr) 40px; gap: 12px; align-items: center; font-size: 14px; }

.au-banner--ok { background: var(--adm-ok-bg); border-color: var(--adm-ok-bd); color: var(--adm-ok-fg); }
.au-banner--bad { background: var(--adm-bad-bg); border-color: var(--adm-bad-bd); color: var(--adm-bad-fg); }
.au-note-inline { font-size: 11.5px; color: var(--adm-muted); }

/* The destructive series is dashed in the chart, so its legend swatch is too. */
.au-legend-dash { background: repeating-linear-gradient(90deg, #C0392B 0 5px, transparent 5px 9px); }