#payment-record-dialog{width:min(640px,calc(100vw - 24px));max-height:85dvh;box-sizing:border-box;border:0;border-radius:20px;padding:20px;overflow:auto}
#payment-record-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#payment-record-dialog h2{font-size:1.25rem}
#payment-record-dialog button{min-height:44px;cursor:pointer;border-radius:12px;padding:12px}
#payment-record-dialog input{width:100%;box-sizing:border-box;min-height:44px;margin:8px 0}
#payment-record-dialog .record-credit{display:grid;gap:6px;width:100%;text-align:left;background:#eff6ff;color:#17324d;border:1px solid #cbdfee;margin:12px 0}
#payment-record-dialog .record-credit strong{font-size:1.3rem}
#payment-record-dialog .record-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
#payment-record-dialog article{padding:12px;border:1px solid #dbe3ec;border-radius:12px;background:#fafcff;overflow-wrap:anywhere}
#payment-record-dialog::backdrop{background:#10243c99}