dialog.funding-panel{width:34em;background:#202642;border-color:#343c5a;padding:1.8em;color:#f7f8ff}
.funding-panel .dialog-heading{margin-bottom:1.35em}.funding-panel h2{font-size:2em}
.funding-tabs{display:flex;background:#171d36;padding:.35em;gap:.3em;border-radius:.85em;margin-bottom:1.6em}
.funding-tabs button{flex:1;border:0;border-radius:.65em;background:transparent;color:#aab4d6;min-height:3.2em;font:inherit;font-weight:700;padding:.75em .4em}
.funding-tabs button[aria-pressed=true]{background:#384267;color:white}
#deposit-qr-wrap{text-align:center;margin:.75em 0 1.7em}
#deposit-qr{display:block;width:10.5em;height:10.5em;max-width:65%;margin:auto;background:white;border-radius:.7em}
.placeholder-note{color:#c5cce2;font-size:.8em;margin:.7em 0 0}
.funding-panel label{margin:1.3em 0 .45em;color:#aeb9da}
.currency-row{display:flex;width:100%;gap:.65em;align-items:center;background:#11172e;border:1px solid transparent;border-radius:.65em;color:#fff;padding:.85em;font:inherit;min-height:3.6em;text-align:left}
#currency-picked,.currency-identity{display:flex;align-items:center;gap:.5em;min-width:0;flex:1;flex-wrap:wrap}
.currency-row img{width:1.45em;height:1.45em;flex-shrink:0}
.currency-row small{color:#abb5d3;font:inherit}.currency-row .asset-balance,#currency-balance{margin-left:auto;color:#b7c1de;font-size:.9em;overflow-wrap:anywhere;max-width:45%;text-align:right}
.currency-options{margin:.45em 0;max-height:17em;overflow-y:auto;border-radius:.65em;background:#333e65;padding:.3em}
.currency-options .currency-row{background:transparent;border-radius:.4em;padding:.75em}.currency-options button:hover,.currency-options button[aria-pressed=true]{background:#47547f}
.funding-input,.funding-panel select,.address-row{width:100%;box-sizing:border-box;border:1px solid #404969;background:#11172e;border-radius:.65em;color:white;font:inherit;min-height:3.3em;padding:.8em}
.funding-panel select option{background:#11172e}.funding-panel input:focus,.funding-panel select:focus{outline:2px solid var(--acid);outline-offset:2px}
.address-row{display:flex;align-items:center;padding:.35em .65em;gap:.5em}.address-row input{min-width:0;flex:1;background:none;border:0;color:#aeb9da;font:inherit;padding:.65em 0;outline:none}
.address-row button{background:#313d61;border:0;border-radius:.4em;font:inherit;font-size:.85em;padding:.6em;min-height:44px}
.funding-or{display:flex;gap:1em;align-items:center;color:#a8b4d5;margin:1.5em 0}.funding-or span{height:1px;background:#414b6d;flex:1}
.cash-methods{display:flex;align-items:center;justify-content:space-between;gap:1em;flex-wrap:wrap;width:100%;padding:1em;border:0;border-radius:.65em;background:#364268;font:inherit;text-align:left}
.payment-badges{display:flex;align-items:center;gap:.3em}.payment-badges b{display:flex;align-items:center;justify-content:center;min-width:2.7em;height:1.7em;padding:0 .3em;background:white;color:#18203e;border:1px solid #bbc4e0;border-radius:.25em;font-size:.65em;font-style:italic}.payment-badges b:nth-child(3){color:#801d71}.payment-badges>span{font-weight:700;font-size:.85em}
.mc{width:2.5em;height:1.45em;background:radial-gradient(circle at 35% 50%,#eb001b 0 43%,transparent 45%),radial-gradient(circle at 67% 50%,#f79e1b 0 43%,transparent 45%)}
#tip-summary{margin:1.2em 0;background:#11172e;border-radius:.7em;padding:1em}#tip-summary div{display:flex;justify-content:space-between;gap:1em;padding:.4em 0}#tip-summary dt{color:#aeb9da}#tip-summary dd{margin:0;overflow-wrap:anywhere;text-align:right;font-weight:600}
#funding-message{color:#e9ff9b;overflow-wrap:anywhere}#funding-message[data-error=true]{color:#ffafb9}
#tip-history{border-top:1px solid #404969;margin-top:1.5em;padding-top:1em;font-size:.875em}#tip-history summary{cursor:pointer}#tip-history-list{padding-left:1.2em;color:#c1cae3}
.funding-panel button:disabled{opacity:.5;cursor:wait}.funding-panel .edit-actions{display:flex;align-items:stretch}.funding-panel .edit-actions button{flex:1;margin:0}
@media(max-width:480px){dialog.funding-panel{padding:1.15em;width:calc(100% - 1.25rem)}.funding-tabs button{font-size:.9em}.currency-row{gap:.4em;padding:.75em}.currency-row small{font-size:.85em}.cash-methods{gap:.75em}.wallet-actions{flex-wrap:wrap}}
/* Each action keeps its color in both the wallet menu and the tab bar. */
#deposit,[data-wallet-tab="deposit"]{--action:#88f0bc;--action-dark:#153e30}
#withdraw,[data-wallet-tab="withdraw"]{--action:#9dceff;--action-dark:#1c3555}
#tip-open,[data-wallet-tab="tip"]{--action:#e0b2ff;--action-dark:#402652}
#wallet-dialog .wallet-actions button{background:var(--action);border:2px solid var(--action);color:#101827;font-weight:800;min-height:3.4em;box-shadow:0 3px 0 #0003}
.funding-tabs{gap:.55em;padding:.45em;background:#10172c}
.funding-tabs button{background:var(--action-dark);border:2px solid var(--action);color:var(--action);transition:background .15s,color .15s}
.funding-tabs button[aria-pressed=true]{background:var(--action);color:#101827;box-shadow:0 3px 0 #0004;text-decoration:underline;text-underline-offset:.3em}
.funding-panel .close,#wallet-dialog .close{background:#455477;border:1px solid #8b9aba;color:white}
.funding-panel .currency-row{border-color:#65779d}
.funding-panel #currency-balance,.funding-panel .asset-balance{color:#dde6fa}
.funding-panel label,.funding-panel .field-note{color:#cbd5ed}
.funding-panel .address-row button{background:#b9d7ff;color:#12223a;font-weight:700}
.funding-panel .cash-methods{background:#455d8c;border:1px solid #9bbbea;min-height:4em}
.funding-panel .secondary{background:#3b4c71;border:1px solid #a5b7db;color:white}
.funding-panel #tip-review,.funding-panel #tip-send{background:#e0b2ff;color:#27103b}
#wallet-dialog .menu-row{padding:.9em 1em;margin:.55em 0;border:1px solid #637392;border-radius:.6em;background:#303c57}
#wallet-dialog .logout-row button{background:#394763;border:1px solid #8090b0;color:#fff;border-radius:.45em;padding:.6em .7em;min-height:44px}
.funding-panel button:focus-visible,#wallet-dialog button:focus-visible{outline:3px solid white;outline-offset:3px}
.funding-panel button:disabled{opacity:.6;cursor:not-allowed}
#info-content h3{color:#e9ff9b;font-size:1.05em;margin:1.5em 0 .5em}
#info-content p{margin:.5em 0 1em;color:#e1e7f4;line-height:1.65}