/* v111 — payment card: keep actions in the SAME grid row at every compact width.
   Root cause fixed: events.css <=900px assigns .event-card-actions grid-column:1/-1,
   which moved the action block into a second row. On the proportional payment card
   that rule must never apply: date | event copy | actions stay in one approved row. */
@media (max-width:1240px){
  .payment-page .payment-event-scale-shell .event-card-main{
    grid-template-columns:170px minmax(0,1fr) 230px!important;
    grid-template-rows:auto!important;
    align-items:center!important;
  }

  .payment-page .payment-event-scale-shell .event-card-actions{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    justify-content:center!important;
    align-items:stretch!important;
    margin:0!important;
  }
}