/* A-02's counter, A-19 the approval queue and A-20 the decision page (D35) */
.bh-queues { display: grid; gap: var(--space-3); }
.bh-queue-card { display: grid; gap: var(--space-1); max-width: 320px; color: var(--ink-1); text-decoration: none; }
.bh-queue-card:hover { border-color: var(--border-input); color: var(--ink-1); text-decoration: none; }
.bh-queue-label { font-weight: var(--weight-bold); }
.bh-queue-count { font-size: var(--text-h1); line-height: var(--leading-h1); font-weight: var(--weight-bold); }

.bh-review-card { display: grid; gap: var(--space-3); max-width: 760px; }
.bh-review-flags { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.bh-review-flags li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-2); }
.bh-review-match { padding: 0 var(--space-1); border-radius: 4px; background: var(--sunken); overflow-wrap: anywhere; }
.bh-review-facts { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-1) var(--space-4); margin: 0; }
.bh-review-facts dt { color: var(--ink-2); font-size: var(--text-small); line-height: var(--leading-small); }
.bh-review-facts dd { display: grid; gap: var(--space-1); margin: 0 0 var(--space-2); }
.bh-review-facts dd p { margin: 0; }
.bh-review-form { display: grid; gap: var(--space-3); }
.bh-review-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.bh-review-listing { display: grid; gap: var(--space-3); }
.bh-review-frame { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--page); }

@media (min-width: 768px) {
  .bh-review-facts { grid-template-columns: 160px minmax(0, 1fr); }
  .bh-review-facts dd { margin: 0; }
}