/* [project]/apps/web/src/components/ui/tela-autenticacao.css [app-client] (css) */
.auth-shell {
  --auth-fundo: #f4f8fd;
  --auth-cartao: transparent;
  --auth-borda: #e2e8f0;
  --auth-ouro: #06f;
  --auth-ouro-escuro: #0052cc;
  --auth-texto: #0f172a;
  --auth-texto-suave: #64748b;
  --auth-campo: #fff;
  --auth-campo-foco: #fff;
  --auth-campo-borda: #d5dee8;
  --cor-borda: var(--auth-borda);
  --cor-sucesso: #059669;
  --cor-texto-inverso: #fff;
  background: var(--auth-fundo);
  min-height: 100dvh;
  color: var(--auth-texto);
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 1.25rem 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.auth-shell:before, .auth-shell:after {
  content: "";
  pointer-events: none;
  filter: blur(8px);
  border-radius: 50%;
  position: absolute;
}

.auth-shell:before {
  background: radial-gradient(circle, #d7e8ff 0%, rgba(0, 0, 0, 0) 68%);
  width: 22rem;
  height: 22rem;
  top: -8rem;
  right: -6rem;
}

.auth-shell:after {
  background: radial-gradient(circle, #e8f1ff 0%, rgba(0, 0, 0, 0) 70%);
  width: 20rem;
  height: 20rem;
  bottom: -10rem;
  left: -8rem;
}

.auth-shell__conteudo {
  z-index: 1;
  width: 100%;
  max-width: 26rem;
  position: relative;
}

.auth-shell__marca {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.75rem;
  display: flex;
}

.auth-shell__logo {
  width: auto;
  height: 1.85rem;
}

.auth-shell__nome {
  letter-spacing: -.04em;
  color: var(--auth-texto);
  font-size: 1.35rem;
  font-weight: 700;
}

.auth-shell__tagline {
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--auth-ouro);
  margin-top: .65rem;
  font-size: .6875rem;
  font-weight: 600;
}

.auth-cartao {
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
}

.auth-cartao__titulo {
  letter-spacing: -.03em;
  text-align: center;
  color: var(--auth-texto);
  margin: 0;
  font-size: 1.7rem;
  font-weight: 700;
}

.auth-cartao__descricao {
  text-align: center;
  color: var(--auth-texto-suave);
  margin: .45rem 0 0;
  font-size: .95rem;
  line-height: 1.45;
}

.auth-cartao__corpo {
  min-width: 0;
  margin-top: 1.4rem;
  overflow-x: clip;
}

.auth-cartao__corpo form {
  width: 100%;
  min-width: 0;
}

.auth-cartao__rodape {
  margin-top: 1.35rem;
}

.auth-cartao__divisor {
  justify-content: center;
  align-items: center;
  margin-bottom: .95rem;
  display: flex;
}

.auth-cartao__divisor span {
  background: var(--auth-borda);
  width: 100%;
  height: 1px;
  display: block;
  position: relative;
}

.auth-cartao__divisor span:after {
  content: "";
  background: var(--auth-ouro);
  border-radius: 1px;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(45deg);
}

.auth-cartao__rodape-texto {
  text-align: center;
  color: var(--auth-texto-suave);
  justify-content: center;
  align-items: center;
  gap: .45rem;
  margin: 0;
  font-size: .75rem;
  line-height: 1.4;
  display: flex;
}

.auth-cartao__rodape-icone {
  width: .85rem;
  height: .85rem;
  color: var(--auth-ouro);
  flex-shrink: 0;
}

.auth-link {
  color: var(--auth-ouro-escuro);
  font-weight: 600;
  text-decoration: none;
}

.auth-link:hover {
  text-decoration: underline;
}

.auth-cartao label {
  color: var(--auth-texto) !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
}

.auth-cartao input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]), .auth-campo-icone input {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  caret-color: var(--auth-ouro-escuro);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: none;
  box-sizing: border-box !important;
  border: 1px solid var(--auth-campo-borda) !important;
  background-color: var(--auth-campo) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: var(--auth-texto) !important;
  -webkit-text-fill-color: var(--auth-texto) !important;
  height: 2.75rem !important;
  box-shadow: none !important;
  background-image: none !important;
  border-radius: .75rem !important;
}

.auth-cartao input::placeholder, .auth-campo-icone input::placeholder {
  opacity: 1;
  color: #a39e96 !important;
  -webkit-text-fill-color: #a39e96 !important;
}

.auth-cartao input:focus, .auth-campo-icone input:focus {
  background-color: var(--auth-campo-foco) !important;
  border-color: #69f !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 102, 255, .18) !important;
}

.auth-cartao input:-webkit-autofill {
  transition: background-color 99999s ease-out;
  -webkit-text-fill-color: var(--auth-texto) !important;
  caret-color: var(--auth-ouro-escuro) !important;
  border-color: var(--auth-campo-borda) !important;
  box-shadow: 0 0 0 1000px var(--auth-campo) inset !important;
}

.auth-cartao input:-webkit-autofill:hover {
  transition: background-color 99999s ease-out;
  -webkit-text-fill-color: var(--auth-texto) !important;
  caret-color: var(--auth-ouro-escuro) !important;
  border-color: var(--auth-campo-borda) !important;
  box-shadow: 0 0 0 1000px var(--auth-campo) inset !important;
}

.auth-cartao input:-webkit-autofill:focus {
  transition: background-color 99999s ease-out;
  -webkit-text-fill-color: var(--auth-texto) !important;
  caret-color: var(--auth-ouro-escuro) !important;
  border-color: var(--auth-campo-borda) !important;
  box-shadow: 0 0 0 1000px var(--auth-campo) inset !important;
}

.auth-cartao input:-webkit-autofill:active {
  transition: background-color 99999s ease-out;
  -webkit-text-fill-color: var(--auth-texto) !important;
  caret-color: var(--auth-ouro-escuro) !important;
  border-color: var(--auth-campo-borda) !important;
  box-shadow: 0 0 0 1000px var(--auth-campo) inset !important;
}

.auth-campo-icone input:-webkit-autofill {
  transition: background-color 99999s ease-out;
  -webkit-text-fill-color: var(--auth-texto) !important;
  caret-color: var(--auth-ouro-escuro) !important;
  border-color: var(--auth-campo-borda) !important;
  box-shadow: 0 0 0 1000px var(--auth-campo) inset !important;
}

.auth-campo-icone input:-webkit-autofill:hover {
  transition: background-color 99999s ease-out;
  -webkit-text-fill-color: var(--auth-texto) !important;
  caret-color: var(--auth-ouro-escuro) !important;
  border-color: var(--auth-campo-borda) !important;
  box-shadow: 0 0 0 1000px var(--auth-campo) inset !important;
}

.auth-campo-icone input:-webkit-autofill:focus {
  transition: background-color 99999s ease-out;
  -webkit-text-fill-color: var(--auth-texto) !important;
  caret-color: var(--auth-ouro-escuro) !important;
  border-color: var(--auth-campo-borda) !important;
  box-shadow: 0 0 0 1000px var(--auth-campo) inset !important;
}

.auth-campo-icone input:-webkit-autofill:active {
  transition: background-color 99999s ease-out;
  -webkit-text-fill-color: var(--auth-texto) !important;
  caret-color: var(--auth-ouro-escuro) !important;
  border-color: var(--auth-campo-borda) !important;
  box-shadow: 0 0 0 1000px var(--auth-campo) inset !important;
}

.auth-cartao .auth-botao-entrar {
  background: var(--auth-ouro);
  color: #fff;
  letter-spacing: .01em;
  width: 100%;
  height: 2.85rem;
  box-shadow: none;
  border: 0;
  border-radius: .85rem;
  font-size: .95rem;
  font-weight: 700;
  transition: background .15s, opacity .15s;
}

.auth-social {
  flex-direction: column;
  gap: .65rem;
  display: flex;
}

.auth-social-botao {
  width: 100%;
  min-height: 2.85rem;
  color: var(--auth-texto);
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e8eef5;
  border-radius: .9rem;
  align-items: center;
  gap: .75rem;
  padding: 0 .95rem;
  font-size: .92rem;
  font-weight: 600;
  display: flex;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.auth-social-botao:hover {
  background: #fafcff;
  border-color: #d5e3f5;
}

.auth-social-botao:active {
  background: #f3f7fc;
}

.auth-social-botao:disabled {
  opacity: .55;
  cursor: wait;
}

.auth-social-botao svg:first-child {
  flex-shrink: 0;
  width: 1.15rem;
  height: 1.15rem;
}

.auth-social-botao span {
  flex: 1;
  min-width: 0;
}

.auth-social-botao svg:last-child {
  color: #94a3b8;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
}

.auth-divisor-ou {
  color: var(--auth-texto-suave);
  align-items: center;
  gap: .85rem;
  margin: .15rem 0;
  font-size: .8rem;
  display: flex;
}

.auth-divisor-ou:before, .auth-divisor-ou:after {
  content: "";
  background: var(--auth-borda);
  flex: 1;
  height: 1px;
}

.auth-legal {
  text-align: center;
  color: var(--auth-texto-suave);
  margin: 1.1rem 0 0;
  font-size: .72rem;
  line-height: 1.45;
}

.auth-legal a {
  color: var(--auth-texto-suave);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.auth-cartao .auth-botao-entrar:hover:not(:disabled) {
  background: var(--auth-ouro-escuro);
}

.auth-cartao .auth-botao-entrar:disabled {
  opacity: .55;
}

.auth-campo-icone {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: block;
  position: relative;
}

.auth-campo-icone > svg:first-of-type {
  pointer-events: none;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  color: var(--auth-ouro);
  position: absolute;
  top: 50%;
  left: .85rem;
  transform: translateY(-50%);
}

.auth-campo-icone input {
  padding: 0 .85rem 0 2.5rem;
  font-size: .9rem;
  display: block;
}

.auth-campo-icone--senha input {
  padding-right: 2.6rem;
}

.auth-campo-toggle-senha {
  z-index: 1;
  width: 2rem;
  height: 2rem;
  color: var(--auth-ouro);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: .4rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  right: .55rem;
  transform: translateY(-50%);
}

.auth-campo-toggle-senha:hover {
  background: color-mix(in srgb, var(--auth-ouro) 12%, transparent);
}

.auth-linha-opcoes {
  color: var(--auth-texto-suave);
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  font-size: .8rem;
  display: flex;
}

.auth-lembrar {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  min-height: 2.75rem;
  color: var(--auth-texto-suave);
  align-items: center;
  gap: .5rem;
  padding: 0 .35rem 0 0;
  display: inline-flex;
}

.auth-lembrar--marcado {
  color: var(--auth-texto);
  font-weight: 600;
}

.auth-link-esqueci {
  color: var(--auth-ouro-escuro);
  text-underline-offset: 2px;
  font-size: .8rem;
  font-weight: 600;
  text-decoration: underline;
}

.auth-cta-acesso {
  text-align: center;
  color: var(--auth-texto-suave);
  margin: .35rem 0 0;
  font-size: .85rem;
}

.auth-cta-acesso a {
  color: var(--auth-texto);
  text-underline-offset: 2px;
  font-weight: 600;
  text-decoration: underline;
}

.auth-campo-erro {
  color: var(--cor-erro-texto);
  margin: 0;
  font-size: .8rem;
  line-height: 1.4;
}

.auth-campo-icone--erro input {
  border-color: var(--cor-erro-borda) !important;
}

@media (max-width: 480px) {
  .auth-shell {
    padding: 1.25rem 1.1rem 1.75rem;
  }

  .auth-cartao__titulo {
    font-size: 1.5rem;
  }
}

/* [project]/apps/web/src/components/ui/calendario-intervalo.css [app-client] (css) */
.calendario-intervalo {
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
}

.calendario-intervalo-nav {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.calendario-intervalo-mes {
  font-size: var(--campo-fonte);
  color: var(--cor-texto);
  margin: 0;
  font-weight: 600;
  line-height: 1.25;
}

.calendario-intervalo-grade {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: .125rem;
  display: grid;
}

.calendario-intervalo-dow {
  padding-block: var(--space-1);
  font-size: var(--campo-rotulo-fonte);
  text-align: center;
  color: var(--cor-texto-suave);
  font-weight: 600;
  line-height: 1.25;
}

.calendario-intervalo-dia {
  min-height: var(--campo-alvo-min);
  border-radius: var(--raio-md);
  font: inherit;
  font-size: var(--campo-fonte);
  color: var(--cor-texto);
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  font-weight: 500;
  display: flex;
}

.calendario-intervalo-dia:disabled {
  visibility: hidden;
}

.calendario-intervalo-dia:hover:not(:disabled) {
  background: var(--cor-superficie-elevada);
}

.calendario-intervalo-dia--hoje {
  box-shadow: inset 0 0 0 1px var(--cor-borda);
}

.calendario-intervalo-dia--meio {
  background: color-mix(in srgb, var(--cor-marca) 18%, transparent);
  border-radius: 0;
}

.calendario-intervalo-dia--inicio, .calendario-intervalo-dia--fim {
  background: var(--cor-marca);
  color: var(--cor-texto-sobre-marca);
}

.calendario-intervalo-dia--inicio {
  border-radius: var(--raio-md) 0 0 var(--raio-md);
}

.calendario-intervalo-dia--fim {
  border-radius: 0 var(--raio-md) var(--raio-md) 0;
}

.calendario-intervalo-dia--inicio.calendario-intervalo-dia--fim {
  border-radius: var(--raio-md);
}

.calendario-intervalo-dica {
  font-size: var(--campo-rotulo-fonte);
  color: var(--cor-texto-suave);
  margin: 0;
  line-height: 1.35;
}

/* [project]/apps/web/src/components/ui/campo-kit.css [app-client] (css) */
@media (max-width: 47.9375rem) {
  .campo-kit-envoltorio__campo {
    min-height: var(--altura-campo);
    display: block;
  }

  .campo-kit-input:not(textarea) {
    height: var(--campo-altura-compact);
    min-height: var(--campo-altura-compact);
    max-height: var(--campo-altura-compact);
    padding-top: 0;
    padding-bottom: 0;
  }

  select.campo-kit-input {
    background-position: right .625rem center;
    background-size: .8125rem;
    padding-right: 2rem;
  }

  textarea.campo-kit-input {
    height: auto;
    max-height: none;
    min-height: var(--campo-textarea-min-compact);
    padding-block: var(--space-2);
  }

  .campo-kit-switch {
    width: 2.5rem;
    height: 1.5rem;
  }

  .campo-kit-switch__polegar {
    width: 1.25rem;
    height: 1.25rem;
  }

  .campo-kit-switch[data-state="checked"] .campo-kit-switch__polegar {
    transform: translateX(1.0625rem);
  }
}

.campo-kit-envoltorio {
  gap: var(--campo-gap-rotulo, .375rem);
  flex-direction: column;
  min-width: 0;
  padding-top: 0;
  display: flex;
  position: relative;
}

.campo-kit-envoltorio--curta {
  width: 100%;
  max-width: 10.5rem;
}

.campo-kit-envoltorio--media {
  width: 100%;
  max-width: 16rem;
}

.campo-kit-envoltorio--data {
  flex-shrink: 0;
  width: 9.75rem;
  min-width: 9.75rem;
  max-width: 9.75rem;
}

.campo-kit-envoltorio__campo {
  gap: var(--campo-gap-rotulo, .375rem);
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: relative;
}

.campo-kit-rotulo-borda, .campo-kit-rotulo-bloco {
  font-size: var(--campo-rotulo-fonte);
  color: var(--cor-texto-suave);
  white-space: normal;
  background: none;
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1.25;
  position: static;
}

.campo-kit-rotulo-borda {
  align-items: center;
  gap: var(--space-2);
  width: max-content;
  max-width: 100%;
  display: inline-flex;
}

.campo-kit-rotulo-bloco {
  display: block;
}

.campo-kit-rotulo-borda svg {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
}

.tema-escuro .campo-kit-rotulo-borda, .tema-escuro .campo-kit-rotulo-bloco {
  color: var(--cor-texto-suave);
}

.campo-kit-obrigatorio {
  color: var(--state-error);
  font-size: .75em;
  font-weight: 600;
  line-height: 1;
}

.campo-kit-dica {
  font-size: var(--campo-dica-fonte);
  color: var(--cor-texto-suave);
  margin: 0;
  line-height: 1.4;
}

.tema-escuro .campo-kit-dica {
  color: var(--cor-texto-suave);
}

.campo-kit-erro {
  min-height: 1.25em;
  font-size: var(--campo-dica-fonte);
  color: var(--state-error);
  margin: 0;
  line-height: 1.4;
}

.campo-kit-input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: var(--altura-campo);
  min-height: var(--altura-campo);
  max-height: var(--altura-campo);
  padding: 0 var(--campo-padding-inline, 1rem);
  border: 1px solid var(--field-border);
  border-radius: var(--campo-raio);
  background-color: var(--field-background);
  color: var(--cor-texto);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: box-shadow var(--duracao-interacao) var(--ease-saida), background-color var(--duracao-interacao) var(--ease-saida);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25;
  display: block;
}

.campo-kit-input.campo-kit-input--com-calendario, .campo-kit-input.campo-kit-input--com-calendario-aviso {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
  background-position: right .75rem center;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
}

.campo-kit-input.campo-kit-input--com-calendario:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-right: 2.75rem;
}

.campo-kit-input.campo-kit-input--com-calendario:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-right: 2.75rem;
}

.campo-kit-input.campo-kit-input--com-calendario:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-right: 2.75rem;
}

.campo-kit-input.campo-kit-input--com-calendario:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-left: 2.75rem;
}

.campo-kit-input.campo-kit-input--com-calendario:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-left: 2.75rem;
}

.campo-kit-input.campo-kit-input--com-calendario:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-left: 2.75rem;
}

.campo-kit-input.campo-kit-input--com-calendario-aviso {
  background-position: right 2.5rem center;
}

.campo-kit-input.campo-kit-input--com-calendario-aviso:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-right: 4.25rem;
}

.campo-kit-input.campo-kit-input--com-calendario-aviso:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-right: 4.25rem;
}

.campo-kit-input.campo-kit-input--com-calendario-aviso:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-right: 4.25rem;
}

.campo-kit-input.campo-kit-input--com-calendario-aviso:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-left: 4.25rem;
}

.campo-kit-input.campo-kit-input--com-calendario-aviso:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-left: 4.25rem;
}

.campo-kit-input.campo-kit-input--com-calendario-aviso:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-left: 4.25rem;
}

.campo-data-gatilho-calendario {
  top: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  background: none;
  border: 0;
  width: 1.75rem;
  margin: 0;
  padding: 0;
  position: absolute;
  right: .5rem;
}

.campo-kit-input--com-calendario-aviso ~ .campo-data-gatilho-calendario {
  right: 2.25rem;
}

input.campo-data-gatilho-calendario {
  opacity: 0;
}

input.campo-data-gatilho-calendario::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.tema-escuro .campo-kit-input {
  color: var(--cor-texto);
}

.tema-escuro .campo-kit-input.campo-kit-input--com-calendario, .tema-escuro .campo-kit-input.campo-kit-input--com-calendario-aviso {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.campo-kit-input::placeholder {
  color: var(--cor-placeholder);
  font-weight: 400;
}

.campo-kit-input--com-switch {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.campo-kit-input:hover:not(:disabled):not(:-moz-read-only) {
  background-color: var(--field-background-hover);
}

.campo-kit-input:hover:not(:disabled):not(:read-only) {
  background-color: var(--field-background-hover);
}

.campo-kit-input:focus {
  box-shadow: 0 0 0 2px var(--cor-marca);
  outline: none;
}

.campo-kit-input:focus-visible {
  box-shadow: 0 0 0 2px var(--cor-marca);
  outline: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .campo-kit-input:focus-visible {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-marca) 28%, transparent);
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .campo-kit-input:focus {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-marca) 28%, transparent);
  }
}

.campo-kit-input:disabled {
  cursor: not-allowed;
  opacity: var(--state-disabled-opacity);
}

.campo-kit-input:-moz-read-only {
  cursor: not-allowed;
  opacity: var(--state-disabled-opacity);
}

.campo-kit-input:read-only {
  cursor: not-allowed;
  opacity: var(--state-disabled-opacity);
}

html.tema-escuro .campo-kit-input:disabled, .tema-escuro .campo-kit-input:disabled {
  opacity: 1;
  background-color: var(--cor-superficie-elevada);
}

html.tema-escuro .campo-kit-input:-moz-read-only {
  opacity: 1;
  background-color: var(--cor-superficie-elevada);
}

@supports (color: color-mix(in lab, red, red)) {
  html.tema-escuro .campo-kit-input:-moz-read-only {
    background-color: color-mix(in srgb, var(--cor-superficie-elevada) 70%, var(--cor-fundo));
  }
}

html.tema-escuro .campo-kit-input:-moz-read-only {
  color: var(--cor-texto-suave);
  -webkit-text-fill-color: var(--cor-texto-suave);
}

html.tema-escuro .campo-kit-input:read-only {
  opacity: 1;
  background-color: var(--cor-superficie-elevada);
}

@supports (color: color-mix(in lab, red, red)) {
  html.tema-escuro .campo-kit-input:read-only {
    background-color: color-mix(in srgb, var(--cor-superficie-elevada) 70%, var(--cor-fundo));
  }
}

html.tema-escuro .campo-kit-input:read-only {
  color: var(--cor-texto-suave);
  -webkit-text-fill-color: var(--cor-texto-suave);
}

.tema-escuro .campo-kit-input:-moz-read-only {
  opacity: 1;
  background-color: var(--cor-superficie-elevada);
}

@supports (color: color-mix(in lab, red, red)) {
  .tema-escuro .campo-kit-input:-moz-read-only {
    background-color: color-mix(in srgb, var(--cor-superficie-elevada) 70%, var(--cor-fundo));
  }
}

.tema-escuro .campo-kit-input:-moz-read-only {
  color: var(--cor-texto-suave);
  -webkit-text-fill-color: var(--cor-texto-suave);
}

.tema-escuro .campo-kit-input:read-only {
  opacity: 1;
  background-color: var(--cor-superficie-elevada);
}

@supports (color: color-mix(in lab, red, red)) {
  .tema-escuro .campo-kit-input:read-only {
    background-color: color-mix(in srgb, var(--cor-superficie-elevada) 70%, var(--cor-fundo));
  }
}

.tema-escuro .campo-kit-input:read-only {
  color: var(--cor-texto-suave);
  -webkit-text-fill-color: var(--cor-texto-suave);
}

@supports (color: color-mix(in lab, red, red)) {
  html.tema-escuro .campo-kit-input:disabled, .tema-escuro .campo-kit-input:disabled {
    background-color: color-mix(in srgb, var(--cor-superficie-elevada) 70%, var(--cor-fundo));
  }
}

html.tema-escuro .campo-kit-input:disabled, .tema-escuro .campo-kit-input:disabled {
  color: var(--cor-texto-suave);
  -webkit-text-fill-color: var(--cor-texto-suave);
}

.campo-kit-input--erro:focus {
  box-shadow: 0 0 0 2px var(--state-error);
}

.campo-kit-input--erro:focus-visible {
  box-shadow: 0 0 0 2px var(--state-error);
}

@supports (color: color-mix(in lab, red, red)) {
  .campo-kit-input--erro:focus-visible {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--state-error) 20%, transparent);
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .campo-kit-input--erro:focus {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--state-error) 20%, transparent);
  }
}

textarea.campo-kit-input {
  height: auto;
  min-height: 6rem;
  max-height: none;
  padding-block: var(--space-3);
  padding-inline: var(--campo-padding-inline);
  resize: vertical;
}

button.campo-kit-input {
  cursor: pointer;
  text-align: left;
  align-items: center;
  display: flex;
}

button.campo-kit-input svg {
  flex-shrink: 0;
  width: .875rem;
  height: .875rem;
}

.campo-kit-input[type="date"], .campo-kit-input[type="time"] {
  padding-right: 2.5rem;
  position: relative;
}

.campo-kit-input[type="time"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f6a63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
  background-position: right .75rem center;
  background-repeat: no-repeat;
  background-size: .9rem;
}

.tema-escuro .campo-kit-input[type="time"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239a958c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
}

.campo-kit-input[type="date"]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
  cursor: pointer;
  width: 2.5rem;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.campo-kit-input[type="time"]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
  cursor: pointer;
  width: 2.5rem;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}

select.campo-kit-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--field-background);
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f6a63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right .75rem center;
  background-repeat: no-repeat;
  background-size: .9rem;
  padding-right: 2.25rem;
}

.tema-escuro select.campo-kit-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239a958c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

.campo-kit-painel-elevado {
  --campo-kit-fundo-envoltorio: var(--surface-container);
  --cor-campo-fundo: var(--cor-fundo);
  --field-background: var(--cor-fundo);
  --field-background-hover: var(--cor-fundo);
}

.campo-kit-contexto-superficie, .kit-modal-conteudo {
  --campo-kit-fundo-envoltorio: var(--surface);
  --cor-campo-fundo: var(--cor-fundo);
  --field-background: var(--cor-fundo);
  --field-background-hover: var(--cor-fundo);
}

.campo-kit-segmentado {
  height: var(--altura-campo);
  grid-template-columns: repeat(var(--campo-segmentado-cols, 2), minmax(0, 1fr));
  border: 1px solid var(--field-border);
  border-radius: var(--campo-raio);
  background: var(--field-background);
  align-self: flex-end;
  gap: .125rem;
  padding: .125rem;
  display: grid;
}

.campo-kit-segmentado__opcao {
  border-radius: calc(var(--campo-raio)  - 2px);
  min-width: 2.25rem;
  height: 100%;
  font-size: var(--campo-fonte);
  padding-left: .5rem;
  padding-right: .5rem;
  font-weight: 600;
  line-height: 1;
}

.campo-kit-segmentado__opcao--ativo {
  background: var(--cor-botao-primario);
  color: var(--cor-botao-primario-texto);
}

.campo-kit-segmentado__opcao--inativo {
  color: var(--cor-texto-suave);
}

.chip-filtro {
  min-height: var(--altura-campo, 2.25rem);
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-md);
  background: var(--field-background, var(--cor-superficie));
  box-shadow: var(--sombra-botao);
  color: var(--cor-texto-suave);
  font-size: var(--campo-rotulo-fonte, .8125rem);
  white-space: nowrap;
  cursor: pointer;
  transition: color var(--duracao-interacao, .15s), background-color var(--duracao-interacao, .15s), border-color var(--duracao-interacao, .15s), box-shadow var(--duracao-interacao, .15s);
  flex-shrink: 0;
  align-items: center;
  padding: .25rem .65rem;
  font-weight: 500;
  line-height: 1.25;
  display: inline-flex;
}

.chip-filtro:hover:not(:disabled):not(.chip-filtro--ativo) {
  color: var(--cor-texto);
}

.chip-filtro:focus {
  outline: none;
}

.chip-filtro:focus-visible {
  box-shadow: 0 0 0 2px var(--cor-marca);
}

@supports (color: color-mix(in lab, red, red)) {
  .chip-filtro:focus-visible {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-marca) 22%, transparent);
  }
}

.chip-filtro--ativo {
  border-color: var(--cor-marca);
  background: var(--cor-marca);
}

@supports (color: color-mix(in lab, red, red)) {
  .chip-filtro--ativo {
    background: color-mix(in srgb, var(--cor-marca) 8%, var(--field-background, var(--cor-fundo)));
  }
}

.chip-filtro--ativo {
  box-shadow: inset 0 0 0 1px var(--cor-marca);
  color: var(--cor-texto);
}

.chip-filtro:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.campo-kit-caixa-marca {
  min-width: var(--caixa-marca-alvo-min);
  min-height: var(--caixa-marca-alvo-min);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.campo-kit-caixa-marca:disabled {
  cursor: not-allowed;
  opacity: var(--state-disabled-opacity);
}

.campo-kit-caixa-marca__indicador {
  width: var(--caixa-marca-tamanho);
  height: var(--caixa-marca-tamanho);
  border: 2px solid var(--text-primary);
  background: var(--cor-superficie-elevada);
  color: rgba(0, 0, 0, 0);
  transition: background-color var(--duracao-interacao) var(--ease-saida), border-color var(--duracao-interacao) var(--ease-saida), color var(--duracao-interacao) var(--ease-saida), box-shadow var(--duracao-interacao) var(--ease-saida);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.campo-kit-caixa-marca__indicador svg {
  opacity: 0;
  width: .5rem;
  height: .5rem;
  transition: opacity var(--duracao-interacao) var(--ease-saida), transform var(--duracao-interacao) var(--ease-saida);
  flex-shrink: 0;
  transform: scale(.5);
}

.campo-kit-caixa-marca:hover:not(:disabled) .campo-kit-caixa-marca__indicador {
  border-color: var(--caixa-marca-borda-hover);
}

.campo-kit-caixa-marca:focus-visible {
  outline: none;
}

.campo-kit-caixa-marca:focus-visible .campo-kit-caixa-marca__indicador {
  box-shadow: 0 0 0 2px var(--state-focus);
}

@supports (color: color-mix(in lab, red, red)) {
  .campo-kit-caixa-marca:focus-visible .campo-kit-caixa-marca__indicador {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--state-focus) 18%, transparent);
  }
}

.campo-kit-caixa-marca--marcado .campo-kit-caixa-marca__indicador, .campo-kit-caixa-marca[aria-checked="true"] .campo-kit-caixa-marca__indicador {
  border-color: var(--text-primary);
  background: var(--text-primary);
  color: var(--cor-texto-inverso);
}

.campo-kit-caixa-marca--marcado .campo-kit-caixa-marca__indicador svg, .campo-kit-caixa-marca[aria-checked="true"] .campo-kit-caixa-marca__indicador svg {
  opacity: 1;
  transform: scale(1);
}

.tema-escuro .campo-kit-caixa-marca--marcado .campo-kit-caixa-marca__indicador, .tema-escuro .campo-kit-caixa-marca[aria-checked="true"] .campo-kit-caixa-marca__indicador {
  color: var(--cor-fundo);
}

.campo-kit-caixa-marca--indeterminado .campo-kit-caixa-marca__indicador {
  border-color: var(--text-primary);
  background: var(--text-primary);
  color: var(--cor-texto-inverso);
}

.campo-cobranca-adicional--compacto {
  align-items: center;
  gap: .35rem;
  width: 100%;
  min-width: 0;
}

.campo-cobranca-adicional--compacto .campo-kit-segmentado {
  height: var(--mp-inner-field-h, var(--altura-campo));
  min-height: var(--mp-inner-field-h, var(--altura-campo));
  max-height: var(--mp-inner-field-h, var(--altura-campo));
  flex: 0 0 4rem;
  align-self: center;
  width: 4rem;
}

.campo-cobranca-adicional--compacto .campo-kit-segmentado__opcao {
  min-width: 0;
  min-height: 0;
  padding-left: .2rem;
  padding-right: .2rem;
  font-size: .75rem;
}

.campo-kit-radio {
  min-height: var(--campo-alvo-min);
  cursor: pointer;
  align-items: center;
  gap: .5rem;
  display: inline-flex;
}

.campo-kit-radio--desabilitado {
  cursor: not-allowed;
  opacity: var(--state-disabled-opacity);
}

.campo-kit-radio__input {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.campo-kit-radio__indicador {
  pointer-events: none;
  border: 1px solid var(--border);
  background: var(--field-background);
  width: 1.125rem;
  height: 1.125rem;
  transition: border-color var(--duracao-interacao) var(--ease-saida), box-shadow var(--duracao-interacao) var(--ease-saida);
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.campo-kit-radio__indicador:after {
  content: "";
  background: var(--text-primary);
  opacity: 0;
  width: .4375rem;
  height: .4375rem;
  transition: opacity var(--duracao-interacao) var(--ease-saida), transform var(--duracao-interacao) var(--ease-saida);
  border-radius: 9999px;
  transform: scale(.5);
}

.campo-kit-radio__input:focus-visible + .campo-kit-radio__indicador {
  box-shadow: 0 0 0 2px var(--state-focus);
}

@supports (color: color-mix(in lab, red, red)) {
  .campo-kit-radio__input:focus-visible + .campo-kit-radio__indicador {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--state-focus) 22%, transparent);
  }
}

.campo-kit-radio__input:checked + .campo-kit-radio__indicador {
  border-color: var(--text-primary);
}

.campo-kit-radio__input:checked + .campo-kit-radio__indicador:after, .campo-kit-radio__indicador[data-ativo="true"]:after {
  opacity: 1;
  transform: scale(1);
}

.campo-kit-radio__indicador[data-ativo="true"] {
  border-color: var(--text-primary);
}

.campo-kit-radio__rotulo {
  font-size: var(--campo-fonte);
  color: var(--text-primary);
  line-height: 1.35;
}

.campo-kit-radio-grupo {
  gap: var(--campo-gap-rotulo);
  flex-direction: column;
  display: flex;
}

.campo-kit-radio-grupo__opcoes {
  flex-direction: column;
  gap: .375rem;
  display: flex;
}

.campo-kit-radio-grupo__legenda {
  font-size: var(--campo-rotulo-fonte);
  color: var(--text-primary);
  margin: 0;
  font-weight: 500;
}

.campo-kit-switch {
  cursor: pointer;
  width: 2.75rem;
  height: 1.625rem;
  transition: background-color var(--duracao-interacao) var(--ease-saida);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  flex-shrink: 0;
  position: relative;
}

.campo-kit-switch[data-state="checked"] {
  background: var(--cor-botao-primario);
  border-color: var(--cor-botao-primario);
}

.campo-kit-switch[data-state="unchecked"] {
  background: var(--cor-pista);
  border-color: var(--cor-borda);
}

.campo-kit-switch:focus-visible {
  box-shadow: 0 0 0 2px var(--cor-fundo), 0 0 0 4px var(--cor-botao-primario);
  outline: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .campo-kit-switch:focus-visible {
    box-shadow: 0 0 0 2px var(--cor-fundo), 0 0 0 4px color-mix(in srgb, var(--cor-botao-primario) 30%, transparent);
  }
}

.campo-kit-switch:disabled {
  cursor: not-allowed;
  opacity: var(--state-disabled-opacity);
}

.campo-kit-switch__polegar {
  background: var(--cor-texto);
  width: 1.375rem;
  height: 1.375rem;
  box-shadow: var(--sombra-sm);
  transition: transform var(--duracao-interacao) var(--ease-saida), background-color var(--duracao-interacao) var(--ease-saida);
  border-radius: 9999px;
  display: block;
  transform: translateX(.125rem);
}

.campo-kit-switch[data-state="checked"] .campo-kit-switch__polegar {
  background: var(--cor-botao-primario-texto);
  transform: translateX(1.1875rem);
}

.surface-container {
  border-radius: var(--raio-lg);
  background: var(--surface-container);
  box-shadow: none;
}

.campo-kit-busca-wrap {
  width: 100%;
  min-width: 0;
  height: var(--altura-campo);
  min-height: var(--altura-campo);
  max-height: var(--altura-campo);
  align-items: stretch;
  line-height: 0;
  display: flex;
}

.campo-kit-busca-wrap > input {
  flex: 1;
  width: 100%;
  min-width: 0;
  height: 100%;
}

.campo-kit-busca-wrap .campo-kit-input {
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

.campo-kit-busca-wrap .campo-kit-input:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 2.25rem;
  padding-right: 2rem;
}

.campo-kit-busca-wrap .campo-kit-input:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 2.25rem;
  padding-right: 2rem;
}

.campo-kit-busca-wrap .campo-kit-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 2.25rem;
  padding-right: 2rem;
}

.campo-kit-busca-wrap .campo-kit-input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-left: 2rem;
  padding-right: 2.25rem;
}

.campo-kit-busca-wrap .campo-kit-input:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-left: 2rem;
  padding-right: 2.25rem;
}

.campo-kit-busca-wrap .campo-kit-input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-left: 2rem;
  padding-right: 2.25rem;
}

.campo-kit-unidade-wrap {
  width: 100%;
  height: var(--altura-campo);
  min-height: var(--altura-campo);
  max-height: var(--altura-campo);
  border: 1px solid var(--field-border);
  border-radius: var(--campo-raio);
  background: var(--field-background);
  align-items: stretch;
  display: flex;
}

.campo-kit-unidade-wrap:hover {
  background: var(--field-background-hover);
}

.campo-kit-unidade-wrap:focus-within {
  box-shadow: 0 0 0 2px var(--state-focus);
}

@supports (color: color-mix(in lab, red, red)) {
  .campo-kit-unidade-wrap:focus-within {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--state-focus) 22%, transparent);
  }
}

.campo-kit-unidade-prefixo {
  color: var(--cor-texto-suave);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  align-items: center;
  margin: 0;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.campo-kit-unidade-prefixo:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: var(--campo-padding-inline, .75rem);
  padding-right: .5rem;
}

.campo-kit-unidade-prefixo:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: var(--campo-padding-inline, .75rem);
  padding-right: .5rem;
}

.campo-kit-unidade-prefixo:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: var(--campo-padding-inline, .75rem);
  padding-right: .5rem;
}

.campo-kit-unidade-prefixo:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: var(--campo-padding-inline, .75rem);
  padding-left: .5rem;
}

.campo-kit-unidade-prefixo:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: var(--campo-padding-inline, .75rem);
  padding-left: .5rem;
}

.campo-kit-unidade-prefixo:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: var(--campo-padding-inline, .75rem);
  padding-left: .5rem;
}

.campo-kit-unidade-prefixo:hover:not(:disabled) {
  color: var(--cor-texto);
}

.campo-kit-unidade-prefixo:focus-visible {
  color: var(--cor-texto);
  outline: none;
}

.campo-kit-unidade-prefixo:disabled {
  cursor: not-allowed;
  opacity: var(--state-disabled-opacity);
}

.campo-kit-unidade-select {
  height: 100%;
  color: var(--cor-texto-suave);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236f6a63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right .35rem center;
  background-repeat: no-repeat;
  background-size: .7rem;
  border: 0;
  flex: none;
  margin: 0;
  padding: 0 1.35rem 0 .75rem;
  font-size: .875rem;
  font-weight: 600;
}

.campo-kit-unidade-wrap:has( > .campo-kit-unidade-select) > .campo-kit-input:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 1.25rem;
}

.campo-kit-unidade-wrap:has( > .campo-kit-unidade-select) > .campo-kit-input:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 1.25rem;
}

.campo-kit-unidade-wrap:has( > .campo-kit-unidade-select) > .campo-kit-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 1.25rem;
}

.campo-kit-unidade-wrap:has( > .campo-kit-unidade-select) > .campo-kit-input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 1.25rem;
}

.campo-kit-unidade-wrap:has( > .campo-kit-unidade-select) > .campo-kit-input:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 1.25rem;
}

.campo-kit-unidade-wrap:has( > .campo-kit-unidade-select) > .campo-kit-input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 1.25rem;
}

.tema-escuro .campo-kit-unidade-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a958c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

.campo-kit-unidade-select:disabled {
  cursor: not-allowed;
  opacity: var(--state-disabled-opacity, .5);
}

.campo-kit-unidade-select:focus {
  outline: none;
}

.campo-kit-busca-wrap > .campo-kit-input:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 2.25rem;
}

.campo-kit-busca-wrap > .campo-kit-input:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 2.25rem;
}

.campo-kit-busca-wrap > .campo-kit-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 2.25rem;
}

.campo-kit-busca-wrap > .campo-kit-input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 2.25rem;
}

.campo-kit-busca-wrap > .campo-kit-input:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 2.25rem;
}

.campo-kit-busca-wrap > .campo-kit-input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 2.25rem;
}

.campo-kit-unidade-wrap > .campo-kit-input {
  background: none;
  border: 0;
  flex: 1;
  width: auto;
  min-width: 0;
}

.campo-kit-unidade-wrap > .campo-kit-input:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 0;
}

.campo-kit-unidade-wrap > .campo-kit-input:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 0;
}

.campo-kit-unidade-wrap > .campo-kit-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 0;
}

.campo-kit-unidade-wrap > .campo-kit-input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 0;
}

.campo-kit-unidade-wrap > .campo-kit-input:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 0;
}

.campo-kit-unidade-wrap > .campo-kit-input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 0;
}

.campo-kit-unidade-wrap > .campo-kit-input:focus {
  box-shadow: none;
  background: none;
}

.campo-kit-unidade-wrap > .campo-kit-input:hover:not(:disabled):not(:-moz-read-only) {
  box-shadow: none;
  background: none;
}

.campo-kit-unidade-wrap > .campo-kit-input:hover:not(:disabled):not(:read-only) {
  box-shadow: none;
  background: none;
}

.campo-kit-unidade-wrap > .campo-kit-input:focus-visible {
  box-shadow: none;
  background: none;
}

/* [project]/apps/web/src/components/propostas/criacao/modal-proposta-tokens.css [app-client] (css) */
:root {
  --mp-modal-max: 33.75rem;
  --mp-space-xs: .25rem;
  --mp-space-sm: .5rem;
  --mp-space-md: .75rem;
  --mp-space-lg: 1rem;
  --mp-lh: 1.3;
  --mp-lh-titulo: 1.25;
  --mp-lh-linha: 1.25;
  --mp-radius-card: .75rem;
  --mp-radius-inner: var(--raio-md);
  --mp-radius-field: var(--campo-raio);
  --mp-radius-icon: var(--raio-sm);
  --mp-header-title: 1rem;
  --mp-header-title-lh: var(--mp-lh-titulo);
  --mp-header-subtitle: .75rem;
  --mp-header-subtitle-lh: var(--mp-lh-linha);
  --mp-section-title: .9375rem;
  --mp-section-title-lh: var(--mp-lh-titulo);
  --mp-section-subtitle: .75rem;
  --mp-section-subtitle-lh: var(--mp-lh);
  --mp-item-title: .875rem;
  --mp-item-title-lh: var(--mp-lh-linha);
  --mp-item-subtitle: .6875rem;
  --mp-item-subtitle-lh: var(--mp-lh-linha);
  --mp-label: .8125rem;
  --mp-label-lh: var(--mp-lh);
  --mp-label-bloco: .8125rem;
  --mp-label-bloco-lh: var(--mp-lh);
  --mp-value: .75rem;
  --mp-value-lh: var(--mp-lh);
  --mp-input-text: var(--campo-fonte);
  --mp-input-text-lh: var(--mp-lh);
  --mp-icon-box: 2rem;
  --mp-icon-size: 1rem;
  --mp-radio-size: 1.125rem;
  --mp-section-action: 1.75rem;
  --mp-input-h: var(--altura-campo);
  --mp-inner-field-h: var(--altura-campo);
  --mp-row-min-h: auto;
  --mp-button-h: var(--botao-altura-md);
  --mp-linha-pad-y: .5rem;
  --mp-campo-compacto-h: var(--altura-campo);
}

.modal-proposta-escala, .proposta-escala {
  --campo-kit-fundo-envoltorio: var(--cor-fundo);
}

@media (min-width: 48rem) {
  :root {
    --mp-modal-max: 26.875rem;
    --mp-input-text: var(--campo-fonte);
    --mp-input-h: var(--altura-campo);
    --mp-inner-field-h: var(--altura-campo);
    --mp-button-h: var(--botao-altura-md);
    --mp-linha-pad-y: .4375rem;
    --mp-campo-compacto-h: var(--altura-campo);
  }
}

@media (max-width: 47.9375rem) {
  :root {
    --mp-input-text: var(--campo-fonte);
  }
}

/* [project]/apps/web/src/components/propostas/criacao/modal-proposta-shell.css [app-client] (css) */
.modal-proposta-escala {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: var(--cor-fundo);
  width: 100%;
  max-width: none;
  height: 100dvh;
  max-height: 100dvh;
  box-shadow: none;
  color: var(--cor-texto);
  font-size: var(--mp-item-title);
  line-height: var(--mp-lh);
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  flex-direction: column;
  display: flex;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (min-width: 48rem) {
  .modal-proposta-escala {
    width: calc(100% - 2rem);
    max-width: var(--mp-modal-max);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-lg);
    height: auto;
    max-height: min(92dvh, 48rem);
    box-shadow: var(--sombra-n4);
    animation: kit-modal-entrada var(--duracao-superficie) var(--ease-saida) both;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    translate: -50% -50%;
  }

  .modal-proposta-escala[data-state="closed"] {
    animation-name: kit-modal-saida;
  }
}

.modal-proposta-escala > .shrink-0 {
  z-index: 10;
  background: var(--cor-fundo);
  flex-shrink: 0;
  position: -webkit-sticky;
  position: sticky;
}

.modal-proposta-escala > .shrink-0:first-child {
  top: 0;
}

.modal-proposta-escala > .shrink-0:last-child {
  bottom: 0;
}

.modal-proposta-escala svg.lucide {
  width: var(--mp-icon-size);
  height: var(--mp-icon-size);
  flex-shrink: 0;
}

.modal-proposta-escala .campo-kit-caixa-marca svg.lucide {
  width: .5rem;
  height: .5rem;
}

.modal-proposta-escala .campo-kit-rotulo-borda svg.lucide {
  width: 1em;
  height: 1em;
}

.modal-proposta-escala .modal-proposta-origem-preco-trigger svg.lucide {
  width: .875rem;
  height: .875rem;
}

.modal-proposta-escala :-webkit-any(button, a, input, select):focus-visible {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-marca) 28%, transparent);
  outline: none;
}

.modal-proposta-escala :-moz-any(button, a, input, select):focus-visible {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-marca) 28%, transparent);
  outline: none;
}

.modal-proposta-escala :is(button, a, input, select):focus-visible {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-marca) 28%, transparent);
  outline: none;
}

.modal-proposta-escala :-webkit-any(input, textarea)::placeholder {
  color: var(--cor-placeholder);
  opacity: 1;
}

.modal-proposta-escala :-moz-any(input, textarea)::placeholder {
  color: var(--cor-placeholder);
  opacity: 1;
}

.modal-proposta-escala :is(input, textarea)::placeholder {
  color: var(--cor-placeholder);
  opacity: 1;
}

.modal-proposta-cabecalho {
  min-height: 3rem;
  padding: .375rem var(--mp-space-md) .5rem;
  border-bottom: 1px solid var(--cor-borda);
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
}

@media (max-width: 47.9375rem) {
  .modal-proposta-cabecalho:has(.modal-proposta-cabecalho-etapas) {
    border-bottom: none;
  }
}

.modal-proposta-cabecalho-linha {
  align-items: center;
  gap: .5rem;
  width: 100%;
  display: flex;
}

.modal-proposta-cabecalho-bloco-so-acoes {
  flex-direction: column;
  gap: .15rem;
  display: flex;
}

.modal-proposta-cabecalho-linha-fechar {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.modal-proposta-cabecalho-linha--so-acoes {
  justify-content: flex-start;
  align-items: flex-start;
}

.modal-proposta-cabecalho-identidade .modal-proposta-btn-icone-cabecalho {
  margin-top: .2rem;
  margin-left: -.35rem;
}

.modal-proposta-cabecalho-identidade {
  flex: 1;
  align-items: flex-start;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.modal-proposta-cabecalho-identidade-icone {
  border-radius: var(--raio-md);
  background: var(--cor-superficie);
  width: 2.25rem;
  height: 2.25rem;
  color: var(--cor-texto);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.modal-proposta-cabecalho-identidade .modal-proposta-titulo--pagina {
  font-size: var(--font-page-title);
  font-weight: 700;
  line-height: 1.25;
}

.modal-proposta-btn-icone-cabecalho:disabled {
  opacity: .35;
  pointer-events: none;
}

.modal-proposta-cabecalho-etapas {
  padding-top: .75rem;
}

.modal-proposta-cabecalho--wizard .modal-proposta-cabecalho-linha {
  align-items: flex-start;
}

.modal-proposta-cabecalho-icone {
  width: 1.75rem;
  height: 1.75rem;
  color: var(--cor-texto);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-top: .1rem;
  display: inline-flex;
}

.modal-proposta-cabecalho-esquerda {
  flex-direction: column;
  flex: 1;
  gap: .35rem;
  min-width: 0;
  display: flex;
}

.modal-proposta-cabecalho-direita-wizard {
  align-items: center;
  gap: var(--mp-space-md, .75rem);
  padding-left: var(--mp-space-sm);
  flex-shrink: 0;
  display: flex;
}

.modal-proposta-cabecalho-direita-wizard .wizard-proposta-progresso {
  text-align: right;
  align-items: flex-end;
  min-width: 7.5rem;
}

.modal-proposta-cabecalho-direita-wizard .wizard-proposta-progresso-barra {
  width: 5.5rem;
}

.modal-proposta-cabecalho-direita-wizard .wizard-proposta-progresso-texto {
  white-space: nowrap;
}

.modal-proposta-cabecalho-modelo-inline {
  font-size: var(--mp-header-subtitle);
  line-height: var(--mp-header-subtitle-lh);
  color: var(--cor-texto-suave);
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .5rem;
  margin: 0;
  display: flex;
}

.modal-proposta-cabecalho-modelo-inline strong {
  color: var(--cor-texto);
  font-weight: 500;
}

.modal-proposta-cabecalho-acoes {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.modal-proposta-cabecalho-badge {
  color: var(--cor-texto-suave);
  font-size: 11px;
  font-weight: 500;
}

.modal-proposta-cabecalho-modelo-combo {
  width: max-content;
  min-width: 0;
  max-width: 100%;
  font-size: var(--mp-header-subtitle);
  line-height: var(--mp-header-subtitle-lh);
  color: var(--cor-texto-suave);
  flex-wrap: nowrap;
  align-self: flex-start;
  align-items: center;
  gap: .15rem;
  margin: 0;
  display: inline-flex;
}

.modal-proposta-cabecalho-modelo-combo label {
  width: max-content;
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
}

.modal-proposta-combo-texto, .modal-proposta-cabecalho-modelo-combo-select {
  width: max-content;
  min-width: 0;
  max-width: 16rem;
  height: 1.5rem;
  font-size: var(--mp-header-subtitle);
  color: var(--cor-texto);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  field-sizing: content;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a958c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-position: right 0 center;
  background-repeat: no-repeat;
  background-size: .7rem;
  border: none;
  border-radius: 0;
  padding: 0 1.15rem 0 0;
  font-weight: 500;
  line-height: 1.25;
  display: inline-block;
}

.modal-proposta-combo-texto:hover, .modal-proposta-combo-texto:focus, .modal-proposta-cabecalho-modelo-combo-select:hover, .modal-proposta-cabecalho-modelo-combo-select:focus {
  color: var(--cor-texto);
  outline: none;
}

.modal-proposta-combo-texto:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.modal-proposta-cabecalho-texto {
  flex: 1;
  min-width: 0;
}

.modal-proposta-cabecalho-titulo-linha {
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.modal-proposta-cabecalho-titulo-linha .modal-proposta-titulo {
  flex-shrink: 0;
}

.modal-proposta-cabecalho-titulo-linha .modal-proposta-cabecalho-modelo-combo, .modal-proposta-cabecalho-titulo-linha .modal-proposta-cabecalho-modelo-inline {
  flex: 0 auto;
  min-width: 0;
}

.modal-proposta-cabecalho-direita {
  flex-shrink: 0;
  align-items: center;
  gap: .15rem;
  margin-left: auto;
  display: inline-flex;
}

.modal-proposta-cabecalho-status {
  font-size: var(--mp-header-subtitle);
  line-height: var(--mp-header-subtitle-lh);
  color: var(--cor-texto-suave);
  white-space: nowrap;
  flex-shrink: 0;
}

.modal-proposta-btn-icone-cabecalho {
  border-radius: var(--raio-sm);
  width: 1.75rem;
  height: 1.75rem;
  color: var(--cor-texto);
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.modal-proposta-btn-icone-cabecalho:hover {
  background: var(--cor-superficie-elevada);
  color: var(--cor-texto);
}

.modal-proposta-titulo {
  font-size: var(--font-page-title);
  line-height: var(--mp-header-title-lh);
  font-weight: var(--font-titulo-peso);
  color: var(--cor-texto);
  margin: 0;
}

.modal-proposta-cabecalho-subtitulo {
  font-size: var(--font-body);
  line-height: var(--mp-header-subtitle-lh);
  color: var(--cor-texto-suave);
  margin: .125rem 0 0;
}

.modal-proposta-corpo {
  min-height: 0;
  padding: var(--mp-space-md);
  background: var(--cor-fundo);
  flex: 1 0 auto;
  overflow: visible;
}

.modal-proposta-corpo-conteudo {
  gap: var(--mp-space-md);
  padding-bottom: calc(var(--mp-space-md)  + .5rem);
  flex-direction: column;
  display: flex;
}

.modal-proposta-stack {
  gap: var(--mp-space-sm);
  flex-direction: column;
  display: flex;
}

.modal-proposta-meta {
  align-items: center;
  gap: var(--mp-space-sm);
  flex-wrap: wrap;
  display: flex;
}

.modal-proposta-aviso-leve {
  font-size: var(--mp-header-subtitle);
  line-height: var(--mp-header-subtitle-lh);
  color: var(--cor-texto-suave);
}

.modal-proposta-rodape-shell {
  gap: var(--mp-space-xs);
  padding: .75rem var(--mp-space-md) max(.75rem, env(safe-area-inset-bottom));
  border-top: 1px solid var(--cor-borda);
  background: var(--cor-fundo);
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
}

.modal-proposta-escala--wizard.modal-proposta-escala--revisar .modal-proposta-rodape-shell {
  padding-top: var(--mp-space-sm);
  padding-bottom: max(var(--mp-space-xs), env(safe-area-inset-bottom, 0px));
}

.modal-proposta-rodape {
  gap: var(--mp-space-sm);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.modal-proposta-btn-salvar {
  box-sizing: border-box;
  height: var(--mp-button-h, 2.75rem);
  min-height: var(--mp-button-h, 2.75rem);
  background: var(--cor-botao-primario);
  width: 100%;
  font-size: var(--mp-item-title, .875rem);
  color: var(--cor-botao-primario-texto);
  cursor: pointer;
  border: none;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.modal-proposta-btn-salvar:hover {
  opacity: .9;
}

.modal-proposta-btn-salvar:disabled {
  opacity: .5;
  cursor: not-allowed;
}

@media (min-width: 48rem) {
  .modal-proposta-escala {
    border-radius: .75rem;
    max-height: min(90dvh, 44rem);
  }

  .modal-proposta-cabecalho {
    min-height: 3rem;
    padding: .625rem var(--mp-space-md);
  }

  .modal-proposta-corpo {
    padding: var(--mp-space-md);
  }

  .modal-proposta-linha-fechada {
    min-height: var(--altura-campo);
    padding-block: var(--mp-linha-pad-y, var(--space-2));
    padding-inline: var(--mp-space-md, var(--space-3));
  }

  .modal-proposta-rodape-shell {
    padding: var(--mp-space-md);
  }

  .modal-proposta-escala--wizard.modal-proposta-escala--revisar .modal-proposta-rodape-shell {
    padding-top: var(--mp-space-sm);
    padding-bottom: var(--mp-space-xs);
  }

  .modal-proposta-escala--wizard:not(.modal-proposta-escala--embutida):not(.modal-proposta-escala--subtela):not(.modal-proposta-escala--revisar) .modal-proposta-corpo {
    display: block;
    overflow: visible;
  }

  .modal-proposta-escala--wizard:not(.modal-proposta-escala--embutida):not(.modal-proposta-escala--subtela):not(.modal-proposta-escala--revisar) .modal-proposta-corpo-conteudo {
    min-height: auto;
    padding-bottom: calc(var(--mp-space-md)  + .5rem);
    flex-direction: column;
    flex: none;
    display: flex;
    overflow: visible;
  }

  .modal-proposta-escala--wizard.modal-proposta-escala--embutida, .modal-proposta-escala--wizard.modal-proposta-escala--subtela, .modal-proposta-escala--wizard.modal-proposta-escala--revisar {
    overflow: hidden;
  }

  .modal-proposta-escala--wizard.modal-proposta-escala--embutida .modal-proposta-corpo, .modal-proposta-escala--wizard.modal-proposta-escala--subtela .modal-proposta-corpo, .modal-proposta-escala--wizard.modal-proposta-escala--revisar .modal-proposta-corpo {
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .modal-proposta-escala--wizard.modal-proposta-escala--embutida .modal-proposta-corpo-conteudo, .modal-proposta-escala--wizard.modal-proposta-escala--subtela .modal-proposta-corpo-conteudo, .modal-proposta-escala--wizard.modal-proposta-escala--revisar .modal-proposta-corpo-conteudo {
    flex-direction: column;
    flex: auto;
    min-height: 0;
    padding-bottom: 0;
    display: flex;
    overflow: hidden;
  }

  .modal-proposta-escala--wizard.modal-proposta-escala--embutida .wizard-proposta-layout, .modal-proposta-escala--wizard.modal-proposta-escala--subtela .wizard-proposta-layout, .modal-proposta-escala--wizard.modal-proposta-escala--revisar .wizard-proposta-layout {
    flex: auto;
    min-height: 0;
  }
}

.modal-proposta-escala--wizard .modal-proposta-cabecalho, .modal-proposta-escala--wizard .modal-proposta-corpo, .modal-proposta-escala--wizard .modal-proposta-rodape-shell {
  padding-inline: var(--space-page-x);
}

/* [project]/apps/web/src/components/ui/editor-texto-rico.css [app-client] (css) */
.editor-texto-rico-area {
  position: relative;
  overflow: visible;
}

.editor-texto-rico-barra {
  z-index: 20;
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-md);
  background-color: var(--cor-superficie);
  color: var(--cor-texto);
  box-shadow: var(--sombra-sm);
  flex-wrap: wrap;
  align-items: center;
  gap: .125rem;
  margin-bottom: .5rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .25rem;
  padding-right: .25rem;
  display: flex;
  position: relative;
}

.editor-texto-rico-seletor {
  border-radius: var(--raio-md);
  max-width: 8.5rem;
  height: 2rem;
  color: inherit;
  font: inherit;
  font-size: var(--grid-fonte-cabecalho);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  align-items: center;
  gap: .25rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: inline-flex;
}

.editor-texto-rico-seletor span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.editor-texto-rico-seletor:hover, .editor-texto-rico-seletor[data-state="open"] {
  background-color: color-mix(in srgb, currentColor 10%, transparent);
}

.editor-texto-rico-area img, .editor-texto-rico-area video {
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  max-width: 100%;
}

.editor-texto-rico-area .texto-rico-cheia {
  width: calc(100% + 1.5rem);
  max-width: none;
  margin-left: -.75rem;
  margin-right: -.75rem;
  display: block;
}

.editor-texto-rico-area img[src*="/apresentacao/placeholders/"] {
  object-fit: cover;
  object-position: center;
  border-radius: var(--raio-md);
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: block;
  height: 11rem !important;
}

.editor-texto-rico-area .texto-rico-grade {
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
  margin: .75rem 0;
  display: grid;
}

.editor-texto-rico-area .texto-rico-grade img {
  object-fit: cover;
  width: 100%;
  height: 11rem;
}

.editor-texto-rico-alcas {
  z-index: 2;
  box-shadow: 0 0 0 1px var(--cor-texto);
  pointer-events: none;
  position: absolute;
}

.editor-texto-rico-pan {
  cursor: grab;
  pointer-events: auto;
  background: none;
  border: 0;
  padding: 0;
  position: absolute;
  top: .5rem;
  bottom: .5rem;
  left: .5rem;
  right: .5rem;
}

.editor-texto-rico-pan:active {
  cursor: grabbing;
}

.editor-texto-rico-alca {
  z-index: 5;
  border: 1px solid var(--cor-texto);
  background: var(--cor-superficie-elevada);
  box-sizing: border-box;
  pointer-events: auto;
  width: .625rem;
  height: .625rem;
  padding: 0;
  position: absolute;
}

.editor-texto-rico-alca--n {
  cursor: ns-resize;
  margin-left: -.3125rem;
  top: -.3125rem;
  left: 50%;
}

.editor-texto-rico-alca--s {
  cursor: ns-resize;
  margin-left: -.3125rem;
  bottom: -.3125rem;
  left: 50%;
}

.editor-texto-rico-alca--e {
  cursor: ew-resize;
  margin-top: -.3125rem;
  top: 50%;
  right: -.3125rem;
}

.editor-texto-rico-alca--w {
  cursor: ew-resize;
  margin-top: -.3125rem;
  top: 50%;
  left: -.3125rem;
}

.editor-texto-rico-alca--ne {
  cursor: nesw-resize;
  top: -.3125rem;
  right: -.3125rem;
}

.editor-texto-rico-alca--nw {
  cursor: nwse-resize;
  top: -.3125rem;
  left: -.3125rem;
}

.editor-texto-rico-alca--se {
  cursor: nwse-resize;
  bottom: -.3125rem;
  right: -.3125rem;
}

.editor-texto-rico-alca--sw {
  cursor: nesw-resize;
  bottom: -.3125rem;
  left: -.3125rem;
}

.editor-texto-rico-trocar {
  z-index: 3;
  border: 2px solid var(--cor-superficie);
  background: var(--cor-marca);
  width: 1.75rem;
  height: 1.75rem;
  color: var(--cor-botao-primario-texto);
  box-shadow: var(--sombra-sm);
  cursor: pointer;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: absolute;
}

.editor-texto-rico-trocar:hover {
  transform: scale(1.05);
}

.editor-texto-rico-trocar:disabled {
  opacity: .7;
}

.editor-texto-rico-fundo {
  font-size: var(--grid-fonte-cabecalho);
  color: var(--cor-texto-suave);
  align-items: center;
  gap: .25rem;
  padding-left: .25rem;
  padding-right: .25rem;
  display: inline-flex;
}

.editor-texto-rico-fundo input[type="color"] {
  cursor: pointer;
  background: none;
  border: 0;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
}

.editor-texto-rico-tamanho {
  height: 2rem;
  font-size: var(--grid-fonte-cabecalho);
  color: var(--cor-texto-suave);
  align-items: center;
  gap: .2rem;
  padding-left: .35rem;
  padding-right: .35rem;
  display: inline-flex;
}

.editor-texto-rico-tamanho input {
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-md);
  background: var(--cor-superficie);
  width: 2.85rem;
  height: 1.5rem;
  color: var(--cor-texto);
  font: inherit;
  font-size: var(--grid-fonte-cabecalho);
  text-align: center;
  padding: 0 .15rem;
}

.editor-texto-rico-tamanho input:focus {
  outline: 1px solid var(--cor-marca);
}

/*# sourceMappingURL=apps_web_src_components_b180b4e5._.css.map*/