/* Feed de demonstração separado dos registros e métricas reais. */
.trade-demo{margin-top:23px;min-width:0;border-top:1px solid var(--line,#b8b5ac);padding-top:14px;color:var(--ink,#282a39)}
.td-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px}
.td-label{font-size:9px;letter-spacing:.45px;color:#6b5025;line-height:1.6}
.td-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.td-side-label{font-size:9px;display:flex;align-items:center;gap:5px;color:#625c69}
.td-side{font:inherit;font-size:10px;color:#343241;border:1px solid #8e8896;background:#f7f3e6;min-height:33px;max-width:155px;padding:5px}
.td-side:focus-visible{outline:2px solid var(--blue,#2b47d2);outline-offset:2px}
.td-controls button{font:inherit;font-size:10px;min-height:33px;border:1px solid #565569;border-radius:0;padding:6px 10px;cursor:pointer;box-shadow:inset 1px 1px 0 #ffffff80,inset -1px -1px 0 #0002,2px 2px 0 #b5b1a6}
.td-controls button:active{transform:translate(1px,1px);box-shadow:inset 1px 1px 0 #0003}
.td-controls button:disabled{opacity:.58;cursor:default;transform:none}
.td-run{background:var(--blue,#2b47d2);color:#fff!important}
.td-clear{background:#efebdf;color:#343241}
.td-note{font-size:10px;color:#5f5c66;line-height:1.7;margin:10px 0 0}
.td-quote{font-size:9px;line-height:1.65;color:#77717a;margin:5px 0 11px;overflow-wrap:anywhere}
.td-posts{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.td-post{display:flex;gap:10px;align-items:flex-start;background:#f2efe3;border:1px solid #c5c0b4;padding:11px 10px;min-width:0;border-left:3px solid #8e8c9d;animation:td-arrive .22s ease-out}
.td-post-filled{border-left-color:#407b57;background:#f0f1e5}
.td-post-submitted{border-left-color:var(--blue,#2b47d2)}
.td-post-decided{border-left-color:#887545;background:#f1eddf}
.td-post-canceled{border-left-color:#9c7954}
.td-avatar{width:32px;height:32px;flex:0 0 32px;object-fit:cover;border:1px solid #9fa9b4;background:#e1edf7}
.td-post-body{min-width:0;flex:1}
.td-post-meta{display:flex;align-items:center;gap:5px 7px;flex-wrap:wrap;line-height:1.5}
.td-author{font-size:11px}
.td-handle{font-size:9px;color:#706b76}
.td-phase{font-size:8px;border:1px solid #b5ad94;background:#e8e1cd;color:#645431;line-height:1.3;padding:3px 4px;font-weight:bold;white-space:normal}
.td-phase-filled{background:#dce7da;color:#315539;border-color:#91aa90}
.td-phase-submitted{background:#e3e5fa;color:#3347a4;border-color:#a2a9d3}
.td-voice{font-size:11px;line-height:1.7;margin:7px 0;color:#373341;overflow-wrap:anywhere}
.td-token-link{display:flex;align-items:center;gap:7px;flex-wrap:wrap;width:fit-content;max-width:100%;min-height:38px;margin:9px 0;padding:5px 8px;border:1px solid #acaec1;background:#e8eafb;color:#243fc4;text-decoration:none;box-shadow:inset 1px 1px 0 #fff,1px 1px 0 #b5b1a6;font-size:10px;line-height:1.4}
.td-token-link:hover{background:#dce2ff;border-color:#2944d1}
.td-token-link:focus-visible{outline:2px solid #2944d1;outline-offset:3px}
.td-token-icon{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border:1px solid #859ac0;border-radius:50%;background:#ddecf9;color:#325899;font-size:13px;font-weight:bold}
.td-token-symbol{overflow-wrap:anywhere}
.td-token-chain{font-size:7px;letter-spacing:.3px;color:#65687c}
.td-token-action{font-size:9px;margin-left:8px;white-space:nowrap}
.td-detail{font-size:9px;line-height:1.7;color:#6a636f;padding-top:7px;margin:7px 0 0;border-top:1px dotted #c6c0b4;overflow-wrap:anywhere}
.td-time{display:block;font-size:8px;color:#7b7380;margin-top:6px}
.td-idle{font-size:10px;line-height:1.8;color:#7c7580;border:1px dashed #c7c2b6;padding:18px 13px;background:repeating-linear-gradient(0deg,#f9f7ef 0,#f9f7ef 24px,#f0eee5 24px,#f0eee5 25px)}
.td-idle[hidden]{display:none}
.td-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes td-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){.td-heading{align-items:flex-start}.td-controls button{min-height:36px}.td-post{padding:10px 8px;gap:8px}.td-avatar{width:28px;height:28px;flex-basis:28px}.td-author{font-size:10px}.td-voice{font-size:11px}.td-quote,.td-detail{font-size:9px}.td-controls{width:100%}.td-run{flex:1}}
@media(prefers-reduced-motion:reduce){.td-post{animation:none}.td-controls button:active{transform:none}}