.payment-modal{width:min(960px,calc(100% - 24px));max-width:960px;max-height:calc(100dvh - 24px)}
.payment-modal h3{font-size:16px;margin-bottom:12px}
.payment-modal .table-wrap{max-width:100%;overflow-x:auto}
.payment-modal .table-wrap:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.payment-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.payment-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.payment-summary>div{padding-bottom:12px;border-bottom:1px solid var(--border)}
.payment-summary span{display:block;color:var(--t2);font-size:13px}
.payment-summary strong{display:block;font-size:17px;overflow-wrap:anywhere}
.payment-list{margin-top:18px}.payment-record{border-top:1px solid var(--border);padding:16px 0}
.payment-record header{display:flex;gap:12px;justify-content:space-between;align-items:start;flex-wrap:wrap}
.payment-record p{color:var(--t2);margin:8px 0}.payment-record .v10-dl{margin:12px 0}
.payment-check{display:flex;align-items:start;gap:8px;margin:16px 0}.payment-check input{margin-top:4px;flex:none}
.payment-preview{display:block;width:100%;height:420px;object-fit:contain;border:1px solid var(--border);margin-top:12px}
.payment-wide{grid-column:1 / -1}.payment-wide input{max-width:100%;min-width:0}
.payment-version-controls{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.payment-version-controls label{display:grid;gap:6px;flex:1;min-width:0}
.payment-version-controls select{width:100%;min-width:0;padding:10px;border:1px solid var(--border);border-radius:3px;background:#fff}
.payment-diff{width:100%;min-width:500px;border-collapse:collapse}.payment-diff th,.payment-diff td{padding:12px;border-bottom:1px solid var(--border);text-align:left}
.payment-diff th:first-child{max-width:240px;overflow-wrap:anywhere}.payment-increase{background:var(--error-bg);color:var(--error)}.payment-decrease{background:var(--accent-bg);color:var(--accent-deep)}
.payment-warning{color:var(--error);margin:12px 0}.payment-total{font-weight:600;margin:16px 0}
@media(max-width:600px){.payment-modal{padding:16px}.payment-summary{grid-template-columns:1fr}.payment-version-controls{flex-direction:column}.payment-actions .btn{min-height:44px;white-space:normal;overflow-wrap:anywhere}.payment-preview{height:320px}}