.promotion-service-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0 0 24px; }
.promotion-service-stat { display:grid; grid-template-columns:1fr auto; gap:10px; padding:22px; border:1px solid var(--line); border-radius:14px; color:var(--staff-text); background:var(--panel); text-decoration:none; box-shadow:0 3px 14px #18355805; }
.promotion-service-stat span { grid-column:1 / -1; color:var(--muted); font-size:14px; }
.promotion-service-stat strong { font-size:30px; line-height:1; font-variant-numeric:tabular-nums; }
.promotion-service-stat small { align-self:end; color:var(--muted); }
.promotion-service-stat[aria-current] { border-color:var(--staff-primary); box-shadow:inset 0 3px var(--staff-primary); }
.promotion-service-stat.is-active { background:color-mix(in srgb,var(--panel) 94%,#34a68e); }
.promotion-service-stat.is-scheduled { background:color-mix(in srgb,var(--panel) 94%,#4479de); }
.promotion-service-stat.is-expired { background:color-mix(in srgb,var(--panel) 95%,#888da1); }
.promotion-service-stat.is-suspended { background:color-mix(in srgb,var(--panel) 94%,#d79943); }
.promotion-services-page .service-owner { font-weight:650; }
.promotion-services-page .promotion-service-table td { vertical-align:middle; }
.promotion-services-page .promotion-service-table td:nth-child(4) { white-space:nowrap; }
.promotion-services-page .promotion-service-table small { margin-top:6px; overflow-wrap:anywhere; }
.promotion-services-page .promotion-service-table .btn { white-space:nowrap; }
@media(max-width:850px) {
  .promotion-service-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .promotion-service-stat { padding:16px; }
  .promotion-services-page .promotion-service-table,.promotion-services-page .promotion-service-table table { min-width:0; width:100%; }
  .promotion-services-page .promotion-service-table thead { display:none; }
  .promotion-services-page .promotion-service-table tbody,.promotion-services-page .promotion-service-table tr { display:block; }
  .promotion-services-page .promotion-service-table tr { padding:16px; border-bottom:1px solid var(--line); }
  .promotion-services-page .promotion-service-table td { display:grid; grid-template-columns:84px minmax(0,1fr); border:0; padding:7px 0; overflow-wrap:anywhere; }
  .promotion-services-page .promotion-service-table td::before { content:attr(data-label); color:var(--muted); grid-column:1; grid-row:1 / span 3; }
  .promotion-services-page .promotion-service-table td>* { grid-column:2; justify-self:start; min-width:0; }
  .promotion-services-page .promotion-service-table td:nth-child(4) { white-space:normal; }
  .promotion-service-filters label,.promotion-service-filters .queue-search { width:100%; max-width:none; }
}
