/* trades/page.css: /trades/ only (zp-* names; rows, chips and tags come from shared/pages.css). */
.zp-filterbar{background:#fffffff2;border-bottom:1px solid var(--zp-line);padding:6px 0 4px;margin:0 0 16px}
.zp-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;min-width:0;margin:0 0 8px}
.zp-filter-row>.zp-chips{max-width:100%}
.zp-ticker-pick{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#4f625b}
.zp-ticker-pick select{font:inherit;font-size:13px;font-weight:500;border:1px solid #dce4df;border-radius:10px;padding:6px 10px;background:#fff;color:var(--ink,#20382f);min-height:34px}
.zp-ticker-pick select:focus-visible,.zp-seg button:focus-visible,.zp-chip:focus-visible{outline:2px solid #16866e;outline-offset:2px}
.zp-count{font-size:12px;color:#5d6f63;margin:0 0 4px;font-variant-numeric:tabular-nums}
.zp-log-card{padding-top:10px}
.zp-log .zp-trade:focus{outline:2px solid #73ad91;outline-offset:2px;border-radius:6px}
.zp-reset-row{text-align:center;margin:0}
.zp-legend-card{margin-top:18px}
.zp-tagdefs{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 14px;align-items:baseline;font-size:12px;line-height:1.6;color:#51616f;margin:0}
.zp-tagdefs dt .zp-tag{margin-left:0}
.zp-tagdefs dd{margin:0}
@media(min-width:801px){
 html[data-page=trades]:has(body.zp-page){scroll-padding-top:240px}
 .zp-filterbar{position:sticky;top:62px;z-index:5;backdrop-filter:blur(10px)}
}
@media(max-width:560px){
 .zp-filter-row{gap:10px 12px}
 .zp-seg button{padding:6px 9px}
 .zp-tagdefs{grid-template-columns:minmax(0,1fr);gap:2px}
 .zp-tagdefs dd{margin-bottom:8px}
}