/* Estilos específicos do modal de novo lançamento (complementa import-modal.css) */

.nlanc-tipo {
  display: flex;
  gap: .4rem;
  background: var(--bg-2);
  padding: .3rem;
  border-radius: .45rem;
}
.nlanc-tipo-opt {
  flex: 1;
  position: relative;
  cursor: pointer;
}
.nlanc-tipo-opt input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.nlanc-tipo-opt span {
  display: block;
  text-align: center;
  padding: .4rem .55rem;
  font-size: .73rem;
  font-weight: 600;
  color: var(--text-dim);
  border-radius: .35rem;
  transition: all .12s;
}
.nlanc-tipo-opt input:checked + span {
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
/* info de saldo atual (modo Saldo/Ajuste) */
.nlanc-saldo { margin: -.2rem 0 .2rem; padding: .5rem .65rem; background: rgba(99,102,241,.08); border: 1px solid rgba(99,102,241,.25); border-radius: .45rem; font-size: .78rem; color: var(--text); }

/* campo de data (abre o calendário custom) — visual de input */
.date-field-btn {
  width: 100%; text-align: left; cursor: pointer;
  padding: .4rem .55rem; font-size: .8rem;
  border: 1px solid var(--border); border-radius: .45rem;
  background: var(--surface); color: var(--text); font-variant-numeric: tabular-nums;
}
.date-field-btn.empty { color: var(--text-mut); }
.date-field-btn:hover { border-color: var(--accent, #6366f1); }

/* seletor de frequência (à vista / parcelado / recorrente) */
.nlanc-freq { display: flex; gap: .25rem; background: var(--bg-2, #f1f5f9); border-radius: .4rem; padding: .15rem; }
.nlanc-freq label { flex: 1; cursor: pointer; }
.nlanc-freq input { position: absolute; opacity: 0; pointer-events: none; }
.nlanc-freq span { display: block; text-align: center; padding: .35rem .4rem; font-size: .7rem; font-weight: 600; color: var(--text-dim); border-radius: .3rem; transition: all .12s; }
.nlanc-freq input:checked + span { background: var(--surface); color: var(--text); box-shadow: 0 1px 2px rgba(0,0,0,.06); }

/* Importar em destaque (roxo) */
.nlanc-tipo-imp span {
  background: rgba(79,70,229,.10);
  color: #4f46e5;
  border: 1px solid rgba(79,70,229,.35);
}
.nlanc-tipo-imp input:checked + span {
  background: #4f46e5;
  color: #fff;
  border-color: #4f46e5;
  box-shadow: 0 1px 2px rgba(79,70,229,.4);
}

.nlanc-pago {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-size: .75rem;
  color: var(--text);
  cursor: pointer;
}
.nlanc-pago input { cursor: pointer }