#my-pei-payment-records{padding:1.4rem;margin:0 0 1.5rem;border:1px solid #416966;border-radius:5px;background:linear-gradient(135deg,#0b2730,#06141f);color:#d6e9ef;font-size:1rem;line-height:1.85;min-width:0}
.payment-record-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.payment-record-heading>div{min-width:0}.payment-record-heading h2{font-size:1.35rem;line-height:1.7}.payment-record-heading p{font-size:1rem;color:#b3d0d9;margin-top:.4rem}.payment-record-count{border:1px solid #4b7773;border-radius:3px;padding:.3rem .6rem;font-size:.875rem;color:#a1ddcf;flex-shrink:0}.payment-record-storage{font-size:.875rem;color:#a5c2ce;margin:1rem 0 1.2rem}.payment-record-warning{border:1px solid #91714c;background:#30261a;padding:.85rem 1rem;font-size:.875rem;color:#edcca2;margin-bottom:1rem}.payment-record-list{display:grid;gap:.8rem}.payment-record{border:1px solid #365e70;border-radius:4px;background:#09202d;min-width:0}.payment-record>summary{display:flex;align-items:center;gap:.85rem;cursor:pointer;padding:1rem;list-style:none;min-width:0}.payment-record>summary::-webkit-details-marker{display:none}.payment-record-symbol{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}.payment-record-symbol>.icon{width:32px;height:32px;color:#91ddce}.payment-record-symbol .payment-asset-logo{width:40px;height:40px}.payment-record-label{flex:1;min-width:0}.payment-record-label b{display:block;font-size:1.1rem;line-height:1.6;color:#d5f0e6}.payment-record-label b>span{font-size:.875rem;font-weight:400;color:#b6d1d8}.payment-record-label small{display:block;font-size:.875rem;line-height:1.8;color:#a2c5d1;margin-top:.3rem}.payment-record>summary>strong{font-size:1.25rem;line-height:1.6;font-weight:500;color:#aff1d5;white-space:nowrap}.payment-record-chevron{font-size:1.5rem;color:#a3cece;flex-shrink:0;line-height:1;transition:transform .15s}.payment-record[open] .payment-record-chevron{transform:rotate(180deg)}.payment-record[open]>summary{border-bottom:1px solid #31525e}.payment-record-details{padding:1rem 1.2rem 1.2rem}.payment-record-demo{display:inline-block;padding:.25rem .55rem;border:1px solid #80794c;color:#ebd89a;font-size:max(var(--pei-mobile-text-floor,0px),.75rem);line-height:1.8;background:#292918}.payment-record-details dl{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1.4rem;margin:1.2rem 0}.payment-record-details dl>div{min-width:0}.payment-record-details dt{font-size:.875rem;color:#97b9c7;margin-bottom:.25rem}.payment-record-details dd{font-size:1rem;color:#d6e9ed;margin:0;overflow-wrap:anywhere}.payment-record-details>p{font-size:.875rem;color:#b7ccd4;line-height:1.9}.payment-record-tools{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.2rem}.payment-record-delete{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.6rem .2rem;color:#bccbd4;font-size:.875rem;text-decoration:underline;text-underline-offset:4px}.payment-record-delete>.icon{width:17px;height:17px}.payment-record-empty{display:flex;align-items:flex-start;gap:1rem;padding:1.3rem;background:#0b2330;border:1px dashed #476b76;border-radius:4px}.payment-record-empty>.icon{width:32px;height:32px;color:#90d6c9;flex-shrink:0}.payment-record-empty h3{font-size:1.1rem;line-height:1.8}.payment-record-empty p{font-size:1rem;color:#a9c5d2;margin:.5rem 0 1rem}.payment-record-pricing{display:inline-flex;align-items:center;gap:.5rem;color:#9ce4d9;font-size:.875rem;min-height:44px;margin-top:1rem}.payment-record-action{border-top:1px solid #466d64;margin-top:1.2rem;padding-top:1.2rem}.payment-record-action>.price-button{width:100%;white-space:normal}.payment-record-action>p{font-size:.875rem;color:#b4cdd2;line-height:1.9;margin-top:.7rem}
@media(max-width:700px){#my-pei-payment-records{padding:1rem}.payment-record-heading{flex-wrap:wrap;gap:.7rem}.payment-record-heading h2{font-size:1.2rem}.payment-record>summary{gap:.65rem;padding:.85rem;display:grid;grid-template-columns:32px minmax(0,1fr) auto}.payment-record-symbol{width:32px;height:32px;grid-row:1/3;align-self:start}.payment-record-symbol .payment-asset-logo{width:32px;height:32px}.payment-record-label{grid-column:2}.payment-record>summary>strong{grid-column:2;grid-row:2;font-size:1.2rem}.payment-record-chevron{grid-column:3;grid-row:1/3}.payment-record-details{padding:.9rem}.payment-record-details dl{grid-template-columns:1fr;gap:.8rem}.payment-record-tools{align-items:stretch;flex-direction:column;gap:.4rem}.payment-record-empty{padding:1rem;gap:.7rem}.payment-record-empty>.icon{width:25px;height:25px}.payment-record-empty h3{font-size:1rem}.payment-record-label small{font-size:max(var(--pei-mobile-text-floor,0px),.75rem)}.payment-record-label b{font-size:1rem}}

.payment-record-chevron>.icon{width:18px;height:18px;transform:rotate(90deg)}