/* Conversation-first oversight, scoped away from other admin pages. */
.studio-interface .page-content:has(.chat-monitor-workspace) { padding: 16px 24px; max-width: none; }
.studio-interface .chat-monitor-workspace { height: auto; min-height: 0; display: flex; flex-direction: column; gap: 10px; }
.studio-interface #content .chat-monitor-hero { padding: 12px 18px; margin: 0; flex-shrink: 0; }
.studio-interface #content .chat-monitor-hero h2 { font-size: 19px; }
.chat-monitor-hero .directory-page-eyebrow, .chat-monitor-hero .chat-privacy-note { display: none; }
.chat-monitor-hero p { margin: 4px 0 0; }
.chat-monitor-stat-details, .chat-moderation-settings { flex-shrink: 0; border: 1px solid var(--border); border-radius: 12px; background: white; }
.chat-monitor-stat-details > summary, .chat-moderation-settings > summary { cursor: pointer; padding: 10px 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 18px; font-weight: 600; }
.chat-monitor-stat-details > summary b { padding-inline-start: 8px; font-size: 21px; color: #205cce; }
.chat-monitor-stat-details > summary small, .chat-moderation-settings > summary span { margin-inline-start: auto; color: #64758e; }
.chat-monitor-stat-details > section { padding: 12px; max-height: 230px; overflow-y: auto; }
.studio-interface #content .chat-moderation-settings { padding: 0; margin: 0; }
.chat-moderation-settings[open] { max-height: 45dvh; overflow-y: auto; }
.chat-moderation-settings > :not(summary) { margin: 14px 18px; }
.chat-rule-row { display: grid; grid-template-columns: minmax(160px,2fr) minmax(120px,1fr) 120px auto auto; align-items: end; gap: 10px; padding: 12px; margin-block-end: 8px; border: 1px solid var(--border); border-radius: 10px; }
.chat-rule-row label { display: grid; gap: 5px; }
.chat-rule-row input:not([type=checkbox]), .chat-rule-row select { width: 100%; min-width: 0; }
.chat-rule-row .check-row { display: flex; align-self: center; }
.chat-moderation-settings .directory-head { display: block; }
.chat-moderation-settings .directory-head p { margin-top: 8px; }
.studio-interface #content .chat-monitor-filters { padding: 10px 16px; margin: 0; flex-shrink: 0; }
.chat-review-shortcuts { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
.chat-review-shortcuts [aria-pressed=true] { background: #eaf1ff; color: #1756c0; border-color: #7faaff; }
.chat-monitor-advanced { max-height: 28dvh; overflow-y: auto; }
.studio-interface .chat-monitor-workspace .chat-monitor-main-grid { flex: none; height: clamp(620px, calc(100dvh - 120px), 960px); min-height: 620px; display: grid; grid-template-columns: minmax(260px,32%) minmax(0,1fr); gap: 12px; }
.studio-interface .chat-monitor-workspace .chat-monitor-list, .studio-interface .chat-monitor-workspace .chat-monitor-thread { padding: 14px; margin: 0; min-height: 0; min-width: 0; overflow: hidden; display: flex; flex-direction: column; border-radius: 14px; }
.chat-monitor-workspace .chat-monitor-list-head, .chat-monitor-workspace .chat-monitor-thread-head { flex-shrink: 0; }
.studio-interface .chat-monitor-workspace .chat-monitor-conversations { flex: 1; min-height: 0; max-height: none; overflow-y: auto; overscroll-behavior: auto; }
.chat-monitor-workspace .chat-monitor-conversations > *, .chat-monitor-workspace .chat-monitor-message-list > * { flex-shrink: 0; }
.chat-monitor-workspace .chat-monitor-conversation.active { background: #edf4ff; outline: 2px solid #3878e3; outline-offset: -2px; }
.chat-monitor-workspace .chat-monitor-pagination { flex-shrink: 0; padding-top: 10px; }
.studio-interface .chat-monitor-workspace .chat-monitor-message-list { flex: 1; min-height: 80px; max-height: none; overflow-y: auto; background: #f6f8fc; overscroll-behavior: auto; }
.chat-monitor-workspace .chat-monitor-thread-head p { margin-top: 2px !important; }
.chat-monitor-workspace .chat-monitor-note { margin: 4px 0; }
.chat-monitor-workspace .chat-thread-search { display: flex; align-items: center; gap: 12px; margin: 8px 0; }
.chat-monitor-workspace .chat-thread-search input { flex: 1; min-width: 0; padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; }
.chat-monitor-workspace .chat-monitor-message { max-width: 90%; overflow-wrap: anywhere; }
.chat-monitor-workspace .chat-monitor-message p { white-space: pre-wrap; }
.chat-monitor-workspace .chat-monitor-message mark { background: #ffe6ae; color: #573c0d; padding: 1px 2px; border-radius: 3px; }
.chat-message-options summary { cursor: pointer; color: #4e6381; font-size: 12px; padding-top: 8px; }
.chat-monitor-workspace .chat-moderation-actions { flex-wrap: wrap; }
.chat-monitor-workspace .btn-subtle-danger { padding: 8px 12px; border: 1px solid #ecc1bd; border-radius: 8px; color: #a52b28; background: #fff6f5; cursor: pointer; }
.chat-monitor-workspace summary:focus-visible { outline: 3px solid #84adf4; outline-offset: 2px; }
@media(max-width:900px) {
  .chat-rule-row { grid-template-columns: 1fr 1fr; }
  .studio-interface .chat-monitor-workspace { height: auto; min-height: 0; }
  .studio-interface .chat-monitor-workspace .chat-monitor-main-grid { grid-template-columns: 1fr; height: auto; min-height: 0; }
  .studio-interface .chat-monitor-workspace .chat-monitor-conversations { max-height: 280px; }
  .studio-interface .chat-monitor-workspace .chat-monitor-message-list { max-height: 60dvh; }
  .chat-monitor-stat-details > summary { gap: 10px; }
}