.trade-activity{border-top:1px solid var(--line)}
.trade-activity .section-head{align-items:center}.trade-demo-badge{display:inline-block;vertical-align:middle;font-size:12px;letter-spacing:0;font-weight:600;color:#856734;background:#f2eadb;padding:7px 11px;border-radius:3px;margin-left:8px}
.trade-pause{border:1px solid #d9dddf;background:white;color:var(--ink);padding:11px 16px;font:inherit;font-size:12px;border-radius:4px;cursor:pointer;white-space:nowrap}
.trade-demo-note{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 24px;padding:14px 18px;background:#f6f1e8;color:#7c623e;border-left:3px solid #b09a74;font-size:13px;line-height:1.7}.trade-demo-note strong{font-weight:650}
.trade-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.trade-summary{background:#102d4c;border-radius:5px;padding:38px;color:#fff;display:flex;flex-direction:column}.trade-summary .eyebrow{color:#cbb995;font-size:10px;letter-spacing:.17em}.trade-summary h3{font-size:27px;font-weight:550;line-height:1.5;letter-spacing:-.05em;margin:12px 0 22px}
.trade-metrics>div{padding:20px 0;border-top:1px solid #ffffff24}.trade-metrics>div>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:#c7d5e0}.trade-metrics small{font-size:11px;letter-spacing:0;color:#b9cbd9}.trade-metrics strong{display:block;font-size:35px;letter-spacing:-.04em;font-weight:600;margin-top:10px;font-variant-numeric:tabular-nums}.trade-asof{font-size:11px;line-height:1.8;color:#c0ceda;margin:10px 0 22px}.trade-consult{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:#142f47;background:#f5f0e5;padding:14px 17px;font-size:14px;border-radius:3px}
.trade-list-panel{border:1px solid #e1e4e4;border-radius:5px;overflow:hidden;background:#fff}.trade-list-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 25px;border-bottom:1px solid #e9eae6;background:#f8f8f4}.trade-list-heading h3{font-size:17px;font-weight:650;margin:0}.trade-list-heading>span{font-size:12px;color:#7b858e}
.trade-viewport{height:364px;overflow:auto;overscroll-behavior:contain}.trade-viewport.is-rolling{overflow:hidden}.trade-track ul{padding:0;margin:0;list-style:none}.trade-row{height:91px;display:flex;align-items:center;gap:14px;padding:15px 23px;border-bottom:1px solid #eceeea;box-sizing:border-box}.trade-brand-image{width:58px;height:48px;display:flex;justify-content:center;align-items:center;background:#f4f5f3;border-radius:5px;flex:none;overflow:hidden}.trade-brand-image img{width:54px;height:44px;object-fit:contain;mix-blend-mode:multiply}.trade-person{min-width:0;flex:1}.trade-person>strong{font-size:14px;font-weight:600;display:flex;gap:10px;flex-wrap:wrap;line-height:1.5}.trade-person>strong>span{font-size:12px;color:#566776;font-weight:500}.trade-person>small{display:block;font-size:10px;color:#7c8790;letter-spacing:.025em;margin-top:6px}.trade-amount{flex:none;text-align:right}.trade-amount strong{display:block;font-size:17px;color:#163a58;font-weight:650;font-variant-numeric:tabular-nums}.trade-amount>span{display:inline-block;margin-top:7px;background:#edf4ee;color:#3d7054;font-size:10px;padding:3px 7px;border-radius:3px}.trade-list-note{padding:16px 23px;margin:0;font-size:11px;color:#7c8790;line-height:1.7;border-top:1px solid #e9eae6}.trade-empty{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;gap:15px}.trade-empty strong{font-size:17px}.trade-empty p{font-size:14px;line-height:1.8;color:var(--muted)}.trade-empty a{color:var(--blue);font-weight:650}
.trade-marquee{display:flex;align-items:center;border:1px solid #e5e5df;background:#f7f7f2;border-radius:4px;margin-top:20px;overflow:hidden}.trade-marquee-label{padding:17px 23px;flex:none;font-size:12px;font-weight:650;background:#f0eee7;z-index:1}.trade-marquee-window{overflow:hidden;flex:1}.trade-marquee-track{display:flex;width:max-content;animation:trade-sideways 55s linear infinite}.trade-marquee-track>div{display:flex}.trade-marquee-track span{display:inline-flex;gap:9px;align-items:center;white-space:nowrap;padding:0 24px;font-size:12px;color:#667583}.trade-marquee-track strong{color:#183c58;font-weight:650}
.is-rolling .trade-track{animation:trade-up var(--trade-duration,48s) linear infinite}.trade-paused .trade-track,.trade-paused .trade-marquee-track,.trade-viewport:hover .trade-track,.trade-viewport:focus-within .trade-track,.trade-marquee:hover .trade-marquee-track,.trade-marquee:focus-within .trade-marquee-track{animation-play-state:paused}
@keyframes trade-up{to{transform:translateY(-50%)}}@keyframes trade-sideways{to{transform:translateX(-50%)}}
.trade-activity button:focus-visible,.trade-activity [tabindex]:focus-visible{outline:3px solid #8facbe;outline-offset:3px}
@media(max-width:850px){.trade-grid{grid-template-columns:1fr}.trade-summary{padding:30px}.trade-metrics{display:grid;grid-template-columns:1fr 1fr;gap:25px}.trade-summary h3 br{display:none}.trade-metrics strong{font-size:30px}.trade-asof{margin-bottom:18px}}
@media(max-width:600px){.trade-activity .section-head{align-items:flex-start;gap:13px;flex-wrap:wrap}.trade-activity h2{font-size:27px}.trade-demo-badge{font-size:10px;padding:5px 8px}.trade-demo-note{font-size:12px;padding:13px 15px}.trade-grid{gap:17px}.trade-summary{padding:27px 22px}.trade-summary h3{font-size:23px}.trade-metrics{gap:16px}.trade-metrics>div>span{display:block;font-size:10px}.trade-metrics small{display:block;margin-top:7px;font-size:10px}.trade-metrics strong{font-size:25px}.trade-list-heading{padding:18px}.trade-row{gap:10px;padding:13px}.trade-person>strong{gap:3px 7px;font-size:12px}.trade-person>strong>span{font-size:11px}.trade-brand-image{width:40px;height:38px}.trade-brand-image img{width:38px;height:35px}.trade-person>small{font-size:9px}.trade-amount strong{font-size:14px}.trade-amount>span{font-size:9px}.trade-list-note{padding:15px;font-size:10px}.trade-marquee-label{padding:15px;font-size:11px}.trade-marquee-track span{font-size:11px;padding:0 18px}}
@media(prefers-reduced-motion:reduce){.is-rolling .trade-track,.trade-marquee-track{animation:none}.trade-viewport.is-rolling{overflow:auto}.trade-track>ul[aria-hidden]{display:none}.trade-marquee-window{overflow-x:auto}.trade-marquee-track>div[aria-hidden]{display:none}}
