/* The original market's drawer: the Inbox channel's own card (js/inbox-channel.js), the account
   owner's decision of 21 October 2026. Loaded on the original market's pages only; the Moroccan
   drawer keeps the rows in demo-controls.css exactly as they were. */
#dps-drawer .msg.dps-card { grid-template-columns: 1fr auto; }
#dps-drawer .msg.dps-card.pinned { background: var(--surface-2); }
#dps-drawer .dps-card-pin {
  grid-column: 1 / -1; font-size: 11.5px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: var(--red);
}
/* The picture whole, across the top of the card, as the channel's own card and D-ECOMM's draw it:
   an Inbox picture carries its products, prices and demonstration mark edge to edge, and a crop to
   a fixed height cut the mark off the top and the prices off the bottom. */
#dps-drawer .dps-card-img {
  grid-column: 1 / -1; width: 100%; height: auto; border-radius: 8px;
}
#dps-drawer .dps-card-ctas { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }