/* /proven-traders discovery: list tabs and filter strip
   (views/partials/trader-discovery-bar.ejs). Tokens only. One control height
   (32px), neutral active states, the accent only as the active tab's 2px mark. */
.ptd { margin: 34px 0 6px; scroll-margin-top: 70px; }
.ptd-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--tt-border, rgba(244,241,236,0.1)); }
.ptd-tab { display: inline-flex; flex-direction: column; justify-content: center; min-height: 44px; padding: 4px 14px 6px; border-radius: 6px 6px 0 0; color: var(--tt-text-muted, #A8A29B); font: 700 0.86rem var(--tt-sans, system-ui); text-decoration: none; transition: background 120ms var(--tt-ease-out, ease), color 120ms var(--tt-ease-out, ease); }
.ptd-tab span { font: 500 10.5px var(--tt-mono, monospace); color: var(--tt-text-dim-text, #8A847C); margin-top: 1px; }
.ptd-tab:hover { color: var(--tt-text, #F4F1EC); background: rgba(244,241,236,0.03); }
.ptd-tab.is-on { color: var(--tt-text, #F4F1EC); background: var(--tt-raised, #1A1818); box-shadow: inset 0 -2px 0 0 var(--tt-accent, #EE5A2C); }
.ptd-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 12px 0 0; }
.ptd-f { display: inline-flex; align-items: center; gap: 7px; margin: 0; }
.ptd-f > span { font: 700 10px var(--tt-sans, system-ui); letter-spacing: 0.07em; text-transform: uppercase; color: var(--tt-text-dim-text, #8A847C); }
.ptd-f select { height: 32px; box-sizing: border-box; padding: 0 28px 0 11px; border-radius: 6px; border: 1px solid rgba(244,241,236,0.14); background: rgba(20,19,18,0.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23A8A29B' fill='none' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 10px center; color: var(--tt-text, #F4F1EC); font: 700 0.8rem var(--tt-mono, monospace); appearance: none; -webkit-appearance: none; cursor: pointer; }
.ptd-go, .ptd-clear { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(244,241,236,0.18); background: transparent; color: var(--tt-text-muted, #A8A29B); font: 700 0.78rem var(--tt-sans, system-ui); text-decoration: none; }
.ptd-clear:hover { color: var(--tt-text, #F4F1EC); background: rgba(244,241,236,0.045); }
.ptd .ptd-count { margin: 10px 0 0; font: 500 0.72rem var(--tt-mono, monospace); color: var(--tt-text-muted, #A8A29B); font-variant-numeric: tabular-nums; }
.ptd-count b { color: var(--tt-text, #F4F1EC); font-weight: 800; }
.ptd-count span { color: var(--tt-text-dim-text, #8A847C); }
.ptd-stage { color: var(--tt-gold, #D8A33A) !important; }
@media (max-width: 640px) {
    .ptd-tabs { gap: 2px; }
    .ptd-tab { flex: 1; padding: 4px 10px 6px; }
    .ptd-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ptd-f { flex-direction: column; align-items: stretch; gap: 4px; }
    .ptd-f select { width: 100%; }
    .ptd-clear { grid-column: 1 / -1; justify-content: center; }
}