.recent-order-bar{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:12px 16px;margin-top:15px;border:1px solid #dce3c8;border-radius:5px;background:#f3f6e9;color:#74815d;font-size:11px}
.recent-order-bar>span{min-width:0;overflow-wrap:anywhere}.recent-order-bar button{flex:none;display:flex;gap:18px;align-items:center;padding:7px 11px;border:1px solid #d2ddbd;border-radius:4px;background:#fffdf5;color:#6b8050;font-size:10px}
.payment-dialog{width:840px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto}
.payment-dialog>.dialog-top,.payment-code-dialog>.dialog-top{position:sticky;top:0;z-index:2;background:#f7f3e8}
#payment-body{padding:24px;color:#697354}
.payment-summary{padding:18px;border:1px solid #e3dec9;border-radius:6px;background:#faf7ed;overflow-wrap:anywhere}
.payment-summary h3{font-size:19px;font-weight:600;color:#586c40;margin:12px 0 8px}
.payment-status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid #e4d5a9;border-radius:20px;background:#fff7d9;color:#927536;font-size:10px}
.payment-total{display:flex;gap:10px;align-items:baseline;margin:12px 0;color:#788263;font-size:11px}.payment-total strong{font:600 29px Consolas,monospace;color:#6c844b}
.payment-order-number{font-size:11px;line-height:1.8;color:#8b927d;margin:0}.payment-order-number strong{font:11px Consolas,monospace;color:#6d7d56}
.payment-order-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;font-size:13px;line-height:1.8;margin-top:14px}.payment-order-meta>div{min-width:0}.payment-order-meta>div:last-child{grid-column:1/-1}.payment-order-meta dt{color:#8b927d;font-size:11px}.payment-order-meta dd{margin:2px 0 8px;color:#5d6c4b;overflow-wrap:anywhere}
.payment-lines{margin:15px 0 0;padding:10px 0 0;border-top:1px solid #e3dfce;font-size:12px;line-height:1.8}.payment-line{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:8px 0}.payment-line>div{min-width:0;flex:1}.payment-line strong{display:block;font-size:13px;font-weight:500;color:#63754d;overflow-wrap:anywhere}.payment-line span{display:block;font-size:11px;color:#8a957b}.payment-line>b{flex:none;font:13px Consolas,monospace;white-space:nowrap;color:#6b8051}
.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 15px}.payment-method-card{min-width:0;border:1px solid #e2e4d2;border-radius:6px;padding:14px;background:#fffef9;text-align:center}.payment-method-card h4{font-size:15px;font-weight:600;color:#638056;margin:0 0 12px}.payment-method-card.alipay h4{color:#547ca6}.payment-method-card.wechat{border-color:#cddfce}.payment-method-card.alipay{border-color:#d0dced}.payment-code-preview{display:block;width:100%;padding:0;border:0;background:#fff;border-radius:4px;overflow:hidden;cursor:zoom-in}.payment-code-preview img{display:block;width:100%;max-height:330px;height:auto;object-fit:contain;background:#fff}.payment-code-preview span{display:block;padding:8px;background:#f5f5ed;color:#758263;font-size:11px}
.payment-notice{padding:11px 13px;border:1px solid #e9dfbf;background:#fff9e8;border-radius:4px;font-size:11px;line-height:1.8;color:#8a7850;margin:14px 0}
.payment-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.payment-actions .button{font-size:12px}.payment-actions .button.primary{flex:1;min-width:180px}.payment-actions .button:disabled{opacity:.8;cursor:default}.payment-paid-state{padding:20px;border:1px solid #cddfbe;border-radius:6px;background:#f0f6e7;margin:20px 0;text-align:center}.payment-paid-state>strong{display:block;font-size:18px;font-weight:600;color:#668048;margin:0 0 8px}.payment-paid-state p{font-size:12px;line-height:1.9;color:#7c8b69;margin:0}.payment-status-badge.buyer-marked-paid{background:#e8f2dd;border-color:#d2e2bd;color:#6a844d}
.payment-support{border-top:1px solid #e4e4d1;padding-top:20px;margin-top:20px}.payment-support h4{font-size:16px;font-weight:600;color:#6e7d58;margin:0 0 7px}.payment-support>p{font-size:12px;line-height:1.9;color:#859174;margin:0 0 13px}.payment-contact-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-contact{display:flex;flex-direction:column;gap:7px;align-items:flex-start;min-width:0;padding:15px;border:1px solid #dbe3cb;border-radius:5px;background:#f6f8ed;color:#788965;font-size:11px}.payment-contact strong{font:600 21px Consolas,monospace;letter-spacing:.5px;color:#617a45}.payment-contact .button{margin-top:4px;padding:7px 12px;font-size:11px}.payment-contact .button:hover{background:#eff4e2;border-color:#b9cda0}
.payment-order-details{border:1px solid #e4e4d1;border-radius:4px;margin-top:18px;padding:11px 13px;font-size:11px;color:#859174}.payment-order-details summary{cursor:pointer}.payment-order-details pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.9 Consolas,monospace;color:#71815c;margin:13px 0 0}.payment-local-note{font-size:11px;line-height:1.9;color:#969e87;margin:15px 0 0}.payment-copy-fallback{width:100%;min-height:180px;margin-top:16px;padding:12px;resize:vertical;border:1px solid #cdd9bb;border-radius:4px;background:#fffdf6;color:#667a4c;font:12px/1.8 Consolas,monospace}
.payment-code-dialog{width:760px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}#payment-code-body{padding:15px}#payment-code-body img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 135px);object-fit:contain;margin:auto}#payment-code-body p{font-size:10px;line-height:1.8;color:#859174;text-align:center;margin:10px 0 0}
.paid-receipt-dialog{width:760px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.paid-receipt-dialog>.dialog-top{position:sticky;top:0;z-index:2;background:#f7f3e8}#paid-receipt-body{padding:20px}.paid-receipt-intro,.paid-receipt-note{font-size:12px;line-height:1.9;color:#73805e;margin:0 0 14px}.paid-receipt-image{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:top center;border:1px solid #e2dcc7;border-radius:7px;background:#fbf7eb}.paid-receipt-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:17px 0}.paid-receipt-actions .button{font-size:12px}.paid-receipt-actions .button.primary{min-width:220px}.paid-receipt-note{margin:0;text-align:center;color:#96917d}
.paid-receipt-copy-list{display:grid;gap:6px;margin:9px 0 2px}.paid-receipt-copy-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e1e5d4;border-radius:5px;background:#f8f8ef;color:#898c78;font-size:11px}.paid-receipt-copy-row strong{color:#5d7047;font:700 16px Consolas,monospace;letter-spacing:.3px}.paid-receipt-copy-row .button{margin:0;padding:6px 10px;font-size:10px;white-space:nowrap}
@media(max-width:600px){#paid-receipt-body{padding:13px}.paid-receipt-actions{gap:8px}.paid-receipt-actions .button{font-size:11px}.paid-receipt-actions .button.primary{width:100%}}
@media(max-width:360px){.paid-receipt-copy-row{grid-template-columns:minmax(0,1fr) auto;gap:6px}.paid-receipt-copy-row>span{grid-column:1/-1}.paid-receipt-copy-row>strong{grid-column:1}.paid-receipt-copy-row>.button{grid-column:2}}
.payment-contact{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:6px}.payment-contact>span{grid-column:1}.payment-contact>strong{grid-column:2;white-space:nowrap}.payment-contact>.button{grid-column:3;margin:0;white-space:nowrap}
@media(max-width:600px){#payment-body{padding:15px}.payment-summary{padding:14px}.payment-summary h3{font-size:17px}.payment-total strong{font-size:25px}.payment-order-meta{grid-template-columns:1fr;gap:5px}.payment-methods{gap:10px;margin-top:17px}.payment-method-card{padding:9px}.payment-method-card h4{font-size:13px;margin-bottom:9px}.payment-code-preview img{max-height:240px}.payment-code-preview span{font-size:10px;padding:6px}.payment-actions{gap:8px}.payment-actions .button{font-size:11px}.payment-contact-options{gap:9px}.payment-contact{padding:12px 10px}.payment-contact strong{font-size:18px}.payment-paid-state{padding:17px 12px}.payment-paid-state>strong{font-size:16px}.recent-order-bar{gap:10px;font-size:10px;padding:10px 12px;align-items:flex-start;flex-direction:column}.recent-order-bar button{font-size:10px}.payment-notice{font-size:11px}}
@media(max-width:360px){.payment-contact-options{grid-template-columns:1fr}.payment-contact{display:grid;grid-template-columns:1fr auto;align-items:center}.payment-contact>span{grid-column:1/-1}.payment-contact .button{margin:0}}