.panel-header--compact {
  display: grid; gap: var(--space-3);
  grid-template-columns: 1fr;
  padding: var(--space-2) var(--space-3);
}
@media (min-width: 880px){
  .panel-header--compact { grid-template-columns: auto 1fr; }
}
.panel-title { margin: 0; font-size: 1rem; }

.controls-bar {
  display: flex; flex-wrap: wrap; gap: .5rem .75rem;
  align-items: center; justify-content: flex-end;
}

/* Segmented controls */
.segmented {
  display: inline-flex; border:1px solid var(--border); border-radius:999px; padding:2px;
  background: var(--bg-elev);
}
.segmented__btn {
  appearance:none; border:0; background:transparent; color:var(--text);
  font: 600 .8rem/1 var(--sans);
  padding:.35rem .7rem; border-radius:999px; cursor:pointer;
}
.segmented__btn.is-active { background: var(--card); }

.timespan { display:inline-flex; gap:.35rem; }
.timespan .update-span {
  appearance:none; border:1px solid var(--border); background:var(--bg-elev); color:var(--text);
  font:600 .78rem/1 var(--sans); border-radius:999px; padding:.3rem .55rem; cursor:pointer;
}
.timespan .update-span.is-active { background: var(--accent); border-color: var(--accent); color:#000; }

.chart--tight { padding: 0; height: 680px;}
#activity_chart { width: 100%; height: 580px; }
.uplot { display:block; width:100%; }

.filters { border-top:1px solid var(--border); padding: var(--space-3); }
.filters-row {
  display:grid; gap: var(--space-3);
  grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (min-width: 980px){
  .filters-row { grid-template-columns: repeat(4, minmax(0,1fr)); align-items:end; }
}
.field-group { display:flex; flex-direction:column; gap:.35rem; }
.label { font-size:.8rem; color: var(--muted); }
input, select, .btn {
  background: var(--bg-elev); color: var(--text);
  border:1px solid var(--border); border-radius: .6rem;
  padding:.5rem .7rem; font:.9rem/1 var(--sans);
}
input[readonly]{ opacity:.8; }
.btn { cursor:pointer; }
.btn:hover{ background: var(--card); }

.hidden { display:none; }

.content { gap: var(--space-4); padding: var(--space-4) var(--space-4); }