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

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

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

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

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

/* se algum CSS global removeu espaçamento vertical do q-field, repõe */
.filtros-row .q-field[data-v-946bc814] {
  margin-top: 4px;
  margin-bottom: 4px;
}


/* aumenta a altura (min-height) dos campos e alinha os ícones lateral/append */
.filtro-item .q-field--filled .q-field__control[data-v-946bc814],
.filtro-item .q-field--outlined .q-field__control[data-v-946bc814] {
  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-946bc814] {
  height: 56px; /* mantém os ícones com a mesma altura */
}

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

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

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

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

/* altura visual dos inputs “filled” do Quasar */
.q-field--filled .q-field__control[data-v-946bc814] {
  min-height: 64px; /* aumenta a “altura” do campo */
  padding-top: 8px;
  padding-bottom: 6px;
}
[data-v-946bc814]:deep(.q-field--filled .q-field__control) {
  background: #ffffff !important;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}
[data-v-946bc814]:deep(.q-field--filled .q-field__control:before) {
  background: #ffffff !important;
  opacity: 1 !important;
}
[data-v-946bc814]:deep(.q-field--filled .q-field__control:after) {
  background: transparent !important;
}
[data-v-946bc814]:deep(.q-field--filled .q-field__native),[data-v-946bc814]:deep(.q-field--filled .q-field__label) {
  color: #1f2937 !important;
}
.dx-card.wide-card[data-v-946bc814] {
  padding: 12px 12px; /* sutil e consistente */
  border-radius: 8px;
}
.espaco[data-v-946bc814] {
  padding-top: 200px;
  margin-top: 100px;
}
@media (min-width: 768px) {
.filter-grid > div[data-v-946bc814] {
    grid-column: span 6; /* 2 por linha no tablet */
}
}
@media (min-width: 1200px) {
.filter-grid > div[data-v-946bc814] {
    grid-column: span 4; /* 3 por linha no desktop */
}
}
.leitura-azul[data-v-946bc814] {
  background-color: #e0f7fa !important;
  color: #00838f;
}
/* pode ser global ou no <style scoped> do SFC */
.leitura-azul .q-field__control[data-v-946bc814] {
  background: #e0f7fa !important;
}
.leitura-azul .q-field__native[data-v-946bc814],
.leitura-azul .q-field__label[data-v-946bc814] {
  color: #00838f !important;
}
.viewport[data-v-946bc814] {
  overflow: hidden;
  width: 100%;
}
.track[data-v-946bc814] {
  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-946bc814] {
  width: 50%;
  padding: 8px;
}
.hshell[data-v-946bc814] {
  width: 100%;
  overflow: hidden; /* oculta o painel fora de vista */
  position: relative;
  min-height: 320px; /* ajuste: garante altura para a grid */
}
.htrack[data-v-946bc814] {
  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-946bc814] {
  -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-946bc814] {
  position: sticky;
  top: 0;
  z-index: 10;
  background: white;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}
.grid-top[data-v-946bc814]{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;        /* fica no tamanho do conteúdo */
}
.grid-body[data-v-946bc814]{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;        /* pega o resto */
  min-height: 0;         /* ESSENCIAL p/ scroll interno */
  overflow: hidden;
}

/* garante o datagrid expandindo corretamente */
.grid-body .dx-datagrid[data-v-946bc814]{
  width: 100% !important;
}
.grid-scroll-shell[data-v-946bc814] {
  overflow: hidden;                     
  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 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;           /* ESSENCIAL p/ flex + grid ocupar altura */
}
.grid-scroll-shell .dx-datagrid[data-v-946bc814] {
  height: 100% !important;
  width: 100% !important;
}


/* track para garantir largura fluida */
.grid-scroll-track[data-v-946bc814] {
  position: relative;
  white-space: nowrap;
  display: block;      /* ✅ era inline-block */
  min-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

/* garante ocupar o container */
.grid-scroll-track .dx-datagrid[data-v-946bc814] {
  width: 100% !important;
}
.dx-datagrid-rowsview[data-v-946bc814] {
  padding-right: 8px;
  padding-bottom: 4px;
}
.arrow-btn[data-v-946bc814] {
  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-946bc814] {
  left: 60px;
}
.arrow-btn.right[data-v-946bc814] {
  right: 10px;
}

/* escopo local do componente */
.q-tabs__content[data-v-946bc814] {
  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-946bc814],
.dx-datagrid-pager[data-v-946bc814] {
  position: sticky;
  bottom: 0;
  background: #fff;
  z-index: 2;
}
.fab-down[data-v-946bc814] {
  position: sticky; /* gruda no fim da área scrollável */
  bottom: 12px;
  float: right;
  margin-right: 12px;
  z-index: 5;
}
.margin-menu[data-v-946bc814] {
  position: absolute; right: 25px;
  top: 20px;
}
.bg-form[data-v-946bc814] {
  position: absolute; top: 10px;
  margin-right: 1px;
  -webkit-box-align: right;
      -ms-flex-align: right;
          align-items: right;
}
.fo-margin[data-v-946bc814] {
  margin-left: 40px;
}
.fo-margin-direita[data-v-946bc814] {
  margin-right: 40px;
}
/* Ícone roxo no botão de processo */
[data-v-946bc814] .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-946bc814] .btn-processo-menu .dx-link .dx-button-content {
  background-color: #ede7f6;
  border-radius: 9999px;
  padding: 2px 4px;
}
.my-notify[data-v-946bc814] {
  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-946bc814] {
  width: 100%;
}
.tabsheets-form[data-v-946bc814] {
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(123, 31, 162, 0.1)), to(rgba(0, 172, 193, 0.08)));
  background: linear-gradient(90deg, rgba(123, 31, 162, 0.1), rgba(0, 172, 193, 0.08));
  border-radius: 14px;
  padding: 6px 8px;
}
.tabsheets-form .q-tabs__content[data-v-946bc814] {
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tabsheets-form .q-tab[data-v-946bc814] {
  -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;
  text-align: center;
  color: #3f2b96;
  font-weight: 800;
  letter-spacing: 0.04em;
  font-size: 15px;
  min-height: 46px;
  line-height: 1.2;
  border-radius: 12px;
  -webkit-transition: all 0.18s ease;
  transition: all 0.18s ease;  
  display: -webkit-box;  
  display: -ms-flexbox;  
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;      /* centraliza vertical */
  justify-content: center;  /* centraliza horizontal */
}
.tabsheets-form .q-tab[data-v-946bc814]:hover {
  background: rgba(0, 172, 193, 0.12);
  color: #4a148c;
}
.tabsheets-form .q-tab.q-tab--active[data-v-946bc814] {
  color: #fff;
  background: linear-gradient(135deg, #6a1b9a, #00838f);
  -webkit-box-shadow: 0 12px 30px rgba(123, 31, 162, 0.18);
          box-shadow: 0 12px 30px rgba(123, 31, 162, 0.18);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.tabsheets-form[data-v-946bc814] :deep(.q-tab__label) {
  width: 100%;
  text-align: center;
  letter-spacing: 0.06em;
  color: inherit;
}
.tabsheets-form .q-tab__indicator[data-v-946bc814] {
  height: 5px;
  border-radius: 6px;
  background: -webkit-gradient(linear, left top, right top, from(#f4511e), to(#00acc1));
  background: linear-gradient(90deg, #f4511e, #00acc1);
}

/* centraliza o conteúdo do tab (ícone + label) */
.tabsheets-form__tab .q-tab__content[data-v-946bc814] {
  
  -webkit-box-pack: center;
  
      -ms-flex-pack: center;
  
          justify-content: center;   /* eixo principal */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;       /* eixo cruzado */
  width: 100%;
}

/* centraliza o texto do label */
.tabsheets-form__tab .q-tab__label[data-v-946bc814] {
  width: 100%;
  text-align: center;
}
.dlg-form-card__hero[data-v-946bc814] {
  background: linear-gradient(120deg, #7b1fa2, #00acc1 55%, #f4511e);
  color: #fff;
  border-radius: 18px 18px 12px 12px;
  -webkit-box-shadow: 0 18px 44px rgba(123, 31, 162, 0.25);
          box-shadow: 0 18px 44px rgba(123, 31, 162, 0.25);
  margin: 0 14px 6px;
  padding: 12px 18px 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dlg-form-card__hero-main[data-v-946bc814] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  margin-top: -15px;
}
.dlg-form-card__hero-icon[data-v-946bc814] {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.08));
  border: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.22);
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.22);
}
.dlg-form-card__hero-icon .q-icon[data-v-946bc814] {
  font-weight: 900;
  opacity: 0.95;
  -webkit-box-shadow: 0 16px 38px rgba(123, 31, 162, 0.25);
          box-shadow: 0 16px 38px rgba(123, 31, 162, 0.25);
  margin: 0;
  padding: 0;
  font-size: 38px;
  display: grid;
  place-items: center;
}
.dlg-form-card__title[data-v-946bc814] {
  margin-top: 2px;
}
.dlg-form-card__eyebrow[data-v-946bc814] {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 800;
  opacity: 0.9;
}
.dlg-form-card__title[data-v-946bc814] {
  font-size: 22px;
  line-height: 30px;
  font-weight: 800;
}
.dlg-form-card__close[data-v-946bc814] {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}
.dlg-form-card__title[data-v-946bc814] {
  font-size: 22px;
  line-height: 30px;
  font-weight: 800;
}
.dlg-form-card__close[data-v-946bc814] {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}
.dlg-form-card__divider[data-v-946bc814] {
  margin: 0 18px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  height: 2px;
}
.dlg-form-card[data-v-946bc814] {
  width: 100vw; 
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  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-946bc814] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow-y: auto;
}
.acoes-grid-color-wrapper[data-v-946bc814] {
  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-946bc814] {
  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-946bc814] {
  width: 20px;
  height: 10px;
}
.acoes-grid-legenda[data-v-946bc814] {
  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-946bc814] {
  font-weight: 600;
  margin-top: 6px;
  margin-right: 4px;
  margin-left: 16px;
}
.acoes-grid-legenda-item[data-v-946bc814] {
  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-946bc814] {
  white-space: nowrap;
}
.dx-datagrid .dx-row .acoes-grid-color-cell[data-v-946bc814] {
  background-color: #ffffff !important;
}

/* primeira coluna da grid (Legenda) SEMPRE branca */
.dx-datagrid-rowsview .dx-row > td[data-v-946bc814]: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-946bc814]:first-child,
.dx-datagrid-rowsview .dx-row.dx-row-focused > td[data-v-946bc814]:first-child,
.dx-datagrid-rowsview .dx-row.dx-state-hover > td[data-v-946bc814]:first-child {
  background-color: #ffffff !important;
}
.tam-icon .q-icon[data-v-946bc814] {
  font-size: 16px;
  width: 16px;
  height: 16px; /* ajuda em caso de SVG/inline-block */
  line-height: 16px;
}
.titulo-modal[data-v-946bc814] {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
}
.titulo-normal[data-v-946bc814] {
  font-size: 64px; /* ou o que você já usa */
  line-height: 64px;
  font-weight: 300;
}
.titulo-modal[data-v-946bc814] {
  white-space: normal;
  word-break: break-word;
}
.btn-selecionar-modal .dx-button[data-v-946bc814] {
  background: #673ab7 !important; /* deep-purple */
  border-color: #673ab7 !important;
  color: #fff !important;
}
.btn-selecionar-modal .dx-icon[data-v-946bc814] {
  color: #fff !important;
}

/* Mantém ambos na mesma linha e com espaçamento */
.no-wrap[data-v-946bc814] {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.toolbar-scroll[data-v-946bc814] {
  overflow-x: auto;
  white-space: nowrap;
}
.seta-form[data-v-946bc814] {
  margin-left: 10px;
  color: #512da8
}
.tab_principal[data-v-946bc814] {
  margin-left: 200px;
}


/* largura padrão do bloco de lookup */
.lookup-desc[data-v-946bc814] {
  min-width: 520px;
}
.lookup-cod[data-v-946bc814] {
  width: 190px;
  max-width: 240px;
}

/* ===== LOOKUP (pesquisa/seleção) ===== */
/* Como o style é scoped, precisamos de :deep para atingir o DOM interno do Quasar */


/* ===== READONLY/AUTONUM (sem edição) ===== */
.leitura-azul.q-field--filled .q-field__control[data-v-946bc814] {
  background: #e0f7fa !important;
}
.leitura-azul .q-field__native[data-v-946bc814],
.leitura-azul .q-field__label[data-v-946bc814],
.leitura-azul .q-field__append .q-icon[data-v-946bc814],
.leitura-azul .q-field__prepend .q-icon[data-v-946bc814] {
  color: #00838f !important;
}

/* ===== LOOKUP (azul claro) - precisa :deep por causa do scoped ===== */

/* Fundo azul claro no filled */
[data-v-946bc814]:deep(.campo-azul.q-field--filled .q-field__control) {
  background-color: rgba(0, 172, 193, 0.08) !important;
}

/* Tira overlay escuro do filled (hover/focus) */
[data-v-946bc814]:deep(.campo-azul.q-field--filled .q-field__control:before),[data-v-946bc814]:deep(.campo-azul.q-field--filled .q-field__control:after) {
  background: transparent !important;
}

/* Texto/label */
[data-v-946bc814]:deep(.campo-azul .q-field__label),[data-v-946bc814]:deep(.campo-azul .q-field__native) {
  color: #008ba3 !important;
}

/* Ícones (lupa / append) */
[data-v-946bc814]:deep(.campo-azul .q-field__append .q-icon),[data-v-946bc814]:deep(.campo-azul .q-field__prepend .q-icon) {
  color: #008ba3 !important;
}
.takeover-grid .area-filhas[data-v-946bc814] {
  height: calc(100vh - 0px) !important;
}
.area-filhas-full[data-v-946bc814] {
  position: relative;
  width: 100%;
  height: calc(100vh - 0px);
}

/* se seu layout tiver paddings/margens do pai, zera quando takeover */
.takeover-grid[data-v-946bc814] {
  padding: 0 !important;
  margin: 0 !important;
}

/* se existir algum container interno limitando altura, ajuda */
.takeover-grid .content[data-v-946bc814],
.takeover-grid .content-block[data-v-946bc814],
.takeover-grid .q-page[data-v-946bc814],
.takeover-grid .q-card[data-v-946bc814] {
  height: 100% !important;
}
.area-filhas-full[data-v-946bc814] {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 0px);
}
.cards-wrapper[data-v-946bc814]{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  margin-left: 15px;
  gap: 18px;
}
.card-unico[data-v-946bc814]{
  border-radius: 18px;
  -webkit-transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
  transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
  transition: transform .2s ease, box-shadow .2s ease;
  transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
  padding: 18px;
  background: #fff;
}
.card-unico[data-v-946bc814]:hover{
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 12px 28px rgba(0,0,0,.18);
          box-shadow: 0 12px 28px rgba(0,0,0,.18);
}
.card-unico-body[data-v-946bc814]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.logo-unico[data-v-946bc814]{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  background: rgba(103, 58, 183, .12); /* deep-purple leve */
  border: 1px solid rgba(103, 58, 183, .25);
}
.logo-letter[data-v-946bc814]{
  font-size: 28px;
  font-weight: 800;
  color: #673ab7;
  text-transform: uppercase;
}
.card-campos[data-v-946bc814]{
  width: 100%;
  max-width: 520px;
  text-align: left;
  margin-top: 8px;
}
.tree-card[data-v-946bc814]{
  border-radius: 16px;
  padding: 10px 12px;
}
.tree-title[data-v-946bc814]{
  font-weight: 800;
  color: #2b2b2b;
}
.tree-subtitle[data-v-946bc814]{
  font-size: 12px;
  color: rgba(0,0,0,.55);
  margin-top: 2px;
}
.dlg-form-premium[data-v-946bc814] {
  padding: 18px;
}

/* =========================================================
   PREMIUM DIALOG - SÓ afeta o QDialog com content-class="dlg-form-branco"
   ========================================================= */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco) {
  --pf-text: #0f172a;
  --pf-muted: rgba(15, 23, 42, 0.62);

  --pf-line: rgba(15, 23, 42, 0.12);
  --pf-line2: rgba(15, 23, 42, 0.20);

  --pf-brand: #7b1fa2;          /* purple-7 */
  --pf-brand-soft: rgba(123, 31, 162, 0.14);
  --pf-highlight: #00acc1;      /* cyan-6 */
  --pf-hover: rgba(0, 172, 193, 0.08);

  --pf-required: #f4511e;       /* deep-orange-6 */
  --pf-required-soft: rgba(244, 81, 30, 0.14);

  --pf-readonly: rgba(2, 6, 23, 0.05);

  --pf-radius: 14px;
  --pf-ring: 0 0 0 4px rgba(0, 172, 193, 0.18);
  --pf-shadow: 0 20px 48px rgba(15, 23, 42, 0.12);

  background: linear-gradient(135deg, rgba(123, 31, 162, 0.06), rgba(0, 172, 193, 0.05)) !important;
}

/* Card do dialog com presença */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-card) {
  background: #fff !important;
  border-radius: 18px !important;
  -webkit-box-shadow: var(--pf-shadow) !important;
          box-shadow: var(--pf-shadow) !important;
  border: 1px solid rgba(123, 31, 162, 0.08);
}

/* =========================================================
   CAMPOS - funciona para FILLED e OUTLINED
   ========================================================= */

/* Base do control */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field .q-field__control) {
  border-radius: var(--pf-radius) !important;
  -webkit-box-shadow: inset 0 0 0 1px var(--pf-line) !important;
          box-shadow: inset 0 0 0 1px var(--pf-line) !important;
  -webkit-transition: background-color .15s ease, -webkit-transform .12s ease, -webkit-box-shadow .15s ease;
  transition: background-color .15s ease, -webkit-transform .12s ease, -webkit-box-shadow .15s ease;
  transition: transform .12s ease, box-shadow .15s ease, background-color .15s ease;
  transition: transform .12s ease, box-shadow .15s ease, background-color .15s ease, -webkit-transform .12s ease, -webkit-box-shadow .15s ease;
}

/* FILLED: o fundo de verdade está no :before */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--filled .q-field__control:before) {
  opacity: 1 !important;
  background: #fff !important;
  -webkit-transition: background-color .15s ease;
  transition: background-color .15s ease;
}
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--filled .q-field__control) {
  background: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1px var(--pf-line) !important;
          box-shadow: inset 0 0 0 1px var(--pf-line) !important;
}

/* FILLED: remove underline/overlay padrão */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--filled .q-field__control:after) {
  opacity: 0 !important;
  background: transparent !important;
}

/* Label e texto */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field__label) {
  color: var(--pf-muted) !important;
  font-weight: 650;
}
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field__native),[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field__input) {
  color: var(--pf-text) !important;
}

/* Hover */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field:hover .q-field__control) {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: inset 0 0 0 1px var(--pf-line2) !important;
          box-shadow: inset 0 0 0 1px var(--pf-line2) !important;
}
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--filled:hover .q-field__control:before) {
  background: var(--pf-hover) !important;
}

/* Focus */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--focused .q-field__control) {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 172, 193, 0.68), var(--pf-ring) !important;
          box-shadow: inset 0 0 0 1px rgba(0, 172, 193, 0.68), var(--pf-ring) !important;
}
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--filled.q-field--focused .q-field__control:before) {
  background: var(--pf-brand-soft) !important;
}

/* Required */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--required .q-field__control) {
  -webkit-box-shadow: inset 0 0 0 1px rgba(244, 81, 30, 0.48) !important;
          box-shadow: inset 0 0 0 1px rgba(244, 81, 30, 0.48) !important;
}
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--filled.q-field--required .q-field__control:before) {
  background: var(--pf-required-soft) !important;
}
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--required .q-field__label:after) {
  color: var(--pf-required) !important;
  font-weight: 900;
}

/* Readonly/Disabled */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--readonly .q-field__control:before),[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--disabled .q-field__control:before) {
  background: var(--pf-readonly) !important;
}
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--readonly .q-field__control),[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--disabled .q-field__control) {
  opacity: 1 !important;
}

/* Ícones */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field__append .q-icon),[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field__prepend .q-icon) {
  color: rgba(15, 23, 42, 0.55) !important;
  -webkit-transition: color .15s ease, -webkit-transform .12s ease;
  transition: color .15s ease, -webkit-transform .12s ease;
  transition: transform .12s ease, color .15s ease;
  transition: transform .12s ease, color .15s ease, -webkit-transform .12s ease;
}
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field:hover .q-field__append .q-icon),[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field:hover .q-field__prepend .q-icon) {
  color: var(--pf-brand) !important;
  -webkit-transform: scale(1.07);
          transform: scale(1.07);
}

/* =========================================================
   FIX FUNDO DOS INPUTS (tirar o cinza de vez)
   APLICA SÓ no dialog com content-class="dlg-form-branco"
   ========================================================= */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--filled .q-field__control),[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--outlined .q-field__control),[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--standout .q-field__control) {
  background: #ffffff !important; /* evita cinza no control */
}

/* FILLED: fundo real é o :before */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--filled .q-field__control:before) {
  opacity: 1 !important;
  background: #ffffff !important; /* branco de verdade */
}

/* OUTLINED/STANDOUT às vezes não usam :before como fundo, então garante também */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--outlined .q-field__control),[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--standout .q-field__control) {
  background-color: #ffffff !important;
}

/* alguns componentes colocam “tinta” no input interno */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field__native),[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field__input) {
  background: transparent !important;
}

/* se existir efeito de “hover cinza” vindo de overlay do Quasar */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field__control:after) {
  background: transparent !important;
}

/* fundo suave no body do dialog pra dar contraste com os inputs brancos */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .dlg-form-card__body) {
  background: #ffffff !important;
  padding: 18px !important;
}

/* inputs com mais “cara de app” */
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field .q-field__control) {
  -webkit-box-shadow: inset 0 0 0 1px rgba(15,23,42,.12) !important;
          box-shadow: inset 0 0 0 1px rgba(15,23,42,.12) !important;
}
[data-v-946bc814]:deep(.q-dialog__inner.dlg-form-branco .q-field--focused .q-field__control) {
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,172,193,.68), 0 0 0 4px rgba(123,31,162,.16) !important;
          box-shadow: inset 0 0 0 1px rgba(0,172,193,.68), 0 0 0 4px rgba(123,31,162,.16) !important;
}
[data-v-946bc814]:deep(.dlg-form-card__body .q-field) {
  background: #ffffff !important;
  border-radius: 14px;
}
[data-v-946bc814]:deep(.dlg-form-card__body .q-field__control) {
  background: #ffffff !important;
  -webkit-box-shadow: inset 0 0 0 1px rgba(15,23,42,.10) !important;
          box-shadow: inset 0 0 0 1px rgba(15,23,42,.10) !important;
}
[data-v-946bc814]:deep(.dlg-form-card__body .q-field--filled .q-field__control),[data-v-946bc814]:deep(.dlg-form-card__body .q-field--outlined .q-field__control),[data-v-946bc814]:deep(.dlg-form-card__body .q-field--standout .q-field__control) {
  background: #ffffff !important;
}
[data-v-946bc814]:deep(.dlg-form-card__body .q-field__control:before),[data-v-946bc814]:deep(.dlg-form-card__body .q-field__control:after) {
  background: transparent !important;
}
[data-v-946bc814]:deep(.dlg-form-card__body .q-field__label) {
  color: #455a64 !important;
  font-weight: 650;
}
[data-v-946bc814]:deep(.dlg-form-card__body .q-field__native),[data-v-946bc814]:deep(.dlg-form-card__body .q-field__input) {
  color: #1f2937 !important;
}
[data-v-946bc814]:deep(.dlg-form-card__body .q-field__append) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
[data-v-946bc814]:deep(.dlg-form-card__body .q-field__prepend) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
[data-v-946bc814]:deep(.dlg-form-card__body .q-field__append .q-icon),[data-v-946bc814]:deep(.dlg-form-card__body .q-field__prepend .q-icon) {
  color: #607d8b !important;
}

/* organiza os ícones do select: seta antes do botão de limpar */
[data-v-946bc814]:deep(.dlg-form-card__body .q-select .q-field__append .q-icon.q-select__dropdown-icon) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
[data-v-946bc814]:deep(.dlg-form-card__body .q-select .q-field__append .q-icon.q-field__focusable-action) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
[data-v-946bc814]:deep(.dlg-form-card__body .q-select .q-field__append .q-icon:not(.q-select__dropdown-icon):not(.q-field__focusable-action)) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

/* =========================================================
   MODAL PREMIUM: só afeta o QDialog com content-class="dlg-form-branco"
   ========================================================= */
[data-v-946bc814].dlg-form-branco {
  --pf-text: #0f172a;
  --pf-muted: rgba(15, 23, 42, 0.62);

  --pf-line: rgba(15, 23, 42, 0.12);
  --pf-line2: rgba(15, 23, 42, 0.20);

  --pf-brand: #7b1fa2;
  --pf-brand-soft: rgba(123, 31, 162, 0.14);
  --pf-highlight: #00acc1;
  --pf-hover: rgba(0, 172, 193, 0.08);

  --pf-required: #f4511e;
  --pf-required-soft: rgba(244, 81, 30, 0.14);
  --pf-readonly: rgba(2, 6, 23, 0.05);


  --pf-brand: #7b1fa2;
  --pf-brand-soft: rgba(123, 31, 162, 0.14);
  --pf-highlight: #00acc1;
  --pf-hover: rgba(0, 172, 193, 0.08);

  --pf-required: #f4511e;
  --pf-required-soft: rgba(244, 81, 30, 0.14);
  --pf-readonly: rgba(2, 6, 23, 0.05);

  --pf-radius: 14px;
  --pf-ring: 0 0 0 4px rgba(0, 172, 193, 0.18);
  --pf-shadow: 0 20px 48px rgba(15, 23, 42, 0.12);
}

/* Card do dialog com presença */
[data-v-946bc814].dlg-form-branco .q-card {
  background: #fff !important;
  border-radius: 18px !important;
  -webkit-box-shadow: var(--pf-shadow) !important;
          box-shadow: var(--pf-shadow) !important;
  border: 1px solid rgba(123, 31, 162, 0.08);
}

/* Base do campo (filled/outlined) */
[data-v-946bc814].dlg-form-branco .q-field .q-field__control {
  border-radius: var(--pf-radius) !important;
  -webkit-box-shadow: inset 0 0 0 1px var(--pf-line) !important;
          box-shadow: inset 0 0 0 1px var(--pf-line) !important;
  -webkit-transition: background-color .15s ease, -webkit-transform .12s ease, -webkit-box-shadow .15s ease;
  transition: background-color .15s ease, -webkit-transform .12s ease, -webkit-box-shadow .15s ease;
  transition: transform .12s ease, box-shadow .15s ease, background-color .15s ease;
  transition: transform .12s ease, box-shadow .15s ease, background-color .15s ease, -webkit-transform .12s ease, -webkit-box-shadow .15s ease;
}

/* >>> O FUNDO do FILLED é o :before. Se não setar aqui, fica cinza. */
[data-v-946bc814].dlg-form-branco .q-field--filled .q-field__control:before {
  opacity: 1 !important;
  background: #ffffff !important;
}

/* Remove underline/overlay padrão do filled (pra não “sujar” a cor) */
[data-v-946bc814].dlg-form-branco .q-field--filled .q-field__control:after {
  opacity: 0 !important;
  background: transparent !important;
}

/* Texto e label */
[data-v-946bc814].dlg-form-branco .q-field__label {
  color: var(--pf-muted) !important;
  font-weight: 650;
}
[data-v-946bc814].dlg-form-branco .q-field__native,[data-v-946bc814].dlg-form-branco .q-field__input {
  color: var(--pf-text) !important;
}

/* Hover */
[data-v-946bc814].dlg-form-branco .q-field:hover .q-field__control {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: inset 0 0 0 1px var(--pf-line2) !important;
          box-shadow: inset 0 0 0 1px var(--pf-line2) !important;
}
[data-v-946bc814].dlg-form-branco .q-field--filled:hover .q-field__control:before {
  background: var(--pf-hover) !important;
}

/* Focus (efeito “uix”) */
[data-v-946bc814].dlg-form-branco .q-field--focused .q-field__control {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 172, 193, 0.68), var(--pf-ring) !important;
          box-shadow: inset 0 0 0 1px rgba(0, 172, 193, 0.68), var(--pf-ring) !important;
}
[data-v-946bc814].dlg-form-branco .q-field--filled.q-field--focused .q-field__control:before {
  background: var(--pf-brand-soft) !important;
}

/* Ícones */
[data-v-946bc814].dlg-form-branco .q-field__append .q-icon,[data-v-946bc814].dlg-form-branco .q-field__prepend .q-icon {
  color: rgba(15, 23, 42, 0.55) !important;
  -webkit-transition: color .15s ease, -webkit-transform .12s ease;
  transition: color .15s ease, -webkit-transform .12s ease;
  transition: transform .12s ease, color .15s ease;
  transition: transform .12s ease, color .15s ease, -webkit-transform .12s ease;
}
[data-v-946bc814].dlg-form-branco .q-field:hover .q-field__append .q-icon,[data-v-946bc814].dlg-form-branco .q-field:hover .q-field__prepend .q-icon {
  color: var(--pf-brand) !important;
  -webkit-transform: scale(1.07);
          transform: scale(1.07);
}
.unico-root[data-v-946bc814]{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* O container principal que envolve a grid precisa poder "crescer" */
.grid-scroll-shell[data-v-946bc814]{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

/* Onde a grid fica */
.grid-body[data-v-946bc814]{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
}
.grid-shell-outer[data-v-946bc814]{
  width: 100%;
}
.grid-top-outer[data-v-946bc814]{
  width: 100%;
}
.dx-datagrid[data-v-946bc814]{
  height: 100% !important;
}



/*# sourceMappingURL=display-data536.93d8629c.css.map*/