.trend-toolbar { display: flex; gap: 8px; align-items: center; margin-bottom: 14px; flex-wrap: wrap; }
.trend-legend { display: flex; gap: 16px; margin-left: auto; }
.trend-leg { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--text2); }
.trend-leg-dot { width: 10px; height: 3px; border-radius: 2px; }
#trend-chart { width: 100%; overflow: visible; }
.trend-empty { color: var(--text3); text-align: center; padding: 60px; font-size: 14px; }
.trend-tooltip {
  position: fixed; background: var(--bg4); border: 1px solid var(--border2);
  border-radius: 8px; padding: 10px 14px; font-size: 12px; pointer-events: none;
  display: none; z-index: 999; min-width: 160px; line-height: 1.6;
}
.badge-grid { display: flex; flex-wrap: wrap; gap: 16px; }
.badge-item { background: var(--bg3); border-radius: 8px; padding: 14px 18px; min-width: 200px; }
.badge-label { font-size: 10px; text-transform: uppercase; letter-spacing: .09em; color: var(--text3); margin-bottom: 8px; font-weight: 600; }
.badge-url { font-family: var(--mono); font-size: 11px; color: var(--text2); word-break: break-all; margin-top: 6px; }
.badge-copy { background: var(--bg4); border: 1px solid var(--border2); color: var(--text2); padding: 3px 10px; border-radius: 5px; font-size: 11px; cursor: pointer; margin-top: 6px; }
.badge-copy:hover { border-color: var(--accent); color: var(--text); }
/* ── New file button (results header) ──────────────────────────────────────── */
.btn-newfile {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 16px; border-radius: 8px;
  background: var(--accent); color: #fff; border: none;
  font-size: 13px; font-weight: 600; cursor: pointer;
  text-decoration: none; line-height: 1;
  box-shadow: 0 2px 8px rgba(96, 165, 250, .25);
  transition: opacity .15s, transform .1s;
}
.btn-newfile:hover { opacity: .92; transform: translateY(-1px); color: #fff; }
.btn-newfile:active { transform: translateY(0); }