.trend-controls { display:flex;align-items:flex-end;gap:var(--space-5);padding:var(--space-6);flex-wrap:wrap; }
.trend-controls>label { min-width:220px;flex:1; }
.trend-label { display:block;color:var(--text-mute);font-size:var(--text-xs);margin-bottom:var(--space-2); }
.trend-actions { display:flex;gap:var(--space-2); }
.trend-summary { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 var(--space-6);border-block:1px solid var(--border); }
.trend-summary>div { padding:var(--space-4); }
.trend-summary>div+div { border-left:1px solid var(--border); }
.trend-summary span { display:block;color:var(--text-mute);font-size:var(--text-xs); }
.trend-summary strong { display:block;font:500 clamp(14px,1.5vw,20px) var(--font-mono);margin-top:var(--space-2);overflow-wrap:anywhere; }
.trend-message { margin:var(--space-4) var(--space-6) 0;color:var(--text-dim);font-size:var(--text-sm);min-height:22px; }
.trend-canvas-wrap { height:300px;padding:var(--space-4) var(--space-6);position:relative; }
.trend-coverage { padding:var(--space-5) var(--space-6);border-block:1px solid var(--border); }
.trend-coverage>div:first-child { display:flex;align-items:baseline;gap:var(--space-4);flex-wrap:wrap; }
.trend-coverage strong { font-size:var(--text-xs);font-weight:400;color:var(--text-dim); }
.coverage-bar { height:4px;background:var(--bg-elev-2);margin:var(--space-2) 0 var(--space-3);overflow:hidden;border-radius:2px; }
.coverage-bar i { display:block;width:0;height:100%;background:var(--accent); }
.trend-coverage p { color:var(--text-mute);font:var(--text-xs) var(--font-mono);line-height:1.7;margin:0; }
.trend-log { padding:var(--space-4) var(--space-6);font-size:var(--text-sm);color:var(--text-dim); }
.trend-log summary { cursor:pointer;min-height:36px; }
.trend-log p { max-width:90ch;color:var(--text-mute); }
.trend-table-scroll { overflow-x:auto;overscroll-behavior:contain; }
.trend-log table { border-collapse:collapse;width:100%;min-width:460px;font-size:var(--text-xs); }
.trend-log caption { text-align:left;padding:var(--space-3) 0;color:var(--text-mute); }
.trend-log td,.trend-log th { padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border); }
.trend-log td { font-family:var(--font-mono);font-weight:400; }
@media(max-width:600px) {
  .trend-controls { padding:var(--space-4);gap:var(--space-3); }.trend-controls>label { flex-basis:100%; }
  .trend-actions { flex-wrap:wrap; }.trend-summary { grid-template-columns:1fr 1fr;margin:0 var(--space-4); }
  .trend-summary>div { padding:var(--space-3); }.trend-summary>div:nth-child(3) { border-left:0; }.trend-summary>div:nth-child(n+3) { border-top:1px solid var(--border); }
  .trend-message { margin-inline:var(--space-4); }.trend-canvas-wrap { height:250px;padding:var(--space-4) var(--space-2); }
  .trend-coverage,.trend-log { padding:var(--space-4); }
}