#appView .etp-term{display:flex;align-items:center;gap:10px;margin:0;padding:0;border:0}
#appView .etp-term[hidden]{display:none}
#appView .etp-term legend{float:left;padding:0;margin-right:4px;color:#687d95;font-size:13px}
#appView .etp-term label{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 14px;border:1px solid #d4e4f5;border-radius:6px;background:#fff;color:#244568;font-size:13px;cursor:pointer}
#appView .etp-term label:has(input:checked){border-color:#1677ff;background:#edf4ff}
#appView .etp-term input{width:15px;height:15px;margin:0;flex:none;accent-color:#1677ff}
#appView .etp-term label>span{display:grid;gap:2px;line-height:1.35}
#appView .etp-term label small{color:#687d95;font-size:11px;font-variant-numeric:tabular-nums}
#appView .etp-term input:focus-visible{outline:2px solid #1677ff;outline-offset:2px}
#appView .etp-term-notice{flex-basis:100%;margin:0}
#appView .purchase-total .etp-total-note{display:block;margin-top:4px;color:#8a99ad;font-size:11px}
#appView .etp-pending-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.etp-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid #d4dde5;border-radius:8px;background:#fff;color:#263440;overflow:auto;font-size:14px}
.etp-dialog::backdrop{background:#15263366}
.etp-dialog h2{margin:0 0 16px;font-size:19px;overflow-wrap:anywhere}
.etp-dialog .pcom-empty{padding:26px 0;text-align:center;color:#74818d}
.etp-dialog .pcom-error{margin:14px 0 0}
.etp-quote-notice{margin:0 0 14px}
.etp-quote-lines{display:grid;border-top:1px solid #e0e6ec}
.etp-quote-line{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #edf1f5;font-size:13px}
.etp-quote-line span{min-width:0;color:#41556a;overflow-wrap:anywhere}
.etp-quote-line b{flex:none;color:#176b85;font-variant-numeric:tabular-nums}
.etp-quote-total span{font-weight:600;color:#263440}
.etp-quote-total b{font-size:17px}
.etp-quote-lines.is-changed .etp-quote-line b{color:#b3541e}
.etp-dialog .pcom-detail{margin-top:16px;padding-bottom:0;border-bottom:0;gap:12px 16px}
.etp-dialog .pcom-detail dd small{display:block;margin-top:3px;color:#8a97a5;font-size:11px}
.etp-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.etp-dialog .primary-action,.etp-dialog .mini-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 14px;border-radius:6px;font:inherit;font-size:13px;cursor:pointer}
.etp-dialog .primary-action{border:1px solid #1677ff;background:#1677ff;color:#fff;font-weight:600}
.etp-dialog .mini-action{border:1px solid #ccd7df;background:#fff;color:#2169b4}
.etp-dialog .primary-action:disabled,.etp-dialog .mini-action:disabled{opacity:.55;cursor:default}
.etp-dialog :focus-visible{outline:2px solid #1677ff;outline-offset:2px}
.pcom-dialog .pcom-terms{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:0;border:0}
.pcom-dialog .pcom-terms legend{width:100%;padding:0;color:#6a7885;font-size:13px}
.pcom-dialog .pcom-terms label{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 14px;border:1px solid #ccd7df;border-radius:5px;background:#fff;color:#263440;font-size:13px;cursor:pointer}
.pcom-dialog .pcom-terms label:has(input:checked){border-color:#126b92;background:#edf6fa}
.pcom-dialog .pcom-terms input{width:16px;min-height:16px;flex:none;accent-color:#126b92}
@media(max-width:640px){
#appView .etp-term{flex-wrap:wrap}
#appView .etp-term legend{width:100%}
#appView .etp-term label{flex:1;min-width:132px}
.etp-dialog{padding:16px}
.etp-dialog-actions{flex-direction:column-reverse}
.etp-dialog-actions button{width:100%}
}