.payment-dialog{width:min(480px,calc(100% - 24px));max-height:85dvh;overflow:auto;padding:24px;color:#eaf2ee;background:#171e21;border:1px solid #40534a;border-radius:16px;font:14px/1.6 system-ui,sans-serif}.payment-dialog::backdrop{background:#000b}.payment-dialog h2{margin:0 0 14px;font-size:21px}.payment-amount{display:block;font-size:28px;color:#7be6c2}.payment-note{font-size:12px;color:#b1c1ba}.payment-consent{display:flex;align-items:flex-start;gap:8px;margin:20px 0}.payment-consent input{width:18px;height:18px;flex-shrink:0;accent-color:#7be6c2}.payment-actions{display:flex;gap:8px;flex-wrap:wrap}.payment-dialog .btn{min-height:40px}.payment-dialog button:disabled{opacity:.5}.payment-history-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff1f}.payment-history-row>div{display:flex;flex-direction:column;min-width:0}.payment-history-row>div:last-child{align-items:flex-end;flex-shrink:0}.payment-history-row small{font-size:10px;overflow-wrap:anywhere;color:#9fafaa}.payment-dialog [role=status]{color:#adddc9;font-size:12px}

.payment-products{display:grid;gap:10px;margin:16px 0}.payment-product{display:flex;align-items:center;gap:12px;width:100%;padding:16px;border:1px solid #40534a;border-radius:10px;background:#23342c;color:#ecf7f1;cursor:pointer;text-align:left}.payment-product strong{font-size:18px;color:#7be6c2;flex:1}.payment-product small{color:#a8bdb1;font-size:10px}.payment-product:hover,.payment-product:focus-visible{border-color:#7be6c2}