/* Staff moderation queue (/admin/moderation). Minimal; uses tokens from app.css. */
.mod-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.mod-list { display: grid; gap: 18px; }
.mod-item { display: grid; grid-template-columns: minmax(0, 320px) 1fr; gap: 18px; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card, transparent); }
.mod-player { width: 100%; max-height: 360px; border-radius: 10px; background: #000; }
.mod-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.mod-head h3 { font-size: 17px; margin-right: auto; overflow-wrap: anywhere; }
.mod-verdict { font-size: 12px; font-weight: 700; padding: 2px 10px; border-radius: 999px; }
.mod-verdict-allow { background: rgba(60, 200, 120, .18); color: #4fd18b; }
.mod-verdict-review { background: rgba(255, 190, 60, .18); color: #ffc04d; }
.mod-verdict-block { background: rgba(255, 80, 80, .18); color: #ff6b6b; }
.mod-desc, .mod-meta { color: var(--muted); font-size: 14px; margin: 6px 0; overflow-wrap: anywhere; }
.mod-reasons { margin: 8px 0; padding-left: 18px; font-size: 14px; }
.mod-cats { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.mod-frames { display: flex; gap: 6px; overflow-x: auto; padding: 6px 0; }
.mod-frames a { position: relative; flex: 0 0 auto; }
.mod-frames img { height: 72px; border-radius: 6px; display: block; }
.mod-frames span { position: absolute; right: 4px; bottom: 3px; font-size: 11px; background: rgba(0, 0, 0, .65); color: #fff; padding: 0 4px; border-radius: 4px; }
.mod-transcript { font-size: 14px; margin: 6px 0; }
.mod-transcript p { color: var(--muted); max-height: 160px; overflow: auto; }
.mod-actions { display: flex; gap: 8px; margin-top: 12px; }
@media (max-width: 720px) { .mod-item { grid-template-columns: 1fr; } }

/* Game-match / NSFW line of the one-call check */
.mod-game-bad { color: var(--c-danger); font-weight: 600; }