/**
 * Payment mobile — tap card for actions (load last).
 */

@media (max-width: 768px) {
  #page-payments .payment-transaction-card--clickable {
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    position: relative !important;
    z-index: 1 !important;
  }

  #page-payments .payment-transaction-card--clickable:active {
    transform: scale(0.995);
    background: #f8fafc !important;
  }

  #page-payments .debt-mobile-card-row,
  #page-payments .debt-mobile-card-row td {
    pointer-events: auto !important;
  }

  #debt-actions-sheet .debt-sheet-action-item {
    display: flex !important;
    align-items: flex-start !important;
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 15px 16px !important;
  }

  #debt-actions-sheet .debt-sheet-action-item--danger .debt-sheet-action-label,
  #debt-actions-sheet .debt-sheet-action-item--danger .debt-sheet-action-sub,
  #debt-actions-sheet .debt-sheet-action-item--danger .debt-sheet-action-icon-wrap {
    color: #dc2626 !important;
  }

  #page-payments .transaction-amount,
  #page-payments .payment-amount,
  #page-payments .transaction-value {
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
  }

  #page-payments .debt-mob-menu-wrap,
  #page-payments .transaction-menu-wrap,
  #page-payments .debt-mob-menu-btn {
    display: none !important;
  }
}

html.is-ios #page-payments .payment-transaction-card--clickable,
html.is-pwa #page-payments .payment-transaction-card--clickable {
  pointer-events: auto !important;
  cursor: pointer !important;
}