/* ============================================================
   SCHEDMATE — REPORTS (FINANCE) STYLES
   Keeps layout tight + aligned with existing dashboard styles.
============================================================ */

.sm-reports { display: block; }
.sm-reports-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.sm-reports-filters {
  display:flex;
  gap:14px;
  align-items:flex-end;
  flex-wrap:wrap;
  margin: 14px 0 14px;
}
.sm-reports-filters .sm-field { min-width: 210px; }
.sm-reports-presets { display:flex; gap:8px; margin-left:auto; }
.sm-chip-btn{
  border:1px solid var(--sm-border);
  background: var(--sm-control);
  color: var(--sm-text);
  border-radius: 999px;
  padding: 8px 10px;
  font-weight: 600;
  cursor:pointer;
}
.sm-chip-btn:hover{ filter: brightness(.98); }
.sm-check{ display:flex; gap:10px; align-items:center; padding: 0 6px; }
.sm-check input{ width:16px; height:16px; }

.sm-reports-kpis .sm-card{ min-height: 112px; }
.sm-link{ color: inherit; text-decoration: none; font-weight: 700; }
.sm-link:hover{ text-decoration: underline; }

@media (max-width: 900px){
  .sm-reports-actions{ justify-content:flex-start; }
  .sm-reports-presets{ width:100%; margin-left:0; }
  .sm-reports-filters .sm-field{ min-width: 170px; }
}