/* PM24 V342 - Subscription payment history mobile stack */
@media (max-width: 640px){
  .app-subscription .subscription-history-section,
  .app-subscription .subscription-history-section .table-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .app-subscription .subscription-history-section .data-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }
  .app-subscription .subscription-history-section .data-table tbody{
    display:grid!important;
    width:100%!important;
    gap:12px!important;
  }
  .app-subscription .subscription-history-section .data-table tr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    gap:0!important;
    padding:6px 14px!important;
    overflow:hidden!important;
    border:1px solid #dbe6f5!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(31,66,115,.05)!important;
  }
  .app-subscription .subscription-history-section .data-table td,
  .app-subscription .subscription-history-section .data-table td:last-child{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    padding:10px 0!important;
    border:0!important;
    border-bottom:1px solid #edf2f9!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    color:#233d63!important;
    line-height:1.45!important;
  }
  .app-subscription .subscription-history-section .data-table td:last-child{
    border-bottom:0!important;
  }
  .app-subscription .subscription-history-section .data-table td::before{
    content:attr(data-label);
    min-width:0;
    color:#72839c;
    font-size:10px;
    font-weight:900;
    letter-spacing:.07em;
    line-height:1.4;
    text-transform:uppercase;
  }
  .app-subscription .subscription-history-section .data-table td > *,
  .app-subscription .subscription-history-section .data-table td .muted{
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  .app-subscription .subscription-history-section .data-table td .status{
    justify-self:start!important;
    white-space:nowrap!important;
  }
}
@media (max-width: 380px){
  .app-subscription .subscription-history-section .data-table td,
  .app-subscription .subscription-history-section .data-table td:last-child{
    grid-template-columns:78px minmax(0,1fr)!important;
    gap:8px!important;
  }
}