/* A-11 (S44): the list's filters and table, a conversation's page with its reports and, after "Open", the original
   messages (S43's thread and bubbles, with the hidden parts marked); and the report card under B-10 and O-31's thread */
.bh-ac-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-3) var(--space-4); }
.bh-ac-filters > .bh-field { flex: 1 1 160px; }
.bh-ac-filters > .bh-ac-search { flex: 2 1 240px; }
.bh-ac-filter-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-4); min-height: 44px; }
.bh-ac-section { display: grid; gap: var(--space-3); min-width: 0; }
.bh-ac-section > h2, .bh-ac-section > p { margin: 0; }
.bh-ac-empty { display: grid; gap: var(--space-1); }
.bh-ac-empty > p { margin: 0; }
.bh-admin-table .bh-ac-n { text-align: end; white-space: nowrap; }
.bh-ac-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; }
.bh-ac-card { display: grid; gap: var(--space-3); max-width: 760px; overflow-wrap: anywhere; }
.bh-ac-card > * { margin: 0; }
.bh-ac-facts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--space-2) var(--space-4); margin: 0; }
.bh-ac-facts dt { color: var(--ink-2); }
.bh-ac-facts dd { margin: 0; }
.bh-ac-member { display: block; }
.bh-ac-do { display: grid; gap: var(--space-2); justify-items: start; }
.bh-ac-note { display: grid; gap: var(--space-1); }
.bh-ac-note > blockquote { margin: 0; padding-left: var(--space-3); border-left: 3px solid var(--line); white-space: pre-wrap; }
.bh-ac-thread { max-width: 760px; padding: var(--space-4); border-radius: var(--radius-card); background: var(--sunken); }
.bh-ac-hidden {
  padding: 0 var(--space-1); border-radius: var(--radius-inline); background: var(--warning-bg); color: var(--ink-1);
  outline: 1px dashed var(--warning-ink); -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.bh-report { display: grid; min-width: 0; }
.bh-report-form > .bh-field, .bh-report-form > .bh-banner { width: 100%; }
.bh-report-input { width: 100%; min-height: 96px; resize: vertical; }
.bh-report-sent { display: flex; align-items: flex-start; gap: var(--space-2); }
.bh-report-sent > .bh-icon { flex: none; margin-top: 2px; }