/* Requests (S19): O-19's request part and B-01's contact card. */
.bh-o19 { display: grid; gap: var(--space-4); }
.bh-o19 .bh-card { display: grid; gap: var(--space-3); overflow-wrap: anywhere; }
.bh-o19-head { justify-items: start; }
.bh-o19-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.bh-o19-decline { display: grid; gap: var(--space-2); padding: var(--space-3); border-radius: var(--radius-control); background: var(--danger-bg); }
.bh-o19-money { display: grid; gap: var(--space-2); margin: 0; }
.bh-o19-money > div { display: flex; justify-content: space-between; gap: var(--space-3); }
.bh-o19-money dd { margin: 0; text-align: end; }
.bh-o19-message { display: grid; gap: var(--space-1); margin: 0; }
.bh-o19-message blockquote { margin: 0; padding-left: var(--space-3); border-left: 3px solid var(--line); white-space: pre-line; }

/* The owner chip of a request with 4 hours or less left (ST-03): the design system's danger colours. */
.bh-chip--danger { border-color: transparent; background: var(--danger-bg); color: var(--danger-ink); font-size: var(--text-label); line-height: var(--leading-label); }

/* B-01's contact card (B01-contact-card). */
.bh-rq-contact { display: grid; gap: var(--space-2); justify-items: start; overflow-wrap: anywhere; }
.bh-rq-phone { font-size: var(--text-h3); line-height: var(--leading-h3); font-weight: var(--weight-bold); }
.bh-rq-apps { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.bh-rq-locked { display: flex; align-items: flex-start; gap: var(--space-2); color: var(--ink-2); }
.bh-rq-locked > .bh-icon { flex: none; margin-top: 2px; }