.admin-intro { max-width: 60ch; }
.admin-section { padding-block: 2rem; }
.header-actions, .queue-controls, .audit-controls, .dialog-actions,
.card .actions, .card .action-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}
.queue-controls, .audit-controls { margin-bottom: 1.5rem; }
.queue-controls select {
  max-inline-size: 100%;
  font: inherit;
  padding-inline: .5rem;
}
button, select, summary {
  min-inline-size: var(--nomn-touch-min);
  min-block-size: var(--nomn-touch-min);
}
.audit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
  gap: 1rem;
}
.audit-row, .card {
  display: grid;
  gap: .5rem;
  min-width: 0;
  padding: 1rem;
  background: var(--nomn-night-panel);
  border: 1px solid var(--nomn-night-line);
  border-radius: var(--nomn-radius-card);
  overflow-wrap: anywhere;
}
.audit-row p { margin: 0; }
.audit-row summary { padding-block: .65rem; cursor: pointer; }
.audit-row pre {
  max-block-size: 18rem;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: .875rem var(--nomn-font-mono);
}
.audit-time, .subtle { color: var(--nomn-dim); }
.card .meta { display: grid; gap: .25rem; }
.tag, .admin-badge {
  justify-self: start;
  padding: .25rem .5rem;
  border-radius: var(--nomn-radius-button);
  font-weight: 700;
  font-size: .75rem;
  background: var(--nomn-ceiling-light);
  color: var(--nomn-night);
}
dialog {
  max-inline-size: min(32rem, calc(100% - 2rem));
  color: var(--nomn-linen);
  background: var(--nomn-night-panel);
  border: 1px solid var(--nomn-field-border);
  border-radius: var(--nomn-radius-card);
}
.dialog-actions { justify-content: flex-end; margin-top: 1rem; }