.trend-panel{margin-bottom:28px;border-top:3px solid #238cf5}
.otc-assets-panel{margin-bottom:28px}.otc-asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin-top:20px}.otc-asset-card{padding:20px;border:1px solid #424b61;border-radius:10px;background:#202638;min-width:0}.otc-asset-card[hidden]{display:none}.otc-asset-card>.btn{width:100%;margin-bottom:18px}.otc-asset-card .stack{border-top:1px solid #3b4358;padding-top:16px}.otc-asset-trend{font-size:12px;color:#b5c8df;min-height:36px;line-height:1.6}.otc-assets-panel>.field{max-width:480px;margin-top:20px}
.trend-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.trend-heading h2{margin:6px 0}.trend-heading p{max-width:65ch}
.trend-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:16px 18px;margin:18px 0;background:#191d2b;border:1px solid #3b4358;border-radius:8px}
.trend-summary[data-direction=up]{border-left:4px solid #11c586}.trend-summary[data-direction=down]{border-left:4px solid #ed6058}
.trend-summary small,.trend-choice small,.trend-help{color:#aeb8ce}
.trend-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;border:0;margin:8px 0}
.trend-directions legend{margin-bottom:10px;font-weight:600}.trend-choice{display:flex;gap:10px;align-items:center;border:1px solid #424b61;border-radius:8px;padding:18px 14px;cursor:pointer;background:#202638}
.trend-choice:has(input:checked){background:#18334c;border-color:#329fff}.trend-choice:has(input:focus-visible){outline:2px solid #fff;outline-offset:2px}
.trend-choice input{width:18px;height:18px;flex-shrink:0;accent-color:#329fff}.trend-choice span{display:grid;gap:5px}.trend-choice small{font-size:12px}
.trend-schedule[hidden]{display:none}.trend-help{font-size:13px;line-height:1.65;max-width:85ch}.trend-history{margin-top:20px}.trend-history summary{padding:12px 0;cursor:pointer}
.otc-trend-status{flex-basis:100%;color:#c1ccdf;font-size:11px;letter-spacing:0}.otc-trend-status[data-direction=up]{color:#60e4ac}.otc-trend-status[data-direction=down]{color:#ff938c}
@media(max-width:700px){.trend-directions{grid-template-columns:1fr}.trend-heading{flex-wrap:wrap}.trend-choice{padding:14px}.trend-summary{display:grid}.trend-history .activity{flex-wrap:wrap}}
