/* Know the offer (staff): the Deals tab. Built from the portal's own offer
   card, chip and head; only the terms list and the staff floor's tab row are new. */

/* The staff floor: Scan and Deals. A tab or panel carrying data-floor shows on
   it. The owner's tabs and panels keep their place and stay hidden. */
.pt-floor-staff .pt-tabrow { display: block; }
.pt-floor-staff .pt-panel[data-panel="deals"]:not(.hidden) { display: block; }

.so-deals { display: grid; gap: var(--tud-space-4); }

.so-deal-body { display: grid; gap: var(--tud-space-2); padding: var(--tud-space-5); min-width: 0; }
.so-deal-top { display: flex; align-items: center; justify-content: space-between; gap: var(--tud-space-3); flex-wrap: wrap; }
.so-deal-discount { font-size: 15px; }
.so-deal-chips { display: inline-flex; gap: var(--tud-space-2); flex-wrap: wrap; }
.so-deal .pt-offer-name { margin: 0; overflow-wrap: anywhere; }
.so-deal-say { margin: 0; white-space: pre-line; overflow-wrap: anywhere; }

.so-terms {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--tud-space-3) var(--tud-space-5);
  margin: var(--tud-space-3) 0 0;
  padding-top: var(--tud-space-4);
  border-top: var(--tud-border-hairline) solid var(--tud-color-border-default);
}
.so-term { min-width: 0; }
.so-term dt { margin: 0; color: var(--tud-color-text-muted); font-size: 12px; font-weight: 700; }
.so-term dd { margin: 2px 0 0; color: var(--tud-color-text-primary); font-size: 15px; font-weight: 700; overflow-wrap: anywhere; }

@media (min-width: 900px) {
  .so-deals { grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); align-items: start; }
}