/* bleed-card (11 Nov): the Sales Agent's card above an open client chat in Conversations
   (bleed-card.js). Moved from the first Sales Agent's sheet when that agent was retired: the
   same look, compact, under the card's own names. */
.bd-cc { position: relative; display: grid; gap: 8px; padding: 10px 14px 12px; border: 1px solid var(--gold-line); border-radius: var(--r-lg); background: var(--paper); box-shadow: 0 0 0 3px var(--gold-soft), var(--shadow-1); }
#bd-conv-card { margin: 10px clamp(12px, 2vw, 24px) 0; max-height: 46vh; overflow-y: auto; }
.side-chat.bd-has-card { grid-template-rows: auto auto 1fr auto; }
.bd-cc-head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.bd-cc-title { display: inline-flex; align-items: center; gap: 8px; color: var(--accent3); letter-spacing: .22em; margin-right: auto; }
.bd-cc-mark { width: 8px; height: 8px; transform: rotate(45deg); border: 1px solid var(--gold); background: linear-gradient(135deg, var(--gold), transparent 70%); }
.bd-cc-head .side-note { margin: 0; font-size: 11.5px; }
.bd-cc-collapse { padding: 2px 8px; }
.bd-cc-reply { display: grid; gap: 8px; }
.bd-cc-part { padding: 8px 12px; border-radius: 14px 14px 4px 14px; background: var(--accent2); border: 1px solid var(--gold-line); }
.bd-cc-part p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.55; font-size: 13.5px; }
.bd-cc-part-n { display: block; margin-bottom: 2px; font: 600 10px var(--text); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.bd-cc-noreply { margin: 0; padding: 10px 14px; border: 1px dashed var(--rule2); border-radius: var(--r); color: var(--soft); }
.bd-cc-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.bd-cc-actions button { padding: 6px 12px; }
.bd-cc-send { min-width: 150px; }
.bd-cc-notice, .bd-cc-why { margin: 0; font-size: 12.5px; line-height: 1.5; }
.bd-cc-notice { color: var(--ink2); }

@media (max-width: 700px) {
  .bd-cc-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .bd-cc-send { grid-column: 1 / -1; min-width: 0; }
  #bd-conv-card { margin: 8px 8px 0; max-height: none; }
}