/* Only native Rooms cards mounted by the optional cover-photo adapter. */
.dm-item.rs-cover-photo-item .rs-cover-photo-meta-row { display: flex; align-items: center; gap: 6px; min-height: 36px; }
.dm-item.rs-cover-photo-item .rs-cover-photo-meta-row .dm-item-meta { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.dm-item.rs-cover-photo-item .rs-cover-photo-date,
.dm-item.rs-cover-photo-item .rs-cover-photo-time { display: block; line-height: 1.3; }
.dm-item.rs-cover-photo-item .rs-cover-photo-trigger { display: grid; flex: 0 0 36px; place-items: center; width: 36px; height: 36px; min-height: 36px; margin: 0; padding: 6px; border: 1px solid rgba(8,24,29,.12); border-radius: 11px; background: #fff; color: #08181d; box-shadow: none; cursor: pointer; }
.dm-item.rs-cover-photo-item .rs-cover-photo-icon { display: block; width: 24px; height: 24px; background: url('/roomscribe-icons/add-cover-image.svg?v=cover-tweaks-20261011') center / contain no-repeat; }
.dm-item.rs-cover-photo-item .rs-cover-photo-trigger[aria-pressed="true"] { border-color: #0b916a; background: #ddf8eb; box-shadow: inset 0 0 0 1px #0b916a; }
.dm-item.rs-cover-photo-item .rs-cover-photo-trigger:focus-visible { outline: 3px solid #0b916a; outline-offset: 3px; }
.dm-item.rs-cover-photo-item .rs-cover-photo-trigger:disabled { cursor: wait; opacity: .55; }
/* The existing two-column phone grid stays intact; only this control row compacts. */
@media (max-width: 360px) {
  .dm-item.rs-cover-photo-item .rs-qpn-meta-row,
  .dm-item.rs-cover-photo-item .rs-cover-photo-meta-row { gap: 4px; margin-left: -4px; margin-right: -4px; }
  .dm-item.rs-cover-photo-item .rs-qpn-trigger,
  .dm-item.rs-cover-photo-item .rs-cover-photo-trigger { flex-basis: 28px; width: 28px; height: 36px; min-height: 36px; padding: 4px; }
  .dm-item.rs-cover-photo-item .rs-qpn-icon,
  .dm-item.rs-cover-photo-item .rs-cover-photo-icon { width: 20px; height: 20px; }
  .dm-item.rs-cover-photo-item .dm-item-meta { font-size: 10px; }
  .dm-item.rs-cover-photo-item .rs-cover-photo-date,
  .dm-item.rs-cover-photo-item .rs-cover-photo-time { white-space: nowrap; overflow-wrap: normal; }
}