.trade-page{padding-top:28px!important;padding-bottom:64px!important}
.trade-page [hidden]{display:none!important}
.trade-hero{max-width:940px;margin-bottom:16px}
.trade-hero h1{font-size:clamp(30px,4vw,40px);line-height:1.15;margin:10px 0 12px}
.trade-hero p:not(.eyebrow){color:var(--muted);font-size:16px;max-width:88ch}
.trade-quick{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.trade-quick a,.trade-actions a{min-height:44px;display:inline-flex;align-items:center;color:var(--cyan);text-underline-offset:4px}
.trade-controls{display:flex;gap:16px;align-items:end;padding:16px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface)}
.trade-controls label{flex:1;display:grid;gap:7px;font-weight:600}
.trade-page select,.trade-page input{color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:8px;padding:12px;font-size:16px;min-width:0;width:100%;min-height:48px}
.trade-page button{border:0;border-radius:8px;background:var(--accent);color:var(--on-accent);padding:12px 20px;font-size:16px;min-height:48px;font-weight:700;cursor:pointer}
.trade-page button:disabled{opacity:.55;cursor:wait}
.trade-status{padding:22px;margin-top:20px!important;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted)}
.trade-error{border-color:var(--warn);color:var(--warn)}
.trade-bot{padding:20px 0 16px;border-bottom:1px solid var(--line)}
.trade-bot h2{font-size:28px;margin-bottom:8px}
.trade-bot p{color:var(--muted);margin:6px 0!important;max-width:80ch}
.trade-record-section{margin-top:20px}
.trade-record-section h2{scroll-margin-top:100px}
.trade-jump{display:flex;gap:24px;flex-wrap:wrap;margin-top:10px}
.trade-jump a{display:inline-flex;align-items:center;min-height:44px;color:var(--cyan);text-underline-offset:4px}
.trade-record-section h2{font-size:24px;margin-bottom:8px}
.trade-caption{color:var(--muted);font-size:14px;max-width:88ch;margin:8px 0 16px!important}
.trade-filters{display:flex;gap:14px;margin:20px 0 12px}
.trade-filters label{display:grid;gap:6px;flex:1;font-size:14px;color:var(--muted)}
.trade-table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}
.trade-table{width:100%;border-collapse:collapse;font-size:15px;min-width:760px}
.trade-table th,.trade-table td{padding:16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.trade-table thead{background:var(--surface);color:var(--muted);font-size:13px}
.trade-table tbody th{font-family:var(--font-mono);color:var(--ink)}
.trade-table .trade-money{font-family:var(--font-mono);white-space:nowrap;text-align:right}
.trade-table tbody tr:last-child>*{border-bottom:0}
.trade-table tbody tr:hover{background:var(--bg-2)}
.holding-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.holding{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px}
.holding h3{font-family:var(--font-mono);font-size:19px}
.holding p{font-size:13px;color:var(--muted);margin-top:6px!important}
.trade-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:16px}
.trade-explainer{margin-top:32px;background:var(--bg-2);padding:24px;border-radius:var(--radius);border:1px solid var(--line)}
.trade-explainer summary{font-weight:700;cursor:pointer;min-height:32px}
.trade-explainer p{margin-top:12px!important;color:var(--muted);max-width:85ch}
.trade-email{margin-top:28px;padding:24px;border-left:3px solid var(--accent);background:var(--surface)}
.trade-email p{color:var(--muted);margin:8px 0 12px!important}
.trade-email a{color:var(--cyan);font-weight:700}
@media(max-width:600px){
  .trade-page{padding-top:24px!important}
  .trade-controls{padding:16px;flex-direction:column;align-items:stretch}
  .trade-controls label,.trade-controls button{width:100%}
  .trade-filters{flex-direction:column}.trade-quick{gap:0 18px}
  .trade-table{min-width:0;display:block}
  .trade-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .trade-table tbody{display:block}
  .trade-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:16px;border-bottom:1px solid var(--line)}
  .trade-table tbody tr:last-child{border-bottom:0}
  .trade-table th,.trade-table td{display:block;padding:0;border:0}
  .trade-table tbody th{grid-column:1;grid-row:1;font-size:18px}
  .trade-table .trade-money{grid-column:2;grid-row:1;font-size:18px}
  .trade-table td:nth-child(2){grid-column:1 / -1;grid-row:2;color:var(--muted);font-size:13px}
  .trade-table td:nth-child(3){grid-column:1 / -1;grid-row:3;font-size:14px}
  .trade-table td:nth-child(5){grid-column:1 / -1;grid-row:4;color:var(--muted);font-size:13px}
}
