/* deposit.css - Deposit popup, chain tabs, token selectors */
/* Deposit popup overlay */
.bao-sheet{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.85)}
.bao-sheet.visible{display:flex}
.bao-sheet-inner{width:400px;background:#0d0e12;border:1.5px solid rgba(14,203,129,0.3);border-radius:16px;padding:28px;animation:jackpotIn 0.4s cubic-bezier(0.34,1.56,0.64,1)}
.bao-sheet-inner h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;font-weight:800;color:#EAECEF;text-align:center;margin-bottom:20px}
.dep-field{position:relative;background:#1a1d24;border:1px solid #2B2F36;border-radius:8px;padding:14px;margin-bottom:12px;transition:border-color 0.15s}
.dep-field:focus-within{border-color:#0ecb81}
.dep-field-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.dep-field-label{font-size:11px;color:#5E6673;text-transform:uppercase;letter-spacing:0.5px}
.dep-balance{font-size:11px;color:#848E9C;cursor:pointer;transition:color 0.15s}
.dep-balance:hover{color:#0ecb81}
.dep-field-row{display:flex;align-items:center;gap:10px}
.dep-amount{flex:1;background:transparent;border:none;color:#EAECEF;font-family:'Fira Code',monospace;font-size:18px;outline:none;min-width:0;-moz-appearance:textfield}
.dep-amount::-webkit-inner-spin-button,.dep-amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.dep-amount::placeholder{color:#5E6673}
.dep-token-sel{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;background:#23262F;border:1px solid #2B2F36;cursor:pointer;transition:all 0.15s;flex-shrink:0;position:relative}
.dep-token-sel:hover{border-color:#5E6673}
.dep-token-sel-name{font-size:13px;font-weight:700;color:#EAECEF}
.dep-token-sel-arrow{font-size:10px;color:#5E6673;transition:transform 0.15s}
.dep-token-sel.open .dep-token-sel-arrow{transform:rotate(180deg)}
.dep-token-list{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:#1a1d24;border:1px solid #2B2F36;border-radius:8px;z-index:10;display:none;box-shadow:0 8px 24px rgba(0,0,0,0.5);overflow:hidden}
.dep-token-sel.open .dep-token-list{display:block}
.dep-token-opt{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:background 0.1s;border-bottom:1px solid rgba(43,47,54,0.5)}
.dep-token-opt:last-child{border-bottom:none}
.dep-token-opt:hover{background:rgba(234,236,239,0.04)}
.dep-token-opt.active{background:rgba(14,203,129,0.06)}
.dep-token-opt-name{font-size:13px;font-weight:600;color:#EAECEF}
.dep-token-opt-bal{font-size:11px;color:#848E9C;font-family:'Fira Code',monospace}
.dep-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:8px;background:rgba(252,213,53,0.08);border:1px solid rgba(252,213,53,0.2);margin-bottom:16px;font-size:11px;color:#FCD535;line-height:1.5}
.dep-notice-icon{flex-shrink:0;font-size:14px}
.dep-inline-err{display:none;padding:10px 12px;border-radius:6px;background:rgba(246,70,93,0.1);border:1px solid rgba(246,70,93,0.3);color:#f6465d;font-size:12px;margin-bottom:10px;text-align:center}
.dep-inline-err.visible{display:block}
.wdr-dots span{display:inline-block;animation:wdrDotPulse 1.4s infinite ease-in-out both}.wdr-dots span:nth-child(1){animation-delay:0s}.wdr-dots span:nth-child(2){animation-delay:0.2s}.wdr-dots span:nth-child(3){animation-delay:0.4s}
@keyframes wdrDotPulse{0%,80%,100%{opacity:0.2}40%{opacity:1}}
.dep-confirm{width:100%;padding:14px;border-radius:8px;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;background:#0ecb81;color:#fff;border:none;cursor:pointer;transition:all 0.15s}
.dep-confirm:hover{background:#10e08e;box-shadow:0 0 16px rgba(14,203,129,0.4)}
.dep-confirm:disabled{opacity:0.5;cursor:not-allowed}
.dep-close{position:absolute;top:16px;right:16px;font-size:16px;color:#5E6673;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.15s;border:none;background:none}
.dep-close:hover{color:#EAECEF;background:rgba(234,236,239,0.08)}
.dep-state{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 0;min-height:160px}
.dep-state.active{display:flex}
.dep-form.hidden{display:none}
.dep-spinner{width:48px;height:48px;border:3px solid #2B2F36;border-top-color:#0ecb81;border-radius:50%;animation:depSpin 0.8s linear infinite;margin-bottom:20px}
@keyframes depSpin{to{transform:rotate(360deg)}}
.dep-state-title{font-size:16px;font-weight:700;color:#EAECEF;margin-bottom:8px}
.dep-state-sub{font-size:13px;color:#848E9C;line-height:1.5}
.dep-success-icon{width:56px;height:56px;border-radius:50%;background:rgba(14,203,129,0.12);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.dep-success-icon svg{width:28px;height:28px}
.dep-success-amount{font-family:'Fira Code',monospace;font-size:24px;font-weight:700;color:#0ecb81;margin-bottom:4px}
.dep-success-label{font-size:12px;color:#848E9C;margin-bottom:8px}
.wdr-tx-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:16px;font-family:'Fira Code',monospace;font-size:12px;color:#848E9C}
.wdr-tx-hash{color:#EAECEF}
.wdr-tx-copy{display:flex;align-items:center;transition:opacity 0.15s}
.wdr-tx-copy:hover{opacity:0.7}
.dep-done-btn{padding:12px 40px;border-radius:8px;font-size:14px;font-weight:700;background:#0ecb81;color:#0a0b0e;border:none;cursor:pointer;transition:all 0.15s;text-transform:uppercase;letter-spacing:0.5px}
.dep-done-btn:hover{background:#10e08e;box-shadow:0 0 16px rgba(14,203,129,0.4)}

/* Deposit chain tabs */
.dep-chains{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.dep-chain-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:#1a1d24;border:1.5px solid #2B2F36;cursor:pointer;transition:all 0.15s;flex-shrink:0}
.dep-chain-tab:hover{border-color:#5E6673;background:#1e2128}
.dep-chain-tab.active{border-color:#0ecb81;background:rgba(14,203,129,0.06)}
.dep-chain-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}
.dep-chain-name{font-size:11px;font-weight:600;color:#848E9C;white-space:nowrap;font-family:'Plus Jakarta Sans',sans-serif}
.dep-chain-tab.active .dep-chain-name{color:#EAECEF}
.dep-chain-icon{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#2B2F36}
.dep-chain-more{background:#23262F;border-color:#2B2F36}.dep-chain-more:hover{border-color:#5E6673}
.dep-chain-dd{position:absolute;left:0;right:0;top:100%;background:#14161b;border:1px solid #2B2F36;border-radius:12px;z-index:15;display:none;box-shadow:0 12px 40px rgba(0,0,0,0.7);overflow:hidden;margin-top:4px}
.dep-chain-dd.open{display:block}
.dep-chain-search{width:100%;padding:10px 14px;border:none;border-bottom:1px solid #2B2F36;background:transparent;color:#EAECEF;font-family:'Fira Code',monospace;font-size:12px;outline:none;box-sizing:border-box}
.dep-chain-search::placeholder{color:#5E6673}
.dep-chain-list{max-height:240px;overflow-y:auto}
.dep-chain-list::-webkit-scrollbar{width:4px}.dep-chain-list::-webkit-scrollbar-track{background:transparent}.dep-chain-list::-webkit-scrollbar-thumb{background:#2B2F36;border-radius:2px}
.dep-chain-row{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background 0.1s}
.dep-chain-row:hover{background:rgba(234,236,239,0.04)}
.dep-chain-row.active{background:rgba(14,203,129,0.08)}
.dep-chain-row-icon{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#2B2F36}
.dep-chain-row-name{font-size:12px;font-weight:600;color:#EAECEF}
/* Deposit token + amount card */
.dep-card{background:#1a1d24;border:1px solid #2B2F36;border-radius:12px;padding:16px;margin-bottom:14px;transition:border-color 0.15s}
.dep-card:focus-within{border-color:rgba(14,203,129,0.4)}
.dep-card-label{font-size:11px;color:#5E6673;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px;font-family:'Plus Jakarta Sans',sans-serif}
.dep-card-row{display:flex;align-items:center;gap:12px}
/* Token selector button */
.dep-tok-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:24px;background:#23262F;border:1px solid #2B2F36;cursor:pointer;transition:all 0.15s;flex-shrink:0;position:relative}
.dep-tok-btn:hover{border-color:#5E6673;background:#2a2d38}
.dep-tok-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0}
.dep-tok-sym{font-size:14px;font-weight:700;color:#EAECEF;font-family:'Plus Jakarta Sans',sans-serif}
.dep-tok-arrow{font-size:8px;color:#5E6673;transition:transform 0.15s}
.dep-tok-btn.open .dep-tok-arrow{transform:rotate(180deg)}
/* Token dropdown */
.dep-tok-dd{position:absolute;top:calc(100% + 8px);left:0;width:260px;background:#14161b;border:1px solid #2B2F36;border-radius:12px;z-index:20;display:none;box-shadow:0 12px 40px rgba(0,0,0,0.7);overflow:hidden}
.dep-tok-dd.open{display:block}
.dep-tok-search{width:100%;padding:10px 14px;border:none;border-bottom:1px solid #2B2F36;background:transparent;color:#EAECEF;font-family:'Fira Code',monospace;font-size:12px;outline:none;box-sizing:border-box}
.dep-tok-search::placeholder{color:#5E6673}
.dep-tok-list{max-height:200px;overflow-y:auto}
.dep-tok-list::-webkit-scrollbar{width:4px}
.dep-tok-list::-webkit-scrollbar-track{background:transparent}
.dep-tok-list::-webkit-scrollbar-thumb{background:#2B2F36;border-radius:2px}
.dep-tok-row{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background 0.1s}
.dep-tok-row:hover{background:rgba(234,236,239,0.04)}
.dep-tok-row.active{background:rgba(14,203,129,0.08)}
.dep-tok-row-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0}
.dep-tok-row-info{flex:1;min-width:0}
.dep-tok-row-sym{font-size:13px;font-weight:700;color:#EAECEF}
.dep-tok-row-name{font-size:11px;color:#848E9C;margin-top:1px}
/* Amount input (deposit card) */
.dep-amt-wrap{flex:1;min-width:0;text-align:right}
.dep-amt-input{width:100%;background:transparent;border:none;color:#EAECEF;font-family:'Fira Code',monospace;font-size:22px;font-weight:600;outline:none;text-align:right;-moz-appearance:textfield}
.dep-amt-input::-webkit-inner-spin-button,.dep-amt-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.dep-amt-input::placeholder{color:#3a3d44}
.dep-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.dep-usd-est{font-size:12px;color:#5E6673;font-family:'Fira Code',monospace}
.dep-wallet-bal{font-size:12px;color:#848E9C;cursor:pointer;transition:color 0.15s;font-family:'Fira Code',monospace;text-align:right}
.dep-wallet-bal:hover{color:#0ecb81}