/* IRAQ STORES V3.5.6 - real mobile payment cards instead of table cells */
.admin-payment-mobile-list{display:none}
@media(max-width:767px){
 #admin-payments{min-width:0!important;width:100%!important;padding:14px 12px!important}
 #admin-payments .admin-table-tools{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 #admin-payments .admin-table-tools label,#admin-payments .admin-table-tools input,#admin-payments .admin-table-tools select{width:100%!important;min-width:0!important;max-width:100%!important}
 #admin-payments .admin-readable-table{display:none!important}
 #admin-payments .admin-payment-mobile-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px;margin-top:14px;min-width:0}
 #admin-payments .admin-payment-mobile-item{min-width:0;width:100%;max-width:100%;overflow:hidden;background:#fff;border:1px solid #cfdce8;border-radius:6px;padding:0;box-shadow:0 4px 16px rgba(11,38,67,.04)}
 #admin-payments .admin-payment-mobile-item[hidden],#admin-payments .payment-mobile-no-match[hidden]{display:none!important}
 #admin-payments .payment-mobile-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;background:#f4f8fc;border-bottom:1px solid #dbe5f0}
 #admin-payments .payment-mobile-heading>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
 #admin-payments .payment-mobile-heading small{font-size:11px;color:#627b91}
 #admin-payments .payment-mobile-heading strong{font-size:16px;color:#173c63;letter-spacing:.2px;font-weight:850;direction:ltr;unicode-bidi:isolate}
 #admin-payments .payment-mobile-heading .admin-payment-status{font-size:10px!important;max-width:52%;white-space:normal!important;text-align:center;flex:0 0 auto}
 #admin-payments .payment-mobile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:2px 8px}
 #admin-payments .payment-detail{display:flex;flex-direction:column;gap:3px;padding:11px 8px;min-width:0;border-bottom:1px solid #edf1f5}
 #admin-payments .payment-detail:nth-child(odd){border-inline-end:1px solid #edf1f5}
 #admin-payments .payment-detail span,#admin-payments .payment-mobile-voucher>span{font-size:10.5px;color:#657d92;font-weight:650}
 #admin-payments .payment-detail strong{font-size:13px;line-height:1.7;color:#1b3c59;font-weight:800;overflow-wrap:anywhere;word-break:normal}
 #admin-payments .payment-detail bdi{font-variant-numeric:tabular-nums;direction:ltr}
 #admin-payments .payment-mobile-voucher{padding:12px 15px 15px;border-top:1px solid #e7edf3;background:#fff}
 #admin-payments .payment-mobile-voucher .voucher-cell{display:flex;flex-direction:column;align-items:stretch;min-width:0;width:100%;gap:8px;margin-top:5px}
 #admin-payments .payment-mobile-voucher .voucher-plain{display:block;font-size:15px!important;font-weight:800!important;letter-spacing:.15px!important;line-height:1.7!important;text-align:left;direction:ltr;unicode-bidi:isolate;white-space:normal!important;word-break:break-all;overflow-wrap:anywhere;background:#f6f9fc;border:1px solid #e2eaf3;padding:9px 11px;border-radius:4px;width:100%;box-sizing:border-box}
 #admin-payments .payment-mobile-voucher .admin-copy-card{width:100%;font-size:12px;min-height:41px;border-radius:4px}
 #admin-payments .payment-mobile-actions{border-top:1px solid #e6edf5;padding:14px;min-width:0;width:100%;margin:0;box-sizing:border-box}
 #admin-payments .payment-mobile-actions .verify-check{margin:0!important;display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px;min-width:0}
 #admin-payments .payment-mobile-actions .verify-note{margin:11px 0!important}
 #admin-payments .payment-mobile-actions .verify-note input{min-width:0;width:100%!important}
 #admin-payments .payment-mobile-actions .payment-decision-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}
 #admin-payments .payment-mobile-actions .payment-decision-actions button{white-space:normal;line-height:1.5;min-width:0;min-height:42px;font-size:11px;padding:8px 5px}
 #admin-payments .payment-mobile-decision{font-size:12px;padding:12px 15px;background:#fafbfc;border-top:1px solid #e8eef5;overflow-wrap:anywhere}
 #admin-payments .payment-mobile-no-match,#admin-payments .payment-mobile-empty{padding:20px;text-align:center;border:1px dashed #cadae7;color:#5b6f85;background:#f9fbfd;border-radius:4px}
}
@media(max-width:350px){#admin-payments .payment-mobile-heading{align-items:flex-start;flex-direction:column}#admin-payments .payment-mobile-heading .admin-payment-status{max-width:100%}#admin-payments .payment-mobile-details{grid-template-columns:1fr}#admin-payments .payment-detail:nth-child(odd){border-inline-end:0}}
