/* Moderation: approval queue, reports, warnings, inline moderation, member tools. */

.explain { color: var(--text-muted); font-size: 0.86em; }
.form-inline { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.form-inline .input:not(.input--short):not(.input--medium) { flex: 1 1 200px; width: auto; }
.narrow-form { max-width: 720px; margin-left: auto; margin-right: auto; }

.queue-item-header { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.queue-message { max-height: 320px; overflow: auto; }
.queue-actions { display: flex; flex-wrap: wrap; gap: 18px; }

.mod-list { margin: 0; padding-left: 18px; }
.mod-indent { margin-left: 26px; }
.mod-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--gap); }
.mod-grid > .block { margin-bottom: 0; }
.mod-grid + .block { margin-top: var(--gap); }

.history-header { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.history-text { margin: 0; white-space: pre-wrap; word-break: break-word; font-size: 0.92em; background: var(--code-bg); padding: 10px; border-radius: 6px; max-height: 360px; overflow: auto; }

.report-snippet { margin: 0; padding: 10px 14px; border-left: 3px solid var(--border); background: var(--quote-bg); white-space: pre-wrap; word-break: break-word; }
.report-comment { padding: 10px 14px; border-top: 1px solid var(--border); }
.report-comment:first-child { border-top: 0; }
.report-comment.is-report { background: color-mix(in srgb, var(--warning) 6%, transparent); }
.report-comment-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.report-comment-body { margin-top: 4px; white-space: pre-wrap; word-break: break-word; }

.message-warning { margin-top: 10px; padding: 6px 10px; border-radius: 6px; font-size: 0.9em; color: var(--danger); background: color-mix(in srgb, var(--danger) 8%, transparent); border: 1px solid color-mix(in srgb, var(--danger) 25%, transparent); }
.message-attribution-end { display: inline-flex; gap: 8px; align-items: center; }

.inline-mod-check { width: 16px; height: 16px; margin: 0; cursor: pointer; accent-color: var(--primary); }
.thread-last .inline-mod-check { margin-left: 6px; align-self: center; }
.inline-mod-bar {
  position: sticky; bottom: 12px; z-index: 20;
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
  margin: 12px auto; padding: 8px 12px; max-width: 760px;
  background: var(--surface); border: 1px solid var(--border); border-radius: 8px;
  box-shadow: var(--shadow-lg);
}
.inline-mod-bar[hidden] { display: none; }
.message:has(.inline-mod-check:checked), .thread:has(.inline-mod-check:checked) { background: color-mix(in srgb, var(--primary) 7%, var(--surface)); }

.member-mod-links { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px; }
.member-mod-links a { color: var(--muted-foreground); }
.member-mod-links a:hover { color: var(--foreground); }
.member-mod-links:empty { display: none; }