/* ===== v8: larger asset details + readable mobile cash invoice ===== */
@media (min-width:701px){
  #modal:not(.image-modal) .modal-card:has(.asset-detail-hero),
  #modal:not(.image-modal) .modal-card:has(.cash-invoice-only){
    width:min(1120px,calc(100vw - 48px))!important;
    max-width:1120px!important;
    max-height:92vh!important;
    padding:24px!important;
    border-radius:22px!important;
  }
  #modal .asset-detail-hero{gap:18px!important;padding-bottom:18px!important}
  #modal .asset-detail-icon{width:70px!important;height:70px!important;font-size:36px!important}
  #modal .asset-detail-hero span{font-size:12px!important}
  #modal .asset-detail-hero h3{font-size:25px!important}
  #modal .asset-detail-hero small{font-size:12px!important}
  #modal .asset-detail-grid{gap:12px!important;margin:18px 0!important}
  #modal .asset-detail-grid div{padding:15px!important;border-radius:14px!important}
  #modal .asset-detail-grid span{font-size:12px!important;margin-bottom:7px!important}
  #modal .asset-detail-grid b{font-size:16px!important}
  #modal .asset-invoice-inline{padding:14px!important;border-radius:16px!important}
  #modal .asset-invoice-inline .invoice-inline-head{padding:11px 13px!important}
  #modal .asset-invoice-inline .invoice-inline-head b{font-size:16px!important}
  #modal .asset-invoice-inline .invoice-inline-head small{font-size:12px!important}
  #modal .asset-invoice-inline .invoice-table{font-size:15px!important;min-width:900px!important}
  #modal .asset-invoice-inline .invoice-table th,#modal .asset-invoice-inline .invoice-table td{padding:11px 9px!important}
  #modal .asset-invoice-inline .invoice-status{font-size:13px!important;padding:6px 9px!important}
}
@media (max-width:700px){
  /* خوانایی صورتحساب قدرت خرید در موبایل */
  .cash-invoice-modal .modal-card{padding:14px!important;border-radius:18px!important}
  .cash-invoice-modal .invoice-inline-head{padding:10px!important}
  .cash-invoice-modal .invoice-inline-head b{font-size:16px!important}
  .cash-invoice-modal .invoice-inline-head small{font-size:13px!important}
  .cash-invoice-modal .cash-invoice-only .invoice-table{font-size:14px!important;min-width:900px!important}
  .cash-invoice-modal .cash-invoice-only .invoice-table th,
  .cash-invoice-modal .cash-invoice-only .invoice-table td{font-size:14px!important;padding:10px 8px!important}
  .cash-invoice-modal .cash-invoice-only .invoice-status{font-size:12px!important;padding:5px 7px!important}
  .cash-invoice-modal .invoice-page-label{font-size:14px!important}

  /* واریز/برداشت وجه: کارت‌های موبایل مرتب و شکیل */
  .modal-card .bank-form{gap:7px!important;padding:2px!important}
  .modal-card .bank-form h3{font-size:20px!important;margin:0 0 3px!important;color:#173021}
  .modal-card .bank-form>p.muted{font-size:11px!important;line-height:1.9!important;margin:0 0 8px!important}
  .modal-card .bank-form>label{font-size:11px!important;margin:7px 0!important}
  .modal-card .bank-form input,.modal-card .bank-form select{min-height:46px!important;padding:11px 12px!important;border-radius:13px!important;font-size:14px!important}
  .modal-card .payment-info{margin:8px 0 12px!important;padding:13px!important;border-radius:17px!important}
  .modal-card .payment-info-title{font-size:16px!important}
  .modal-card .payment-info-note{font-size:11px!important;line-height:1.9!important}
  .modal-card .copy-payment-row{min-height:54px!important;padding:9px 11px!important;border-radius:13px!important}
  .modal-card .copy-payment-row small{font-size:10px!important}
  .modal-card .copy-payment-row b{font-size:13px!important}
  .modal-card .copy-payment-row strong{font-size:11px!important;padding:6px 9px!important}
  .modal-card .payment-owner{font-size:11px!important;line-height:1.9!important}
  .modal-card .receipt-pick{gap:8px!important;margin:10px 0!important}
  .modal-card .receipt-pick button{min-height:48px!important;border-radius:13px!important;font-size:11px!important}
  .modal-card .bank-form>.primary.wide,.modal-card .bank-form>.secondary.wide{min-height:46px!important;border-radius:13px!important;font-size:12px!important;margin-top:5px!important}
  .modal-card #cashWithdrawBanks{display:grid;gap:7px;margin:5px 0 4px}
  .modal-card .bank-choice{margin:0!important;padding:12px!important;border-radius:14px!important;background:#fbfefc!important}
  .modal-card .bank-choice.selected{box-shadow:0 0 0 2px rgba(21,148,71,.08),0 7px 18px rgba(21,148,71,.07)!important}
  .modal-card .bank-choice>span{gap:5px!important}
  .modal-card .bank-choice>span b{font-size:12px!important}
  .modal-card .bank-choice small{font-size:10px!important}
}