.nx-fr-botao{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;
  min-height:44px;padding:0 14px;border:1px solid var(--linha-2);border-radius:6px;
  background:var(--papel);color:var(--ink);font:500 var(--t14)/1 var(--fb);
  cursor:pointer;user-select:none;-webkit-user-select:none;white-space:nowrap;
}
.nx-fr-botao[hidden]{display:none}
.nx-fr-botao:hover{border-color:var(--acento-claro);background:var(--tinte-1)}
.nx-fr-botao:focus-visible{outline:2px solid var(--teal-dark);outline-offset:2px}
.nx-fr-botao[aria-expanded="true"]{border-color:var(--teal)}
.nx-fr-botao--ativo{border-color:var(--teal);color:var(--teal-dark)}
.nx-fr-icone{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nx-fr-badge{
  display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;
  border-radius:10px;background:var(--teal);color:var(--sobre-acento);
  font:600 var(--t12)/1 var(--fb);font-variant-numeric:tabular-nums;
}
.nx-fr-badge[hidden]{display:none}

:root{--nx-fr-seta:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F6B6D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
[data-modo="escuro"]{--nx-fr-seta:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A6A199' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}

.nx-fr-select.nx-fr-select,
.nx-fr-fld.nx-fr-fld{
  box-sizing:border-box;height:40px;min-height:40px;margin:0;
  border:1px solid var(--linha-2);border-radius:6px;background-color:var(--papel);color:var(--ink);
  font:400 14px/1.2 var(--fb);letter-spacing:normal;text-transform:none;box-shadow:none;
  cursor:pointer;user-select:none;-webkit-user-select:none;white-space:nowrap;
}
.nx-fr-select.nx-fr-select{
  appearance:none;-webkit-appearance:none;padding:0 38px 0 12px;overflow:hidden;text-overflow:ellipsis;
  background-image:var(--nx-fr-seta);background-position:right 12px center;background-size:16px 16px;background-repeat:no-repeat;
}
.nx-fr-fld.nx-fr-fld{display:inline-flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted);text-align:left}
.nx-fr-fld.nx-fr-fld::after{
  content:"";flex:none;width:16px;height:16px;margin:0 0 0 2px;border:0;
  background:var(--nx-fr-seta) center / 16px 16px no-repeat;
}
.nx-fr-fld.nx-fr-fld>b{display:block;color:var(--ink);font-weight:400}
.nx-fr-fld.nx-fr-fld>b::first-letter{text-transform:uppercase}
.nx-fr-fld.nx-fr-fld>b[hidden],
.nx-fr-fld.nx-fr-fld:has(>.nx-fr-valor)>b{display:none}
.nx-fr-fld.nx-fr-fld>.nx-fr-valor{display:block;color:var(--ink)}
.nx-fr-select.nx-fr-select:hover,
.nx-fr-fld.nx-fr-fld:hover{border-color:var(--acento-claro)}
.nx-fr-select.nx-fr-select:focus-visible,
.nx-fr-fld.nx-fr-fld:focus-visible{border-color:var(--teal);outline:2px solid var(--teal-dark);outline-offset:1px}
.nx-fr-fld.nx-fr-fld[aria-expanded="true"],
.nx-fr-fld.nx-fr-fld.open{border-color:var(--teal);color:var(--muted)}
.nx-fr-select.nx-fr-select:disabled,
.nx-fr-fld.nx-fr-fld:disabled{opacity:.55;cursor:not-allowed}

html.nx-fr-travado,html.nx-fr-travado body{overflow:hidden}

.nx-fr-fundo{
  position:fixed;inset:0;z-index:95;display:flex;flex-direction:column;justify-content:flex-end;
  background:rgba(17,19,21,.5);
}
.nx-fr-fundo[hidden]{display:none}
.nx-fr-painel{
  display:flex;flex-direction:column;width:100%;max-height:calc(100dvh - 72px);
  background:var(--papel);color:var(--ink);border-top:1px solid var(--linha);border-radius:14px 14px 0 0;
  box-shadow:0 -8px 24px rgba(17,19,21,.18);
  padding-bottom:env(safe-area-inset-bottom,0px);
  animation:nx-fr-sobe .2s ease-out both;
}
@keyframes nx-fr-sobe{
  from{transform:translateY(24px);opacity:0}
  to{transform:none;opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .nx-fr-painel{animation:none}
}
.nx-fr-painel.nx-fr-painel--retomado{animation:none}
.nx-fr-cabeca{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;
  padding:8px 8px 8px 20px;border-bottom:1px solid var(--linha);user-select:none;-webkit-user-select:none;
}
.nx-fr-titulo{margin:0;font:500 var(--t18)/1.3 var(--fd);color:var(--ink)}
.nx-fr-fechar{
  display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;
  border:0;border-radius:6px;background:transparent;color:var(--ink-3);cursor:pointer;
}
.nx-fr-fechar:hover{background:var(--tinte-1);color:var(--ink)}
.nx-fr-fechar:focus-visible{outline:2px solid var(--teal-dark);outline-offset:-2px}
.nx-fr-corpo{
  display:flex;flex-direction:column;gap:16px;padding:16px 20px 20px;overflow-y:auto;overscroll-behavior:contain;
  min-height:0;flex:1 1 auto;
}
.nx-fr-campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.nx-fr-campo[hidden]{display:none}
.nx-fr-rotulo,
.nx-fr-painel .cq-agrupar-rot,
.nx-fr-painel .cq-ordenar-rot{
  position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;
  font:600 var(--t13)/1.3 var(--fb);color:var(--ink-2);letter-spacing:normal;text-transform:none;
  user-select:none;-webkit-user-select:none;
}
.nx-fr-fundo .nx-fr-painel select,
.nx-fr-fundo .nx-fr-painel .fld,
.nx-fr-fundo .nx-fr-painel input.inp{
  box-sizing:border-box;width:100%;max-width:none;min-width:0;min-height:48px;height:auto;margin:0;
  border:1px solid var(--linha-2);border-radius:6px;background-color:var(--papel);color:var(--ink);
  font:400 16px/1.3 var(--fb);letter-spacing:normal;text-transform:none;box-shadow:none;
}
.nx-fr-fundo .nx-fr-painel input.inp{padding:10px 12px}
.nx-fr-fundo .nx-fr-painel select,
.nx-fr-fundo .nx-fr-painel .fld{
  appearance:none;-webkit-appearance:none;cursor:pointer;padding:10px 44px 10px 12px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background-image:var(--nx-fr-seta);background-position:right 14px center;background-size:18px 18px;background-repeat:no-repeat;
}
.nx-fr-fundo .nx-fr-painel select:hover,
.nx-fr-fundo .nx-fr-painel .fld:hover{border-color:var(--acento-claro)}
.nx-fr-fundo .nx-fr-painel select:focus-visible,
.nx-fr-fundo .nx-fr-painel .fld:focus-visible,
.nx-fr-fundo .nx-fr-painel input.inp:focus-visible{border-color:var(--teal);outline:2px solid var(--teal-dark);outline-offset:1px}
.nx-fr-fundo .nx-fr-painel .fld[aria-expanded="true"],
.nx-fr-fundo .nx-fr-painel .fld.open{border-color:var(--teal)}
.nx-fr-fundo .nx-fr-painel .fld{display:flex;align-items:center;justify-content:flex-start;gap:0;text-align:left;font-size:0}
.nx-fr-fundo .nx-fr-painel .fld::after,
.nx-fr-fundo .nx-fr-painel .fld>svg{display:none}
.nx-fr-fundo .nx-fr-painel .fld>b{
  display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font:400 16px/1.3 var(--fb);color:var(--ink);
}
.nx-fr-fundo .nx-fr-painel .fld>b::first-letter{text-transform:uppercase}
.nx-fr-fundo .nx-fr-painel .fld>b[hidden],
.nx-fr-fundo .nx-fr-painel .fld:has(>.nx-fr-valor)>b{display:none}
.nx-fr-fundo .nx-fr-painel .fld>.nx-fr-valor{display:block;font:400 16px/1.3 var(--fb);color:var(--ink)}
.nx-fr-valor{display:none}
.nx-fr-painel .cq-agrupar{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;margin:0}
.nx-fr-painel .cq-ordenar{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:6px 8px;width:100%;margin:0}
.nx-fr-painel .cq-ordenar-rot{grid-column:1 / -1}
.nx-fr-painel .cq-agrupar-segmento,
.nx-fr-painel .cq-ordenar-segmento,
.nx-fr-painel .cq-estado-segmento{display:none}
.nx-fr-painel .cq-ordenar-dir{
  box-sizing:border-box;width:48px;height:48px;min-height:48px;margin:0;padding:0;
  border:1px solid var(--linha-2);border-radius:6px;background:var(--papel);color:var(--ink-2);cursor:pointer;
}
.nx-fr-painel .cq-ordenar-dir:hover{border-color:var(--acento-claro);color:var(--ink)}
.nx-fr-painel .cq-ordenar-dir:focus-visible{outline:2px solid var(--teal-dark);outline-offset:1px}
.nx-fr-campo>.envolve{width:100%}
.nx-fr-campo .dropdemo{position:static;width:auto;margin-top:8px;box-shadow:none}
.nx-fr-campo .dropdemo[hidden]{display:none}
.nx-fr-pe{
  display:flex;align-items:center;gap:12px;flex:none;
  padding:12px 20px 16px;border-top:1px solid var(--linha);background:var(--papel);
}
.nx-fr-limpar{flex:none;min-height:48px;padding:0 16px;font-size:16px}
.nx-fr-limpar[hidden]{display:none}
.nx-fr-ver{flex:1 1 auto;width:100%;min-height:48px;font-size:16px}
.nx-fr-corpo input,
.nx-fr-corpo select,
.nx-fr-corpo textarea{font-size:16px !important}
.nx-fr-painel #ext-categoria-menu .act{display:none}
.nx-fr-painel #ext-categoria-menu .opt{min-height:44px}
@media (max-width:599.98px){
  #popup:has(#popup-campo-de[type="date"]) #popup-acoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #popup:has(#popup-campo-de[type="date"]) #popup-acoes>.btn{width:100%;min-width:0;min-height:44px;white-space:normal}
  #popup:has(#popup-campo-de[type="date"]) #popup-acoes>.btn:last-child{grid-column:1 / -1}
}