/* components/pages/dattago.css — DattagoPage (P03). */

.cmp-page-dattago {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
}

/* QueryBar (Ano + Buscar) */
.cmp-page-dattago__query-bar {
  display: flex;
  align-items: end;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--border, #d1d5db);
  border-radius: var(--radius-md, 8px);
  background: var(--surface-card, #ffffff);
  flex-wrap: wrap;
}

.cmp-page-dattago__year-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 160px;
}

.cmp-page-dattago__year-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted, #6b7280);
}

.cmp-page-dattago__progress-slot {
  /* O slot é só um container — quando vazio, ocupa 0 espaço */
}
.cmp-page-dattago__progress-slot:empty {
  display: none;
}