/* BROKER REPLY CARDS (brokerReplyCards.js, Ed 2026-10-02): a sticky card per broker response, top right, newest on top,
 * at most 5 shown. Skin B: tokens only, square corners, gold only as a marker; status inks from the contrast programme. */
#emr-reply-cards { position: fixed; top: calc(56px + env(safe-area-inset-top, 0px)); right: 12px; z-index: 10060; display: grid; gap: 6px; width: min(320px, calc(100vw - 24px)); }
.emr-reply-card { position: relative; display: grid; gap: 2px; padding: 8px 28px 8px 10px; background: var(--bg2, var(--emr-bg)); color: var(--text); border: 1px solid var(--border2); border-left: 4px solid var(--ink-info); box-shadow: 0 8px 24px rgba(0, 0, 0, .22); border-radius: 0; cursor: pointer; font-size: 12px; }
.emr-reply-card:hover { background: var(--bg3, var(--bg2)); }
.emr-reply-card:focus-visible { outline: 2px solid var(--ink-info); outline-offset: 1px; }
.emr-reply-card.tone-ok { border-left-color: var(--ink-ok); }
.emr-reply-card.tone-bad { border-left-color: var(--ink-bad); }
.emr-reply-card.tone-warn { border-left-color: var(--ink-gold); }
.emr-reply-top { display: flex; align-items: baseline; gap: 6px; }
.emr-reply-top b { font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.emr-reply-simon { font-size: 9.5px; font-weight: 800; letter-spacing: .06em; padding: 0 4px; border: 1px solid var(--text); }
.emr-reply-when { margin-left: auto; font-size: 10.5px; color: var(--text3); white-space: nowrap; }
.emr-reply-what { font-weight: 700; }
.emr-reply-lane { font-size: 11px; color: var(--text2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.emr-reply-x { position: absolute; top: 4px; right: 4px; border: 0; background: none; color: var(--text2); font-size: 13px; line-height: 1; padding: 2px 4px; cursor: pointer; border-radius: 0; }
.emr-reply-x:hover { color: var(--text); }
.emr-reply-more { font-size: 11px; color: var(--text3); text-align: right; padding-right: 2px; }