/* Ajustes locais da versão web (fora do script de build).
   1. Formulários das janelas (sheet) com campos do mesmo tamanho e alinhados no iPhone.
   2. Campo de valor maior que os demais.
   Se o app.css gerado pela consultoria passar a incluir isto, este arquivo pode ser removido. */

.sheet .inp {
  height: 48px;
  -webkit-appearance: none;
  appearance: none;
  line-height: 1.25;
  text-align: left;
}
.sheet textarea.inp { height: auto; }
.sheet .prev-row select.inp { height: auto; }

/* Valor em destaque */
.sheet .inp.money,
.sheet input.inp.cf-moeda {
  height: 64px;
  font-family: var(--f-num);
  font-size: 30px;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}
.sheet input.inp.cf-moeda:not(.money) { height: 48px; font-size: 16px; }

/* Data: o iOS desenha centralizado e mais estreito; aqui ocupa a coluna inteira e alinha à esquerda */
.sheet input.inp[type="date"] {
  display: block;
  width: 100%;
  min-width: 0;
}
.sheet input.inp[type="date"]::-webkit-date-and-time-value {
  text-align: left;
  margin: 0;
}

/* Listas: sem o visual nativo do iOS, com seta própria */
.sheet select.inp {
  padding-right: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238B94A2' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px 14px;
}

/* Saldo que pode ser negativo: botão de sinal dentro do campo */
.cf-moeda-wrap { position: relative; display: block; min-width: 0; }
.cf-moeda-wrap .inp { padding-right: 56px; }
.cf-sinal {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 42px;
  height: 34px;
  border-radius: 9px;
  border: 1px solid var(--line-2);
  background: var(--panel);
  color: var(--fg-2);
  font: inherit;
  font-size: 17px;
  cursor: pointer;
}
.cf-sinal[aria-pressed="true"] { color: var(--bad, #FF6B6B); border-color: var(--bad, #FF6B6B); }