:root{
  --bg:#07090e;
  --bg2:#0a0d14;
  --panel:#0f131b;
  --panel2:#131823;
  --panel3:#171d29;
  --border:#262d3b;
  --border2:#343d50;
  --text:#f5f7fb;
  --muted:#8390a5;
  --muted2:#a9b4c6;
  --purple:#9104fb;
  --purple2:#b53cff;
  --purple3:#6c03bf;
  --purpleGlow:rgba(145,4,251,.22);
  --green:#20e6a1;
  --red:#ff5070;
  --blue:#68a7ff;
  --yellow:#f6c453;
  --radius:16px;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:
  radial-gradient(circle at 16% -10%,rgba(145,4,251,.16),transparent 31%),
  radial-gradient(circle at 95% 0%,rgba(108,3,191,.10),transparent 25%),
  linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
a{color:inherit}.hidden,[hidden]{display:none!important}
.shell{width:min(1320px,calc(100% - 34px));margin:0 auto;padding:18px 0 36px;position:relative;z-index:1}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0 18px;position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(7,9,14,.96) 72%,rgba(7,9,14,0));backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:240px}.brand img{width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(145,4,251,.35))}.brand-overline{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--purple2);font-weight:900}.brand-title{font-size:19px;font-weight:900;letter-spacing:-.02em;margin-top:2px}
.top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.segmented{display:flex;gap:5px;padding:4px;background:rgba(15,19,27,.85);border:1px solid var(--border);border-radius:12px}.seg-btn,.ghost-btn{border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:8px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}.seg-btn:hover,.ghost-btn:hover{color:var(--text);background:var(--panel2)}.seg-btn.active{color:white;background:linear-gradient(135deg,var(--purple3),var(--purple));box-shadow:0 6px 18px var(--purpleGlow)}.ghost-btn{border:1px solid var(--border);background:rgba(15,19,27,.8)}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:14px 0 18px}.page-kicker{color:var(--purple2);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.page-title{font-size:34px;line-height:1.05;font-weight:950;letter-spacing:-.035em;margin:5px 0 0}.page-sub{color:var(--muted);font-size:12px;margin-top:8px}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--muted2);text-decoration:none;font-size:11px;font-weight:800}.back-link:hover{color:white}
.statusline{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin:3px 2px 14px}.live-dot{width:7px;height:7px;background:var(--purple2);border-radius:50%;box-shadow:0 0 12px var(--purple2)}
.panel{background:linear-gradient(180deg,rgba(17,22,31,.96),rgba(12,16,23,.96));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 16px 55px rgba(0,0,0,.18);margin-bottom:15px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border)}.panel-title{font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.panel-title.buy{color:var(--green)}.panel-title.sell{color:var(--red)}.panel-title.bridge{color:var(--blue)}.panel-count{color:var(--muted);font-size:10px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:13px 18px;text-align:left;border-bottom:1px solid rgba(38,45,59,.78);font-size:11px}th{font-size:9px;color:#8291a8;letter-spacing:.1em;text-transform:uppercase;font-weight:900;background:rgba(7,9,14,.17)}tbody tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:rgba(145,4,251,.055)}
.token-name,.wallet-name{font-weight:950;color:white}.token-cell{display:flex;align-items:center;gap:8px}.new-pill,.chain-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;border:1px solid var(--border2);background:rgba(255,255,255,.025);color:var(--muted2)}.new-pill{color:#d89cff;border-color:rgba(145,4,251,.38);background:rgba(145,4,251,.12)}.money-buy{color:var(--green);font-weight:950}.money-sell{color:var(--red);font-weight:950}.money-purple{color:#cf88ff;font-weight:950}.muted{color:var(--muted)}
.pagination{display:flex;justify-content:center;gap:5px;padding:12px 14px;border-top:1px solid var(--border)}.page-btn{height:31px;min-width:31px;border:1px solid var(--border);border-radius:8px;background:var(--panel2);color:var(--muted);font-size:10px;font-weight:900;cursor:pointer}.page-btn.active{background:linear-gradient(135deg,var(--purple3),var(--purple));color:white;border-color:transparent;box-shadow:0 5px 16px var(--purpleGlow)}.page-btn:disabled{opacity:.35;cursor:default}.page-dots{color:var(--muted);display:flex;align-items:center;padding:0 3px}
.wallet-list{padding:10px 14px}.wallet-row{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(320px,2fr) 120px 120px;gap:18px;align-items:center;padding:14px 15px;border:1px solid transparent;border-bottom-color:var(--border);cursor:pointer}.wallet-row:last-child{border-bottom-color:transparent}.wallet-row:hover{border-color:rgba(145,4,251,.3);background:rgba(145,4,251,.045);border-radius:12px}.wallet-address{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);font-size:9px;margin-top:4px}.flow-wrap{min-width:0}.flow-bar{height:9px;width:100%;display:flex;border-radius:999px;overflow:hidden;background:#202633;border:1px solid rgba(255,255,255,.04)}.flow-buy{background:linear-gradient(90deg,#16ce91,var(--green))}.flow-sell{background:linear-gradient(90deg,var(--red),#ff6d86)}.flow-labels{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:9px;font-weight:900}.wallet-metric-label{font-size:8px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.wallet-metric{font-size:12px;font-weight:950;margin-top:4px}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}.summary-card{padding:16px;border-radius:14px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border)}.summary-label{font-size:8px;color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-weight:900}.summary-value{font-size:22px;font-weight:950;margin-top:7px;letter-spacing:-.03em}.summary-sub{font-size:9px;color:var(--muted);margin-top:4px}.ca-box{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--border);border-radius:13px;background:var(--panel);margin-bottom:14px}.ca-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:var(--muted2)}.copy-btn{border:1px solid var(--border2);background:var(--panel3);color:white;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:900;cursor:pointer}.copy-btn:hover{border-color:var(--purple)}
.section-rule{display:flex;align-items:center;gap:12px;margin:28px 0 12px}.section-rule h2{margin:0;font-size:13px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.section-rule:after{content:"";height:2px;flex:1;background:linear-gradient(90deg,var(--purple),rgba(145,4,251,0));border-radius:99px}.section-note{color:var(--muted);font-size:9px;margin:-4px 0 12px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.subpanel{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.subpanel-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid var(--border);font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.subpanel-head.buy{color:var(--green)}.subpanel-head.sell{color:var(--red)}
.holding-bar{width:94px;height:6px;border-radius:99px;background:#202633;overflow:hidden}.holding-fill{height:100%;background:linear-gradient(90deg,var(--purple3),var(--purple2));border-radius:99px}.empty{padding:25px;text-align:center;color:var(--muted);font-size:11px}
.big-flow{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);margin:13px 0}.big-flow .flow-bar{height:12px}.big-flow .flow-labels{font-size:10px;margin-top:9px}
.footer{display:flex;justify-content:space-between;align-items:center;color:#677287;font-size:9px;padding:18px 2px}.footer a{text-decoration:none;color:#8793a8}.footer a:hover{color:var(--purple2)}
.login-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 25%,rgba(145,4,251,.18),transparent 30%),#07090e}.login-card{width:min(430px,100%);text-align:center}.login-logo{width:70px;height:70px;margin:0 auto 12px;filter:drop-shadow(0 0 22px rgba(145,4,251,.42))}.login-title{font-size:25px;font-weight:950}.login-sub{font-size:11px;color:var(--muted);margin:7px 0 23px}.code-boxes{display:flex;justify-content:center;gap:8px}.code-box{width:50px;height:61px;border:1px solid var(--border2);border-radius:12px;background:var(--panel);color:white;text-align:center;font-size:23px;font-weight:950;outline:none}.code-box:focus{border-color:var(--purple2);box-shadow:0 0 0 3px rgba(145,4,251,.12)}.login-message{height:20px;margin-top:14px;font-size:10px;color:var(--muted)}.login-message.error{color:var(--red)}
@media(max-width:950px){.summary-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.wallet-row{grid-template-columns:1fr;gap:10px}.wallet-row .wallet-metric-block{display:inline-block;margin-right:25px}.topbar{align-items:flex-start}.brand{min-width:0}}
@media(max-width:650px){.shell{width:min(100% - 16px,1320px)}.topbar{position:relative;flex-direction:column}.top-actions{width:100%;justify-content:flex-start}.segmented{max-width:100%;overflow:auto}.page-title{font-size:28px}.summary-grid{grid-template-columns:1fr 1fr}.code-boxes{gap:5px}.code-box{width:43px;height:56px}.wallet-row{padding:13px 4px}.footer{flex-direction:column;gap:8px;align-items:flex-start}}


/* =====================================================
   V3 COMPACT LAYOUT / LARGER TYPE
   ===================================================== */
.topbar{
  position:relative;
  top:auto;
  background:transparent;
  backdrop-filter:none;
  padding:4px 0 12px;
}
.shell{width:min(1460px,calc(100% - 28px));padding-top:12px}
.brand-overline{font-size:10px}.brand-title{font-size:21px}
.seg-btn,.ghost-btn{font-size:12px;padding:9px 13px}
.statusline{font-size:11px;margin:2px 2px 10px}
.panel{margin-bottom:10px;border-radius:14px}
.panel-head{padding:13px 15px}.panel-title{font-size:13px}.panel-count{font-size:11px}
th,td{padding:11px 13px;font-size:13px}
th{font-size:10.5px}
.token-name,.wallet-name{font-size:13px}
.chain-pill,.new-pill{font-size:9.5px;padding:4px 7px}
.pagination{padding:9px 12px}.page-btn{font-size:11px}
.wallet-list{padding:4px 10px}.wallet-row{padding:12px 10px;gap:14px;grid-template-columns:minmax(190px,1fr) minmax(300px,2.2fr) 130px 130px}
.wallet-address{font-size:10px}.flow-labels{font-size:10.5px}.wallet-metric-label{font-size:9.5px}.wallet-metric{font-size:13px}
.page-head{margin:5px 0 10px}.page-kicker{font-size:11px}.page-title{font-size:38px}.page-sub{font-size:13px}
.ca-box{padding:11px 13px;margin-bottom:10px}.ca-text{font-size:11px}.copy-btn{font-size:10px}
.summary-grid{gap:8px;margin:10px 0 12px}.summary-card{padding:13px}.summary-label{font-size:9.5px}.summary-value{font-size:23px}.summary-sub{font-size:10px}
.section-rule{margin:18px 0 9px}.section-rule h2{font-size:15px}.section-note{font-size:10.5px;margin:-2px 0 9px}
.two-col{gap:10px}.subpanel-head{padding:12px 13px;font-size:11px}
.big-flow{padding:13px;margin:10px 0}.big-flow .flow-labels{font-size:11px}
.footer{padding:12px 2px;font-size:10px}

/* Dashboard: buy and sell panels side by side */
.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.flow-grid .panel{min-width:0}
.flow-grid .table-wrap{overflow:visible}
.flow-grid table{min-width:0;table-layout:fixed}
.flow-grid th,.flow-grid td{padding:10px 11px}
.flow-grid th:nth-child(1){width:31%}
.flow-grid th:nth-child(2){width:22%}
.flow-grid th:nth-child(3),.flow-grid th:nth-child(4){width:14%}
.flow-grid th:nth-child(5){width:19%}

/* Coin detail: no horizontal scrolling, tighter layout and vertical separators */
.coin-history .table-wrap,.coin-holders .table-wrap{overflow:visible}
.coin-history table,.coin-holders table{min-width:0;table-layout:fixed}
.coin-history th,.coin-history td,.coin-holders th,.coin-holders td{border-right:1px solid rgba(52,61,80,.5)}
.coin-history th:last-child,.coin-history td:last-child,.coin-holders th:last-child,.coin-holders td:last-child{border-right:0}
.coin-history th,.coin-history td{padding:11px 12px}
.coin-history th:nth-child(1){width:34%}.coin-history th:nth-child(2){width:25%}.coin-history th:nth-child(3){width:20%}.coin-history th:nth-child(4){width:21%}
.coin-holders th:nth-child(1){width:24%}.coin-holders th:nth-child(2){width:18%}.coin-holders th:nth-child(3){width:16%}.coin-holders th:nth-child(4){width:16%}.coin-holders th:nth-child(5){width:16%}.coin-holders th:nth-child(6){width:10%}
.holding-bar{width:100%;max-width:115px}

/* Wallet detail: filters + buy/sell tables side by side */
.wallet-detail-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.wallet-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.wallet-detail-grid .panel{min-width:0;margin-bottom:0}
.wallet-detail-grid .table-wrap{overflow:visible}
.wallet-detail-grid table{min-width:0;table-layout:fixed}
.wallet-detail-grid th,.wallet-detail-grid td{padding:11px 10px;border-right:1px solid rgba(52,61,80,.5)}
.wallet-detail-grid th:last-child,.wallet-detail-grid td:last-child{border-right:0}
.wallet-detail-grid th:nth-child(1){width:24%}.wallet-detail-grid th:nth-child(2){width:16%}.wallet-detail-grid th:nth-child(3){width:22%}.wallet-detail-grid th:nth-child(4){width:22%}.wallet-detail-grid th:nth-child(5){width:16%}
.pair{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.pair small{font-size:9px;color:var(--muted);font-weight:800}.pair b{font-size:12px}
.detail-panel-title{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-bottom:1px solid var(--border);font-size:13px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.detail-panel-title.buy{color:var(--green)}.detail-panel-title.sell{color:var(--red)}
.summary-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}

@media(max-width:1100px){
  .flow-grid,.wallet-detail-grid{grid-template-columns:1fr}
  .flow-grid .table-wrap,.wallet-detail-grid .table-wrap{overflow:auto}
  .flow-grid table,.wallet-detail-grid table{min-width:720px;table-layout:auto}
}
@media(max-width:950px){.coin-history{grid-template-columns:1fr}.coin-history .table-wrap{overflow:auto}.coin-history table{min-width:650px;table-layout:auto}.coin-holders .table-wrap{overflow:auto}.coin-holders table{min-width:780px;table-layout:auto}}
@media(max-width:650px){.shell{width:min(100% - 14px,1460px)}.page-title{font-size:31px}.summary-grid.three{grid-template-columns:1fr}.wallet-detail-actions{justify-content:flex-start}}


/* =====================================================
   V4 — visual cleanup / desktop density
   ===================================================== */

/* Kill the solid dark header strip everywhere. */
header.topbar{
  position:relative !important;
  top:auto !important;
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
  border:0 !important;
}
header.topbar::before,header.topbar::after{display:none!important;content:none!important}

/* Slightly tighter vertical rhythm. */
.shell{padding-top:8px}
.topbar{padding:2px 0 8px!important}
.page-head{margin:2px 0 8px}
.ca-box{margin-bottom:8px}
.summary-grid{margin:8px 0 9px}
.big-flow{margin:8px 0 9px;padding:11px 13px}
.panel{margin-bottom:8px}
.section-rule{margin:14px 0 7px}

/* Readability */
body{font-size:14px}
th{font-size:11.5px}
td{font-size:13.5px}
.panel-title,.detail-panel-title{font-size:13.5px}
.panel-count,.detail-count{font-size:11.5px}
.chain-pill{font-size:11.5px!important;padding:5px 9px!important;line-height:1.05;color:#c8d1df;font-weight:900}
.new-pill{font-size:10px!important}
.token-name,.wallet-name{font-size:14px}
.page-sub{font-size:13px}

/* Dashboard: force BUY + SELL beside one another on normal desktop widths. */
.flow-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start;
}
.flow-grid>.panel{min-width:0!important;margin-bottom:0}
.flow-grid .table-wrap{overflow:hidden!important}
.flow-grid table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.flow-grid th,.flow-grid td{padding:10px 9px!important}
.flow-grid .chain-pill{font-size:10.5px!important;padding:4px 6px!important}

/* Wallet detail header: time filter centered independently of right controls. */
.wallet-topbar{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:14px!important}
.wallet-topbar .brand{justify-self:start}
.wallet-filter-center{justify-self:center}
.wallet-detail-actions{justify-self:end;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
#walletFilters .seg-btn{min-width:45px;text-align:center}

/* Wallet summary: 4 equal cards. */
.summary-grid.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}

/* Wallet detail tables: side-by-side, concise B/S pairs. */
.wallet-detail-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start;
}
.wallet-detail-grid .panel{min-width:0!important;margin-bottom:0}
.wallet-detail-grid .table-wrap{overflow:hidden!important}
.wallet-detail-grid table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.wallet-detail-grid th,.wallet-detail-grid td{padding:11px 9px!important;vertical-align:middle;border-right:1px solid rgba(52,61,80,.55)}
.wallet-detail-grid th:last-child,.wallet-detail-grid td:last-child{border-right:0}
.wallet-detail-grid th:nth-child(1){width:22%}
.wallet-detail-grid th:nth-child(2){width:16%}
.wallet-detail-grid th:nth-child(3){width:22%}
.wallet-detail-grid th:nth-child(4){width:24%}
.wallet-detail-grid th:nth-child(5){width:16%}
.detail-panel-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:11px 12px!important}
.detail-count{color:var(--muted);font-weight:900;letter-spacing:.06em;white-space:nowrap}
.bs-pair{display:flex;align-items:baseline;gap:5px;white-space:nowrap;font-size:13px;font-weight:950}
.bs-slash{color:#667188;font-weight:900}
.wallet-detail-grid .chain-pill{font-size:11px!important;padding:4px 7px!important}

/* Keep both dashboard and wallet columns beside each other until true mobile. */
@media(max-width:760px){
  .flow-grid,.wallet-detail-grid{grid-template-columns:1fr!important}
  .flow-grid .table-wrap,.wallet-detail-grid .table-wrap{overflow:auto!important}
  .flow-grid table,.wallet-detail-grid table{min-width:680px!important;table-layout:auto!important}
  .wallet-topbar{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .wallet-topbar .brand,.wallet-filter-center,.wallet-detail-actions{justify-self:auto}
  .wallet-filter-center{display:flex;justify-content:center}
  .wallet-detail-actions{justify-content:center}
  .summary-grid.four{grid-template-columns:1fr 1fr}
}


/* =====================================================
   V5 — table readability / unified detail views
   ===================================================== */

/* Plain readable chain names — no pills/bubbles. */
.chain-text{
  display:inline-block;
  color:#d6deea;
  font-size:13.5px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:0;
  white-space:nowrap;
}

/* Center every data column except the identifying first column. */
.align-center-except-first th:not(:first-child),
.align-center-except-first td:not(:first-child){
  text-align:center!important;
}
.align-center-except-first th:first-child,
.align-center-except-first td:first-child{
  text-align:left!important;
}
.align-center-all th,
.align-center-all td{
  text-align:center!important;
}

/* Slightly stronger grid definition and larger table type. */
.align-center-except-first th,
.align-center-except-first td,
.align-center-all th,
.align-center-all td{
  border-right:1px solid rgba(52,61,80,.48);
  vertical-align:middle;
}
.align-center-except-first th:last-child,
.align-center-except-first td:last-child,
.align-center-all th:last-child,
.align-center-all td:last-child{
  border-right:0;
}
.align-center-except-first td,
.align-center-all td{
  font-size:13.5px;
}
.align-center-except-first th,
.align-center-all th{
  font-size:11.5px;
}

/* Dashboard two-column tables: plain chain text and centered numeric columns. */
.flow-grid .align-center-except-first th:not(:first-child),
.flow-grid .align-center-except-first td:not(:first-child){
  text-align:center!important;
}
.flow-grid .chain-text{font-size:12.5px;font-weight:850}

/* B/S pairs are centered within their cells. */
.centered-pair{
  justify-content:center!important;
  width:100%;
}
.bs-pair{
  font-size:13.5px!important;
  gap:6px!important;
}

/* One unified wallet activity table and a second history table. */
.detail-table-panel{
  margin-bottom:10px!important;
  overflow:hidden;
}
.detail-data-table{
  width:100%!important;
  min-width:760px!important;
  table-layout:fixed;
}
.detail-data-table th,
.detail-data-table td{
  padding:12px 12px!important;
}
.detail-data-table th:nth-child(1){width:24%}
.detail-data-table th:nth-child(2){width:16%}
.detail-data-table th:nth-child(3){width:22%}
.detail-data-table th:nth-child(4){width:22%}
.detail-data-table th:nth-child(5){width:16%}
.history-data-table th:nth-child(1){width:28%}
.history-data-table th:nth-child(2){width:12%}
.history-data-table th:nth-child(3){width:19%}
.history-data-table th:nth-child(4){width:19%}
.history-data-table th:nth-child(5){width:22%}

/* Coin history + holding are full-width, one table each. */
.coin-wallet-table{
  width:100%!important;
  min-width:820px!important;
  table-layout:fixed;
}
.coin-wallet-table th,
.coin-wallet-table td{
  padding:12px 13px!important;
}
.coin-wallet-table th:nth-child(1){width:24%}
.centered-holding{
  margin:0 auto;
  max-width:125px;
}
.holding-percent{
  margin-top:5px;
  font-size:10px!important;
  text-align:center;
}

/* History table has five balanced columns. */
.detail-table-panel .coin-wallet-table th:nth-child(1){width:24%}
.detail-table-panel .coin-wallet-table th:nth-child(2){width:16%}
.detail-table-panel .coin-wallet-table th:nth-child(3){width:16%}
.detail-table-panel .coin-wallet-table th:nth-child(4){width:22%}
.detail-table-panel .coin-wallet-table th:nth-child(5){width:22%}

/* Holding table has six columns. */
.coin-holders .coin-wallet-table th:nth-child(1){width:24%}
.coin-holders .coin-wallet-table th:nth-child(2){width:16%}
.coin-holders .coin-wallet-table th:nth-child(3){width:15%}
.coin-holders .coin-wallet-table th:nth-child(4){width:15%}
.coin-holders .coin-wallet-table th:nth-child(5){width:17%}
.coin-holders .coin-wallet-table th:nth-child(6){width:13%}

/* Keep pagination compact but obvious. */
.detail-table-panel .pagination,
.coin-holders .pagination{
  border-top:1px solid var(--border);
}

/* Main wallet list already pages at seven; improve text readability. */
.wallet-row .wallet-name{font-size:14.5px}
.wallet-row .wallet-address{font-size:10.5px}
.wallet-row .wallet-metric{font-size:13.5px}

/* Prevent legacy chain-pill rules from affecting any remaining markup. */
.chain-pill{
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  color:#d6deea!important;
  font-size:13.5px!important;
  font-weight:850!important;
}

@media(max-width:900px){
  .detail-table-panel .table-wrap,
  .coin-holders .table-wrap{overflow:auto!important}
}


/* =====================================================
   V6 — cleaner tables + centered time controls
   ===================================================== */

/* Horizontal row separators only. No vertical grid lines. */
table th, table td,
.align-center-except-first th,
.align-center-except-first td,
.align-center-all th,
.align-center-all td,
.wallet-detail-grid th,
.wallet-detail-grid td{
  border-right:0!important;
}

/* Dashboard header: time window is visually centered on the page. */
.dashboard-topbar{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:16px!important;
}
.dashboard-topbar .brand{justify-self:start}
.dashboard-filter-center{justify-self:center}
.dashboard-actions{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:nowrap;
}
#filters .seg-btn{min-width:44px;text-align:center}

/* Section labels live outside the table card. */
.detail-table-panel{margin-bottom:8px!important}
.section-rule{margin-top:22px!important;margin-bottom:10px!important}

@media(max-width:860px){
  .dashboard-topbar{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
  }
  .dashboard-topbar .brand{width:100%;justify-content:center}
  .dashboard-filter-center{order:2}
  .dashboard-actions{order:3}
}

/* =====================================================
   V7 — bridge alignment + terminology cleanup
   ===================================================== */

/* Keep BRIDGES aligned exactly with the BUY/SELL grid above it. */
#flowView > .bridge-panel{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-top:8px!important;
  box-sizing:border-box!important;
}
#flowView > .flow-grid{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* =====================================================
   V8 — fixed dashboard row height
   ===================================================== */
/* NEW badge must never make BUY/SELL rows taller. */
#flowView .flow-grid table tbody tr{
  height:48px!important;
}
#flowView .flow-grid table tbody td{
  height:48px!important;
  min-height:48px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}
#flowView .flow-grid .token-cell{
  height:48px!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
#flowView .flow-grid .new-pill{
  height:22px!important;
  min-height:22px!important;
  padding:0 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  line-height:1!important;
  flex:0 0 auto!important;
}