.payment-detail-modal{width:min(960px,100%);scrollbar-width:thin;scrollbar-color:#536070 transparent}.payment-detail-modal .modal-head{padding:22px 26px;position:sticky;top:0;z-index:2;background:var(--ops-panel,#151e27)}.payment-detail-modal .modal-head h2{font-size:23px;overflow-wrap:anywhere}.payment-detail-modal .modal-body{padding:24px}.payment-detail-modal .payment-detail-hero{padding:22px;border:1px solid rgba(195,157,20,.25);background:linear-gradient(110deg,rgba(255,212,0,.08),rgba(255,212,0,.015));border-radius:14px}.payment-detail-modal .payment-detail-hero small{color:var(--ops-muted,#a5b0bf);font-size:12px}.payment-detail-modal .payment-detail-hero b{font-size:30px;color:var(--ops-text,#edf2f7)}.payment-context-note{padding:12px 15px;margin:12px 0 20px;border-left:3px solid #b9982f;background:rgba(255,212,0,.045);border-radius:0 9px 9px 0;color:var(--ops-muted,#bac4d0);font-size:12px;line-height:1.65}.payment-detail-modal .payment-detail-grid{gap:18px}.payment-detail-modal .payment-detail-grid>section{padding:20px;border:1px solid var(--ops-line,#303b49);border-radius:14px}.payment-detail-modal .payment-detail-grid h3{margin:0 0 16px;font-size:15px}.payment-detail-modal dl>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:14px;padding:11px 0;border-bottom:1px solid var(--ops-line,#303b49)}.payment-detail-modal dt{font-size:12px;color:var(--ops-muted,#a5b0bf)}.payment-detail-modal dd{margin:0;font-size:12px;line-height:1.6;overflow-wrap:anywhere;text-align:right}.payment-detail-modal .matched-account{padding:15px;gap:12px}.payment-detail-modal .matched-account .avatar{background:rgba(255,212,0,.12);border:1px solid rgba(255,212,0,.3);color:#d8b950}.payment-detail-modal .payment-timeline{margin-top:22px;border:1px solid var(--ops-line,#303b49);border-radius:14px;padding:20px}.payment-detail-modal .payment-timeline header{gap:12px;margin-bottom:14px}.payment-detail-modal .payment-timeline article{position:relative;padding:12px 0 12px 20px;border-left:1px solid rgba(180,151,50,.35);margin-left:5px}.payment-detail-modal .payment-timeline article>i{position:absolute;left:-4px;top:18px;width:7px;height:7px;background:#d7b849;border-radius:50%}.payment-detail-modal .payment-timeline article b{font-size:13px}.payment-detail-modal .payment-timeline article small{display:block;margin-top:6px;font-size:11px;color:var(--ops-muted,#a5b0bf)}.payment-detail-modal .modal-foot{padding:16px 24px;gap:10px}.payment-detail-modal .modal-foot .btn{min-height:38px;padding:8px 14px;font-size:12px;border-radius:9px}.payment-detail-modal [data-query-payment]{background:rgba(255,212,0,.1);border-color:rgba(207,171,45,.45);color:#f1d478}.theme-light .payment-detail-modal [data-query-payment]{color:#735a00}.payment-detail-modal [data-query-payment]:hover{background:rgba(255,212,0,.18)}@media(max-width:600px){.payment-detail-modal .modal-head,.payment-detail-modal .modal-body{padding:16px}.payment-detail-modal .payment-detail-grid{grid-template-columns:1fr}.payment-detail-modal .payment-detail-grid>section,.payment-detail-modal .payment-timeline{padding:16px}.payment-detail-modal dl>div{grid-template-columns:105px minmax(0,1fr);gap:10px}.payment-detail-modal .modal-foot{padding:14px 16px;flex-wrap:wrap}}
.payment-detail-modal .payment-timeline article{display:block;grid-template-columns:none;padding:9px 0 9px 18px;min-width:0}
.payment-detail-modal .payment-timeline article>div{width:100%;min-width:0}
.payment-detail-modal .payment-timeline article b,.payment-detail-modal .payment-timeline article small{white-space:normal;overflow-wrap:break-word;line-height:1.45}
.payment-detail-modal .payment-timeline{padding:14px 16px}
.payment-detail-modal .payment-timeline header{padding:0 0 10px;margin-bottom:4px}
.payment-detail-modal .payment-timeline .payment-history-older{display:none}
.payment-detail-modal .payment-timeline.history-expanded .payment-history-older{display:block}
.payment-detail-modal .payment-history-toggle{margin-top:10px;padding:6px 10px;min-height:32px;font-size:12px;background:rgba(255,212,0,.08);border-color:rgba(207,171,45,.35);color:#dec263}
