/* Subpágina por segmento do dashboard: Geral | Imóvel | Automóvel
   (dashboard-segmento.js + controleSubpaginaSegmento em ux-refinement.js). */

.dash-subpaginas { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.dash-sub-titulo { color: var(--text-secondary, #5c6470); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.dash-sub-grupo {
  display: inline-flex; gap: 2px; padding: 3px; border: 1px solid var(--border, #dce3ea); border-radius: 999px;
  background: var(--bg-panel-3, #eef2f6);
}
.dash-sub-btn {
  display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 5px 15px 5px 12px; border: 0; border-radius: 999px;
  background: transparent; color: var(--text-secondary, #5c6470); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
  transition: background .14s ease, color .14s ease, box-shadow .14s ease;
}
.dash-sub-btn:hover { color: var(--text-primary, #212529); background: rgba(255, 255, 255, .65); }
.dash-sub-btn:focus-visible { outline: 2px solid var(--financiei-laranja-500, #e76629); outline-offset: 2px; }
.dash-sub-btn.active {
  background: #fff; color: var(--financiei-laranja-600, #c4541f); font-weight: 700;
  box-shadow: 0 1px 3px rgba(35, 30, 61, .16), 0 0 0 1px rgba(35, 30, 61, .06);
}
.dash-sub-icone { display: inline-flex; flex: none; }
.dash-sub-qtd {
  min-width: 20px; padding: 1px 6px; border-radius: 999px; background: rgba(35, 30, 61, .08); color: inherit;
  font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums; text-align: center;
}
.dash-sub-btn.active .dash-sub-qtd { background: color-mix(in srgb, var(--financiei-laranja-500, #e76629) 14%, transparent); }

/* Barra de filtros do dashboard com o seletor de período no lugar do menu. */
@media (min-width: 1101px) {
  /* Período por último (à direita), antes do Limpar. */
  .dash-filter-bar.dash-filter-bar-periodo { grid-template-columns: repeat(5, minmax(112px, 1fr)) minmax(200px, 1.5fr) auto; }
  .dash-filter-bar.dash-filter-bar-periodo.sem-segmento { grid-template-columns: repeat(4, minmax(112px, 1fr)) minmax(200px, 1.5fr) auto; }
}

/* Pipeline: um campo de período no lugar de "De" e "Até". */
@media (min-width: 1281px) {
  .operations-filters-refined.operations-filters-origem.operations-filters-periodo {
    grid-template-columns: minmax(190px, 1.4fr) repeat(3, minmax(118px, 1fr)) minmax(200px, 1.2fr) auto;
  }
}

@media (max-width: 640px) {
  .dash-subpaginas { gap: 8px; }
  .dash-sub-grupo { display: flex; width: 100%; }
  .dash-sub-btn { flex: 1 1 0; justify-content: center; padding: 5px 8px; min-width: 0; }
  .dash-sub-qtd { display: none; }
}