.chat-monitor-panel { margin: 0 0 18px; }
.chat-monitor-summary { padding: 12px 17px; font-size: 12px; line-height: 1.6; }
.chat-monitor-panel .table-wrap { overflow-x: auto; }
.chat-monitor-panel table { min-width: 1120px; font-size: 12px; }
.chat-monitor-panel td:first-child { min-width: 135px; max-width: 185px; }
.chat-monitor-panel td:nth-child(2) { min-width: 155px; }
.chat-monitor-panel td small { margin-top: 4px; }
.chat-monitor-panel details { min-width: 150px; }
.chat-monitor-panel details summary { cursor: pointer; color: var(--green); }
.chat-monitor-panel details ol { padding-left: 17px; line-height: 1.8; }
.chat-monitor-panel .model-filter { background: var(--surface); }
.media-navigation { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.media-navigation a { padding: 6px 14px; border-radius: 999px; background: var(--surface); color: inherit; text-decoration: none; font-size: 13px; border: 1px solid rgba(127, 127, 127, .25); }
.media-navigation a:hover, .media-navigation a:focus-visible { border-color: var(--green); outline: none; }
.operator-brief { margin: 0 0 18px; padding: 12px 17px; border-radius: 10px; background: var(--surface); border-left: 4px solid var(--green); }
.operator-brief p { margin: 4px 0 0; font-size: 14px; line-height: 1.6; }
.media-section { margin: 0 0 18px; scroll-margin-top: 12px; }
.media-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin: 6px 0 10px; }
.media-section-heading h2 { margin: 0; }
.media-summary { display: flex; flex-wrap: wrap; gap: 8px 22px; padding: 12px 17px; font-size: 13px; }
.collector-coverage { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 17px 0; }
.collector-pill { display: inline-flex; flex-direction: column; padding: 6px 10px; border-radius: 8px; background: var(--surface); font-size: 12px; }
.collector-pill.bad { border: 1px solid currentColor; }
.pagination-controls { display: flex; align-items: center; gap: 8px; }
.page-size select { margin-left: 4px; }
#chat-attachment-dialog { width: min(960px, 94vw); max-height: 90vh; overflow: auto; }
.attachment-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; padding: 12px 0; }
.attachment-card { margin: 0; padding: 8px; border-radius: 8px; background: var(--surface); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.attachment-card figcaption { display: flex; flex-direction: column; gap: 3px; font-size: 12px; min-width: 0; }
.attachment-card figcaption strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attachment-card a { color: var(--green); }
.attachment-wide { grid-column: 1 / -1; }
.attachment-wide iframe { width: 100%; height: 60vh; border: 0; border-radius: 6px; background: #fff; }
.attachment-thumb { padding: 0; border: 0; background: none; cursor: zoom-in; }
.attachment-thumb img { width: 100%; height: 150px; object-fit: cover; border-radius: 6px; display: block; }
.attachment-thumb:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.attachment-icon { height: 80px; display: grid; place-items: center; border-radius: 6px; border: 1px dashed rgba(127, 127, 127, .4); font-weight: 700; }
.attachment-zoom { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 12px 0; }
.attachment-zoom img { max-width: 100%; max-height: 72vh; object-fit: contain; align-self: center; }
.attachment-zoom.hidden, #chat-attachment-body.hidden { display: none; }