/* Seleção/linha focada laranja */
.dx-datagrid .dx-row-focused[data-v-643fcab3],
.dx-datagrid .dx-selection[data-v-643fcab3],
.dx-datagrid .dx-selection.dx-row > td[data-v-643fcab3] {
  background-color: #ff7043 !important; /* laranja */
  color: #fff !important;
}

/* Cabeçalho mais forte e linha alternada suave */
.dx-datagrid .dx-header-row[data-v-643fcab3] {
  background-color: #f6f6f6;
  font-weight: 600;
}
.dx-datagrid .dx-row-alt > td[data-v-643fcab3] {
  background-color: #fafafa;
}
/* Espaço para não colidir com um footer fixo de ~56px */
.q-notifications__list--bottom[data-v-643fcab3],
.q-notifications__list--bottom-right[data-v-643fcab3],
.q-notifications__list--bottom-left[data-v-643fcab3] {
  margin-bottom: 64px; /* ajuste conforme a altura do rodapé */
}
.dx-datagrid .dx-command-select[data-v-643fcab3] {
  width: 36px; /* largura do checkbox */
}
/* dá respiro dentro do card */
.dx-card.wide-card.filtros-card[data-v-643fcab3] {
  padding: 12px 16px 16px;
  border-radius: 8px;
}

/* Compacta o card de filtros */
.filtros-card[data-v-643fcab3] {
  padding: 12px 14px; /* antes era maior */
  border-radius: 10px;
}

/* Reduz o espaço entre as colunas sem cortar o padding interno */
.filtros-wrap[data-v-643fcab3] {
  /* controla o gutter real */
  margin-left: -6px;
  margin-right: -6px;
}

/* reativa gutters mesmo se algum reset tiver zerado .row */
.filtros-row[data-v-643fcab3] {
  margin-left: -8px !important;
  margin-right: -8px !important;
}
.filtros-row > [class*="col-"][data-v-643fcab3] {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* garante que q-input/q-select ocupem toda a coluna */
.full-w[data-v-643fcab3],
.full-w .q-field[data-v-643fcab3],
.full-w.q-input[data-v-643fcab3],
.full-w.q-select[data-v-643fcab3] {
  width: 100%;
}

/* se algum CSS global removeu espaçamento vertical do q-field, repõe */
.filtros-row .q-field[data-v-643fcab3] {
  margin-top: 4px;
  margin-bottom: 4px;
}
.row[data-v-643fcab3] {
  margin: 0 !important;
}
.row > [class*="col-"][data-v-643fcab3] {
  padding: 0 !important;
}

/* aumenta a altura (min-height) dos campos e alinha os ícones lateral/append */
.filtro-item .q-field--filled .q-field__control[data-v-643fcab3],
.filtro-item .q-field--outlined .q-field__control[data-v-643fcab3] {
  min-height: 56px; /* ajuste aqui: 48px, 56px, 64px... */
  padding-top: 10px; /* espaço pro label empilhado */
  padding-bottom: 6px;
}
.filtro-item .q-field__marginal[data-v-643fcab3] {
  height: 56px; /* mantém os ícones com a mesma altura */
}

/* se quiser dar um respiro vertical entre linhas no mobile */
.filtro-item[data-v-643fcab3] {
  /* ajusta respiro interno do campo */
  padding: 4px 2px;
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 12px;
}

/* opcional: deixa o label um pouco mais forte/visível */
.filtro-item .q-field__label[data-v-643fcab3] {
  font-weight: 600;
}

/* Ícones (prepend/append) menos “folgados” */
.filtro-item .q-field__prepend[data-v-643fcab3],
.filtro-item .q-field__append[data-v-643fcab3] {
  padding-left: 6px;
  padding-right: 6px;
}

/* Linha do botão com pouco espaço acima */
.filtros-actions[data-v-643fcab3] {
  margin-top: 8px;
  padding-left: 2px;
}
.filters-grid[data-v-643fcab3] {
  display: grid;
  /*grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); */
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 12px; /* horizontal gap menor */
  grid-row-gap: 10px; /* vertical gap menor */
}
.filter-grid > div[data-v-643fcab3] {
  grid-column: span 12; /* default: 1 por linha no mobile */
}

/* cada filtro ocupa 4 colunas em desktop, 12 no mobile */
.filter-item[data-v-643fcab3] {
  grid-column: span 12;
}

/* altura visual dos inputs “filled” do Quasar */
.q-field--filled .q-field__control[data-v-643fcab3] {
  min-height: 64px; /* aumenta a “altura” do campo */
  padding-top: 8px;
  padding-bottom: 6px;
}
.dx-card.wide-card[data-v-643fcab3] {
  padding: 12px 12px; /* sutil e consistente */
}
.espaco[data-v-643fcab3] {
  padding-top: 200px;
  margin-top: 100px;
}
@media (min-width: 768px) {
.filter-grid > div[data-v-643fcab3] {
    grid-column: span 6; /* 2 por linha no tablet */
}
}
@media (min-width: 1200px) {
.filter-grid > div[data-v-643fcab3] {
    grid-column: span 4; /* 3 por linha no desktop */
}
}
.leitura-azul[data-v-643fcab3] {
  background-color: #e7f1ff !important;
  color: #0d47a1;
}
/* pode ser global ou no <style scoped> do SFC */
.leitura-azul .q-field__control[data-v-643fcab3] {
  background: #e7f1ff !important;
}
.leitura-azul .q-field__native[data-v-643fcab3],
.leitura-azul .q-field__label[data-v-643fcab3] {
  color: #0d47a1 !important;
}
.viewport[data-v-643fcab3] {
  overflow: hidden;
  width: 100%;
}
.track[data-v-643fcab3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.pane[data-v-643fcab3] {
  width: 50%;
  padding: 8px;
}
.hshell[data-v-643fcab3] {
  width: 100%;
  overflow: hidden; /* oculta o painel fora de vista */
  position: relative;
  min-height: 320px; /* ajuste: garante altura para a grid */
}
.htrack[data-v-643fcab3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200%; /* 2 painéis de 100% cada */
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.hpanel[data-v-643fcab3] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; /* cada painel ocupa 100% da largura da hshell */
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 8px 0;
}
.filtros-container[data-v-643fcab3] {
  position: sticky;
  top: 0;
  z-index: 10;
  background: white;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}

/* container da grid */
.grid-scroll-shell[data-v-643fcab3] {
  overflow: auto;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  padding: 10px;
}

/* track para garantir largura fluida */
.grid-scroll-track[data-v-643fcab3] {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  min-width: 100%;
}
.arrow-btn[data-v-643fcab3] {
  position: fixed;
  top: 20%;
  margin-left: 5px;
  margin-right: 5px;
  -webkit-transform: translateY(40%);
          transform: translateY(40%);
  z-index: 2000;
}
.arrow-btn.left[data-v-643fcab3] {
  left: 60px;
}
.arrow-btn.right[data-v-643fcab3] {
  right: 10px;
}

/* escopo local do componente */
.q-tabs__content[data-v-643fcab3] {
  border-bottom: 2px solid var(--q-color-deep-orange-9);
  margin-bottom: 6px;
}

/* garante que o footer da DevExtreme apareça e não “cole” errado */
.dx-datagrid-total-footer[data-v-643fcab3],
.dx-datagrid-pager[data-v-643fcab3] {
  position: sticky;
  bottom: 0;
  background: #fff;
  z-index: 2;
}
.fab-down[data-v-643fcab3] {
  position: sticky; /* gruda no fim da área scrollável */
  bottom: 12px;
  float: right;
  margin-right: 12px;
  z-index: 5;
}



/*# sourceMappingURL=display-data534.8f40785e.css.map*/