.order-message-anchor{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:2px 5px;max-width:100%}.order-message-badges{display:inline-flex;align-self:flex-start;flex-wrap:wrap;gap:3px;max-width:100%;position:relative;top:-.15em}.order-bubble{background:var(--bubble-color);color:white;border:0;border-radius:12px;font-size:11px;line-height:1.3;min-height:22px;padding:2px 6px;font-weight:600;cursor:pointer;white-space:nowrap}.order-bubble:focus-visible{outline:2px solid #ffb000;outline-offset:2px}.order-bubble.unavailable{background:#586475}.order-message-anchor>.link{font-size:1.15em;font-weight:750;line-height:1.25;text-align:left}.tv .order-bubble{font-size:clamp(10px,.66vw,26px);min-height:0;padding:.15vh .28vw;border-radius:1vw}.tv .order-message-anchor{gap:.1vh .3vw}.tv .order-message-anchor>.link{font-size:1.22em;font-weight:750}

/* Keep white dialogs readable when the board gives the body light text. */
.fullscreen .modal{color:var(--ink)}
.fullscreen .modal:has(.message-item) :is(.modalhead h2,.sub){color:var(--ink)}