/* ============================================================
   FILTERS — Dashboard filter bar
   ============================================================ */

.filters {
  display: flex; gap: 10px; align-items: center;
  margin-bottom: 20px; flex-wrap: wrap;
}

.filter-group  { display: flex; flex-direction: column; gap: 4px; min-width: 140px; }
.filter-label  { font-size: 11px; color: var(--text3); font-weight: 500; }

.filter-select {
  background: var(--bg3); border: 1px solid var(--border);
  color: var(--text); font-size: 12.5px; padding: 7px 24px 7px 10px;
  border-radius: 6px; cursor: pointer; font-family: var(--font-sans);
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238b949e'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
}
.filter-select:focus { outline: none; border-color: var(--accent); }

.filter-date {
  background: var(--bg3); border: 1px solid var(--border);
  color: var(--text); font-size: 12.5px; padding: 7px 10px;
  border-radius: 6px; font-family: var(--font-sans);
  min-width: 190px;
}
.filter-date:focus { outline: none; border-color: var(--accent); }

.btn-reset {
  background: transparent; border: 1px solid var(--border);
  color: var(--text2); font-size: 12.5px; padding: 7px 14px;
  border-radius: 6px; cursor: pointer; font-family: var(--font-sans);
  margin-top: 18px; transition: all 0.15s; white-space: nowrap;
}
.btn-reset:hover { border-color: var(--text2); color: var(--text); }