.payment-history-cards{display:none}
.own-payment-history{min-width:0;box-sizing:border-box}
.payment-history-card{min-width:0;box-sizing:border-box;border:1px solid #d6e2ef;border-radius:14px;background:#fff;padding:16px;color:#07346a}
.payment-history-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.payment-history-card-head h3{margin:0;font-size:14px}
.payment-history-amount{font-size:22px;line-height:1.3;overflow-wrap:anywhere;max-width:100%}
.payment-history-cycle{font-size:14px;line-height:1.6;margin:10px 0 4px;overflow-wrap:anywhere}
.payment-history-date,.payment-history-no-photo{font-size:13px;color:#526b87;line-height:1.5;margin:0 0 12px}
.payment-history-card .receipt-photo{width:100%;min-height:44px;margin-top:4px;white-space:normal}
@media(max-width:680px){
 .payment-history-table{display:none!important}
 .payment-history-cards{display:grid;gap:12px;min-width:0}
 .own-payment-history.card{padding:12px;min-width:0;max-width:100%;overflow:visible}
 .payment-receipt-modal{padding:12px;box-sizing:border-box}
 .payment-receipt-modal>.card{min-width:0;max-width:100%;width:100%;max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:16px}
 .payment-receipt-modal .modal-head h2{font-size:20px;line-height:1.3;overflow-wrap:anywhere}
 .payment-receipt-modal .receipt-camera,.payment-receipt-modal .receipt-gallery{flex:1 1 130px;min-height:44px;white-space:normal}
 .payment-receipt-modal .receipt-file-name{overflow-wrap:anywhere}
 .payment-receipt-modal input{max-width:100%;box-sizing:border-box}
}