.warn-box { background: var(--red-dim); border: 1px solid rgba(255, 69, 58, 0.45); border-radius: 12px; padding: 10px 14px;
  margin: 0; font-size: 14px; }
.filters { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.filters select { font: inherit; color: var(--text); background: var(--panel-2); border: 1px solid var(--line); border-radius: 8px;
  padding: 4px 8px; margin-left: 6px; }
table.reports tr.sel td { background: var(--panel-2); }
#detail h3 { margin: 22px 0 8px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); }
.captured { margin-top: 14px; border-left: 3px solid var(--green); padding: 8px 12px; background: var(--panel-2); border-radius: 8px;
  font-size: 13.5px; }
.facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 10px 18px; margin-top: 6px; font-size: 14px; }
.facts b { display: block; font-size: 12px; color: var(--muted); font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }
.conv { border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; margin-bottom: 10px; }
.conv-title { font-weight: 650; margin-bottom: 6px; }
.msg { display: grid; grid-template-columns: 150px 1fr; gap: 4px 10px; padding: 5px 0; border-top: 1px solid var(--line);
  font-size: 14px; }
.msg:first-of-type { border-top: 0; }
.msg .when { color: var(--muted); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.msg .who { font-weight: 650; }
.msg.reported .who { color: var(--red); }
.msg.flagged { background: var(--red-dim); border-radius: 6px; }
.msg .body { white-space: pre-wrap; overflow-wrap: anywhere; }
.tag { font-size: 11px; border: 1px solid var(--line); border-radius: 999px; padding: 0 7px; margin-left: 6px; color: var(--muted); }
.tag.deleted { color: var(--amber); border-color: rgba(255, 179, 64, 0.5); }
.item { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 10px;
  padding: 10px 12px; margin-bottom: 8px; }
.item .meta { flex: 1 1 220px; font-size: 13.5px; }
.shot { width: 220px; height: 160px; border-radius: 8px; background: var(--panel-2); display: grid; place-items: center; overflow: hidden; }
.shot img { max-width: 100%; max-height: 100%; filter: blur(28px) grayscale(1); transition: filter 0.2s; }
.shot.revealed img { filter: none; }
.item audio { width: 260px; }
@media (max-width: 640px) { .msg { grid-template-columns: 1fr; } .shot { width: 100%; } }