.trend-toolbar{display:flex;gap:8px;margin-bottom:18px}.trend-toolbar button{padding:7px 14px;border:1px solid #1e6eea;background:#fff;color:#164a9c;font-weight:800;cursor:pointer}.trend-toolbar button.is-active,.trend-toolbar button:hover{background:#1e6eea;color:#fff}.trend-plot{position:relative}.trend-card canvas{display:block;width:100%;background:#fff;border:1px solid #dbe4ee}.trend-tooltip{position:absolute;z-index:2;padding:4px 8px;border:1px solid #f2bd73;background:#fff7e7;color:#825100;font-size:12px;line-height:1.5;pointer-events:none}.trend-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.trend-metrics span{display:grid;gap:2px;padding:10px;background:#fff;border-left:3px solid #1e6eea;color:#65748b;font-size:12px}.trend-metrics b{color:#17396d;font-size:15px}.trend-metrics b.up{color:#067647}.trend-metrics b.down{color:#b42318}@media(max-width:760px){.trend-metrics{grid-template-columns:1fr 1fr}}