.payment-workspace{--ph-border:#e0eaf5;--ph-muted:#627398;color:#102857;background:#fff;border:1px solid var(--ph-border);border-radius:22px;padding:26px}.payment-workspace h2{font-size:27px;letter-spacing:-.7px;margin:8px 0 10px}.payment-workspace h3{font-size:17px;margin:0 0 8px}.payment-workspace p{color:var(--ph-muted);font-size:14px;line-height:1.6;margin:0 0 14px}.payment-workspace small{color:var(--ph-muted);font-size:12px;line-height:1.5}.payment-intro,.payment-toolbar,.payment-detail-top,.payment-detail-heading,.payment-pages{display:flex;align-items:center;justify-content:space-between;gap:20px}.payment-intro{margin-bottom:24px}.payment-intro p{max-width:630px;margin:0}.payment-intro>.dashboard-button{flex-shrink:0}.payment-toolbar{flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--ph-border)}.payment-types,.payment-status-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.payment-types button,.payment-status-filters button{border:0;border-radius:10px;padding:10px 14px;background:transparent;color:var(--ph-muted);font:inherit;font-size:13px;cursor:pointer}.payment-types button[aria-pressed=true]{background:#eaf3ff;color:#0064ff;font-weight:700}.payment-status-filters{margin-bottom:20px}.payment-status-filters button{padding:7px 12px;font-size:12px;border:1px solid var(--ph-border);border-radius:20px}.payment-status-filters button[aria-pressed=true]{background:#102857;color:#fff;border-color:#102857}.payment-toolbar form{display:flex;gap:8px;flex:1;max-width:450px}.payment-toolbar input{min-width:160px;width:100%;border:1px solid var(--ph-border);border-radius:10px;padding:10px 12px;color:#102857;background:#fbfdff;font:inherit;font-size:12px}.payment-workspace button:focus-visible,.payment-workspace a:focus-visible,.payment-workspace input:focus-visible{outline:3px solid #95c4ff;outline-offset:3px}.payment-table-head,.payment-history-row{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(125px,.7fr) minmax(150px,.8fr) 150px;align-items:center;gap:16px}.payment-table-head{padding:0 0 12px;color:var(--ph-muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px}.payment-history-row{padding:18px 0;border-top:1px solid var(--ph-border);font-size:13px}.payment-row-title{display:flex;align-items:center;gap:12px;min-width:0}.payment-row-title>div{display:grid;gap:4px}.payment-row-title strong{font-size:14px}.payment-row-title span:not(.payment-row-icon){font-size:11px;letter-spacing:.3px;color:var(--ph-muted)}.payment-row-icon,.payment-empty-icon{display:grid;place-items:center;width:43px;height:43px;background:#edf5ff;color:#0671ff;border-radius:13px;flex-shrink:0}.payment-row-icon .ui-icon{width:23px;height:23px}.payment-row-amount,.payment-history-row>div:nth-child(2){display:grid;gap:6px}.payment-history-row .dashboard-button{font-size:12px;padding:11px 14px;min-height:40px}.payment-pages{border-top:1px solid var(--ph-border);padding-top:18px;margin-top:8px;font-size:12px;color:var(--ph-muted)}.payment-pages>div{display:flex;gap:8px}.payment-review{color:#ad601a!important}.payment-empty{display:grid;justify-items:center;text-align:center;padding:52px 24px}.payment-empty-icon{width:62px;height:62px;margin-bottom:20px}.payment-empty p{max-width:490px}.payment-detail-top{margin-bottom:24px}.payment-detail-heading{padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--ph-border)}.payment-detail-heading p{margin:0}.payment-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:24px;align-items:start}.payment-summary{background:#f5f9ff;border-radius:16px;padding:26px}.payment-main-amount{display:block;font-size:35px;letter-spacing:-1px;margin:10px 0 14px}.payment-summary dl{margin:24px 0 15px}.payment-summary dl>div{display:flex;justify-content:space-between;gap:18px;font-size:13px;padding:10px 0}.payment-summary dt{color:var(--ph-muted)}.payment-summary dd{margin:0;text-align:right;font-weight:600}.payment-net{border-top:1px solid #dce7f5;margin-top:8px;padding-top:16px!important}.payment-notice{padding:13px 16px;border-radius:10px;background:#fff1e4;color:#88531e;font-size:12px;line-height:1.6}.payment-receipt{display:flex;align-items:center;gap:14px;padding:22px 0 0}.payment-receipt>div{flex:1}.payment-receipt h3{font-size:14px}.payment-receipt p{font-size:12px;margin:0}.payment-receipt .dashboard-button{white-space:nowrap;font-size:12px}.payment-related{display:grid;gap:18px}.payment-related section{padding:23px;border:1px solid var(--ph-border);border-radius:16px}.payment-related h3{margin-top:13px}.payment-related .dashboard-button{width:100%;margin:5px 0 10px;justify-content:center;font-size:12px}.payment-related small{display:block}.payment-workspace .eyebrow{font-size:10px;letter-spacing:1.5px}.payment-history-row .shipping-pill{font-size:11px;justify-self:start}@media(min-width:768px) and (max-width:1190px){.payment-workspace{padding:20px}.payment-table-head,.payment-history-row{grid-template-columns:minmax(200px,1.4fr) 115px 135px;gap:10px}.payment-table-head>span:last-child{display:none}.payment-history-row>.dashboard-button{grid-column:3;justify-self:stretch}.payment-row-title{grid-row:span 2}.payment-detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(230px,1fr)}.payment-receipt{flex-wrap:wrap}.payment-main-amount{font-size:29px}}
.payment-workspace .dashboard-button{width:auto;flex-shrink:0}.payment-intro>div{flex:1;min-width:0}.payment-toolbar form>.dashboard-button{width:auto}.payment-history-row>.dashboard-button{width:100%}.payment-related .dashboard-button{width:100%}

.payment-workspace .state-tone-success{background:#e8f8ef;color:#16714d}.payment-workspace .state-tone-warning{background:#fff1df;color:#935717}.payment-workspace .state-tone-neutral{background:#eef3fa;color:#536785}.payment-workspace .shipping-pill{border-radius:20px;padding:6px 10px;white-space:nowrap}