/* ═══════════════════════════════════════════════════════════════
   wallets.css — the wallet tracker (ui-wallets.js): Traders → Wallet
   tracker, the workspace's Wallets panel, the add / import sheets, and
   the Track buttons on holders and traders' pages.
   ═══════════════════════════════════════════════════════════════ */
.wt{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.wt-feed{padding:12px 6px 6px;min-width:0}
.wt-feed .sm-fh{padding:0 6px}
.wt-feed:has(.wt-list.held) .sm-held{display:inline-flex}
.wt-feed:has(.wt-list.held) .tr-pulse{animation-play-state:paused;opacity:.5}
.wt-flt{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wt-flt .seg button{height:26px;padding:0 9px;font-size:12px}
.wt-flt select.inp{height:30px;padding:0 26px 0 9px;font-size:12px;max-width:170px}
.wt-head,.wt-row{grid-template-columns:44px minmax(130px,1.05fr) minmax(170px,1.4fr) minmax(80px,.65fr) minmax(76px,.6fr) 96px}
.wt-row.xfer::before{background:var(--mute)}
.wt-row .sf-tr .chain{width:15px;height:15px;flex-shrink:0}
.wt-row .sf-tr a.sf-c{color:var(--text)}
.wt-row .sf-tr a.sf-c:hover{color:var(--brand-text)}
.wt-row .psuf{color:var(--mute);font-weight:500}
.wt-hl{display:inline-flex;align-items:center;justify-content:center;height:15px;padding:0 4px;border-radius:4px;background:rgba(80,210,193,.14);color:#50d2c1;font-size:9px;font-weight:700;letter-spacing:.04em;flex-shrink:0}
.wt-q{gap:4px;align-items:center}
.wt-q .btn{min-width:0;padding:0 8px;gap:3px}
.wt-q .tk-ib{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:var(--faint)}
.wt-q .tk-ib:hover{color:var(--text);background:var(--card-2)}
.wt-emo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9px;background:var(--card-2);border:1px solid var(--line);line-height:1}
.wt-list{min-height:340px}

.wt-aside{display:flex;flex-direction:column;gap:14px;position:sticky;top:0;min-width:0}
.wt-ws h3 .wt-addb{margin-left:auto;gap:4px}
.wt-w{display:flex;align-items:center;gap:9px;padding:7px 4px;border-radius:9px;transition:background .15s}
.wt-w:hover{background:var(--hover)}
.wt-w.off{opacity:.6}
.wt-wm{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.wt-wm b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wt-wm b .tag{font-size:9.5px;vertical-align:1px}
.wt-wm small{font-size:11px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wt-wm small.wt-last{color:var(--faint)}
.wt-bell{color:var(--faint)}
.wt-bell.on{color:var(--brand-text)}
.wt-io{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.wt-none{font-size:12px;color:var(--mute);padding:6px 2px}
.wt-cfg{display:flex;flex-direction:column;gap:8px}
.wt-c{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--text-2)}
.wt-c select.inp{height:30px;font-size:12px;padding:0 26px 0 9px;max-width:160px}
.wt-cfg .check{font-size:12.5px;line-height:1.4}
.wt-fine{margin:2px 0 0;font-size:11.5px;color:var(--faint);line-height:1.5}
.wt-s{display:grid;grid-template-columns:8px 92px minmax(0,1fr);gap:8px;align-items:baseline;padding:5px 0;font-size:12px;border-bottom:1px solid var(--line)}
.wt-s:last-child{border-bottom:0}
.wt-s i{width:7px;height:7px;border-radius:50%;background:var(--faint);transform:translateY(-1px)}
.wt-s i.on{background:var(--up);box-shadow:0 0 0 3px rgba(var(--up-rgb),.16)}
.wt-s i.off{background:var(--down)}
.wt-s b{font-weight:600}
.wt-s span{color:var(--mute);line-height:1.45}

.wt-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:46px 16px;color:var(--mute)}
.wt-empty b{font-size:15px;color:var(--text)}
.wt-empty p{margin:0;max-width:440px;font-size:12.5px;line-height:1.6}
.wt-empty small{font-size:11.5px;color:var(--faint);max-width:420px;line-height:1.5}
.wt-empty-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:var(--brand-soft,rgba(88,110,246,.12));color:var(--brand-text)}

/* the add sheet */
.wt-sheet .field{margin-bottom:10px}
.wt-emojis{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 12px}
.wt-emojis button{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--card-2);font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:var(--mute);transition:border-color .15s,background .15s}
.wt-emojis button:hover{border-color:var(--line-2)}
.wt-emojis button[aria-pressed=true]{border-color:var(--brand);background:rgba(var(--brand-rgb),.14)}
.wt-where{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:0 0 10px}
.wt-where .tk-fl{width:100%}
.wt-where .check{font-size:12.5px}
.wt-exp{width:100%;font-family:var(--mono);font-size:11.5px;resize:vertical;min-height:140px}

/* the workspace panel */
.wt-ph{display:inline-flex;gap:4px}
.wt-pr .wt-emo,.wt-pr .buddy{flex-shrink:0}
.wt-pr .l1 span{font-size:12px;white-space:nowrap}

/* "Track" beside an address */
.wt-tb{gap:4px;height:22px;padding:0 7px;font-size:11px}
.wt-tb.on{color:var(--up);border-color:var(--up-line)}
.tk-hw .wt-tb{height:20px;padding:0 5px;margin-left:2px}
.tw-addr .wt-tb{margin-left:4px}

@media (max-width:1180px){
  .wt{grid-template-columns:minmax(0,1fr)}
  .wt-aside{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
}
@media (max-width:720px){
  .wt-head,.wt-row{grid-template-columns:40px minmax(96px,1fr) minmax(120px,1.3fr) minmax(70px,.7fr) 60px}
  .wt-head .wt-mc,.wt-row .wt-mc{display:none}
  .wt-q .tk-ib{display:none}
  .wt-flt{width:100%}
}