/* The Audit Explorer (#audit, js/views/views_audit.js): the event side panel, saved searches, the snapshot pair and
   the SIEM Streaming tab. Builds on admin.css (the hx- platform screens); theme tokens only, every theme. */

/* The event opens in a side panel (an hx dialog with the drawer modifiers): the list stays in view beside it */
.hx-dialog-backdrop.hx-au-drawer-backdrop { justify-content: flex-end; align-items: stretch; padding: 0; }
.hx-dialog.hx-au-drawer, .hx-dialog.hx-au-drawer.is-wide { width: min(760px, 100%); max-height: 100vh; height: 100vh; border-top: 0; border-bottom: 0;
  border-right: 0; border-left: 1px solid var(--border-strong); animation: hx-au-drawer-in var(--cds-moderate-01) ease-out; }
@keyframes hx-au-drawer-in { from { transform: translateX(24px); opacity: .6; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .hx-dialog.hx-au-drawer { animation: none; } }

.hx-au-h4 { font-size: var(--f-ms); font-weight: var(--fw-semibold); margin: 0 0 var(--cds-spacing-02); }
.hx-au-snap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cds-spacing-04); }
.hx-au-snap .hx-pre { margin-top: 0; }

/* The filter grid's cells are one height: the Action field's note sits under the whole grid, not inside its cell, so the second row
   of fields starts one field gap below the first (ent E4: the note made row one 16 px taller and pushed row two down). */
.hx-au-note { margin: 0 0 var(--cds-spacing-04); }

/* Saved searches under the filter buttons */
.hx-au-saved { display: flex; flex-wrap: wrap; gap: var(--cds-spacing-03); align-items: flex-end; margin-top: var(--cds-spacing-04); }
.hx-au-saved .hx-field--inline { min-width: 240px; flex: 0 1 320px; }

/* SIEM Streaming */
.hx-au-head { display: flex; flex-wrap: wrap; gap: var(--cds-spacing-03); align-items: center; margin-bottom: var(--cds-spacing-03); }
.hx-au-head .hx-h2 { margin: 0; }
.hx-au-actions { display: flex; flex-wrap: wrap; gap: var(--cds-spacing-01); }
.hx-au-err { color: var(--cds-text-error, var(--cds-support-error)); }
.hx-au-danger-text { color: var(--cds-text-error, var(--cds-support-error)); }
.hx-au-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--cds-spacing-05); }
.hx-au-secret { display: flex; gap: var(--cds-spacing-03); align-items: center; }
.hx-au-secret .hx-input { flex: 1 1 auto; min-width: 0; font-family: var(--mono); }

@media (max-width: 671px) {
  .hx-au-snap, .hx-au-pair { grid-template-columns: minmax(0, 1fr); }
  .hx-au-saved .hx-field--inline { min-width: 0; flex: 1 1 100%; }
  .hx-au-secret { flex-wrap: wrap; }
}