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

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

/* Compacta o card de filtros */
.filtros-card[data-v-cb779ab6] {
  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-cb779ab6] {
  /* controla o gutter real */
  margin-left: -6px;
  margin-right: -6px;
}

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

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

/* se algum CSS global removeu espaçamento vertical do q-field, repõe */
.filtros-row .q-field[data-v-cb779ab6] {
  margin-top: 4px;
  margin-bottom: 4px;
}
.row[data-v-cb779ab6] {
  margin: 0 !important;
}
.row > [class*="col-"][data-v-cb779ab6] {
  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-cb779ab6],
.filtro-item .q-field--outlined .q-field__control[data-v-cb779ab6] {
  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-cb779ab6] {
  height: 56px; /* mantém os ícones com a mesma altura */
}

/* se quiser dar um respiro vertical entre linhas no mobile */
.filtro-item[data-v-cb779ab6] {
  /* 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-cb779ab6] {
  font-weight: 600;
}

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

/* Linha do botão com pouco espaço acima */
.filtros-actions[data-v-cb779ab6] {
  margin-top: 8px;
  padding-left: 2px;
}
.filters-grid[data-v-cb779ab6] {
  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-cb779ab6] {
  grid-column: span 12; /* default: 1 por linha no mobile */
}

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

/* altura visual dos inputs “filled” do Quasar */
.q-field--filled .q-field__control[data-v-cb779ab6] {
  min-height: 64px; /* aumenta a “altura” do campo */
  padding-top: 8px;
  padding-bottom: 6px;
}
.dx-card.wide-card[data-v-cb779ab6] {
  padding: 12px 12px; /* sutil e consistente */
}
.espaco[data-v-cb779ab6] {
  padding-top: 200px;
  margin-top: 100px;
}
@media (min-width: 768px) {
.filter-grid > div[data-v-cb779ab6] {
    grid-column: span 6; /* 2 por linha no tablet */
}
}
@media (min-width: 1200px) {
.filter-grid > div[data-v-cb779ab6] {
    grid-column: span 4; /* 3 por linha no desktop */
}
}
.leitura-azul[data-v-cb779ab6] {
  background-color: #e7f1ff !important;
  color: #0d47a1;
}
/* pode ser global ou no <style scoped> do SFC */
.leitura-azul .q-field__control[data-v-cb779ab6] {
  background: #e7f1ff !important;
}
.leitura-azul .q-field__native[data-v-cb779ab6],
.leitura-azul .q-field__label[data-v-cb779ab6] {
  color: #0d47a1 !important;
}
.viewport[data-v-cb779ab6] {
  overflow: hidden;
  width: 100%;
}
.track[data-v-cb779ab6] {
  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-cb779ab6] {
  width: 50%;
  padding: 8px;
}
.hshell[data-v-cb779ab6] {
  width: 100%;
  overflow: hidden; /* oculta o painel fora de vista */
  position: relative;
  min-height: 320px; /* ajuste: garante altura para a grid */
}
.htrack[data-v-cb779ab6] {
  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-cb779ab6] {
  -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-cb779ab6] {
  position: sticky;
  top: 0;
  z-index: 10;
  background: white;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}
.grid-scroll-shell[data-v-cb779ab6] {
  overflow-x: auto;        /* só scroll horizontal quando precisar */
  overflow-y: auto;        /* deixa rolar vertical, não corta o bottom */
  white-space: normal;     /* não força tudo numa linha só */
  width: 100%;
  position: relative;
  padding: 0 16px 18px 0;  /* mais respiro na direita e embaixo */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;  /* padding não “rouba” largura */
}



/* track para garantir largura fluida */
.grid-scroll-track[data-v-cb779ab6] {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  min-width: 100%;
}
.dx-datagrid-rowsview[data-v-cb779ab6] {
  padding-right: 8px;
  padding-bottom: 4px;
}
.arrow-btn[data-v-cb779ab6] {
  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-cb779ab6] {
  left: 60px;
}
.arrow-btn.right[data-v-cb779ab6] {
  right: 10px;
}

/* escopo local do componente */
.q-tabs__content[data-v-cb779ab6] {
  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-cb779ab6],
.dx-datagrid-pager[data-v-cb779ab6] {
  position: sticky;
  bottom: 0;
  background: #fff;
  z-index: 2;
}
.fab-down[data-v-cb779ab6] {
  position: sticky; /* gruda no fim da área scrollável */
  bottom: 12px;
  float: right;
  margin-right: 12px;
  z-index: 5;
}
.margin-menu[data-v-cb779ab6] {
  position: absolute; right: 10px;
  top: 30px;
}
.bg-form[data-v-cb779ab6] {
  position: absolute; top: 20px;
  margin-right: 1px;
  -webkit-box-align: right;
      -ms-flex-align: right;
          align-items: right;
}
.fo-margin[data-v-cb779ab6] {
  margin-left: 40px;
}
.fo-margin-direita[data-v-cb779ab6] {
  margin-right: 40px;
}
/* Ícone roxo no botão de processo */
[data-v-cb779ab6] .btn-processo-menu .dx-link-icon .dx-button-content .dx-icon{
  color: #5e35b1; /* deep-purple-7 */
}
/* Se quiser o fundo do botão com um roxo clarinho: */
[data-v-cb779ab6] .btn-processo-menu .dx-link .dx-button-content {
  background-color: #ede7f6;
  border-radius: 9999px;
  padding: 2px 4px;
}
.my-notify[data-v-cb779ab6] {
  font-size: 1.4rem;     /* aumenta o texto */
  padding: 20px;         /* mais espaço interno */
  border-radius: 8px;    /* cantos arredondados */
  text-align: center;    /* centraliza o texto */
}
.tabs-form[data-v-cb779ab6] {
  width: 100%;
}
.tabsheets-form .tabsheets-form__tab[data-v-cb779ab6] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center; /* centraliza o texto */
}
.tabsheets-form .tabsheets-form__tab--active[data-v-cb779ab6] {
  border-bottom: 3px solid var(--q-color-deep-orange-9);
}
.dlg-form-card[data-v-cb779ab6] {
  min-width: 760px;
  max-width: 94vw;
  height: 90vh;        /* altura fixa do modal */
  max-height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* essa é a área central que deve rolar, não o card inteiro */
.dlg-form-card__body[data-v-cb779ab6] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow-y: auto;
}
.acoes-grid-color-wrapper[data-v-cb779ab6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.acoes-grid-color-dot[data-v-cb779ab6] {
  display: inline-block;      /* 👈 ESSENCIAL */
  width: 16px;
  height: 16px;
  border-radius: 50%;
  /* opcional: borda pra ver bem o círculo */
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.dx-datagrid .acoes-grid-color-dot[data-v-cb779ab6] {
  width: 20px;
  height: 10px;
}
.acoes-grid-legenda[data-v-cb779ab6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.acoes-grid-legenda-titulo[data-v-cb779ab6] {
  font-weight: 600;
  margin-top: 6px;
  margin-right: 4px;
  margin-left: 16px;
}
.acoes-grid-legenda-item[data-v-cb779ab6] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 12px;
  margin-top: 6px;
}
.acoes-grid-legenda-text[data-v-cb779ab6] {
  white-space: nowrap;
}
.dx-datagrid .dx-row .acoes-grid-color-cell[data-v-cb779ab6] {
  background-color: #ffffff !important;
}

/* primeira coluna da grid (Legenda) SEMPRE branca */
.dx-datagrid-rowsview .dx-row > td[data-v-cb779ab6]:first-child {
  background-color: #ffffff !important;
}

/* mesma coisa quando a linha está selecionada / focada / hover */
.dx-datagrid-rowsview .dx-row.dx-selection > td[data-v-cb779ab6]:first-child,
.dx-datagrid-rowsview .dx-row.dx-row-focused > td[data-v-cb779ab6]:first-child,
.dx-datagrid-rowsview .dx-row.dx-state-hover > td[data-v-cb779ab6]:first-child {
  background-color: #ffffff !important;
}
.tam-icon .q-icon[data-v-cb779ab6] {
  font-size: 16px;
  width: 16px;
  height: 16px; /* ajuda em caso de SVG/inline-block */
  line-height: 16px;
}
.titulo-modal[data-v-cb779ab6] {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
}
.titulo-normal[data-v-cb779ab6] {
  font-size: 64px; /* ou o que você já usa */
  line-height: 64px;
  font-weight: 300;
}
.titulo-modal[data-v-cb779ab6] {
  white-space: normal;
  word-break: break-word;
}
.btn-selecionar-modal .dx-button[data-v-cb779ab6] {
  background: #673ab7 !important; /* deep-purple */
  border-color: #673ab7 !important;
  color: #fff !important;
}
.btn-selecionar-modal .dx-icon[data-v-cb779ab6] {
  color: #fff !important;
}




/*# sourceMappingURL=display-data532.af4e779e.css.map*/