/* Philnance — Ajustes (#/ajustes): estilos só desta vista (ecrã 14 do design: secções com .rotulo + .card-lista,
   linhas com chevron que abrem uma folha para editar, emissores com Aprovar / Ignorar / Não é nosso). Componentes
   partilhados no styles.css. */
.aj-col { display: flex; flex-direction: column; gap: var(--gap); min-width: 0; }
.aj-grupo { display: flex; flex-direction: column; gap: 8px; }
.aj-rot { padding: 6px 4px 0; letter-spacing: .08em; }
.aj-rot:focus { outline: none; }
.aj-grupo .card-lista { padding: 0 16px; border-radius: 20px; }
.aj-linha { justify-content: space-between; min-height: 50px; cursor: pointer; }
/* o rótulo encolhe (e parte em duas linhas) antes do valor; um valor comprido leva reticências */
.aj-linha .linha-txt { flex: 1 1 0; }
.aj-linha .linha-v { display: block; flex: 0 1 auto; max-width: 62%; overflow: hidden; text-overflow: ellipsis; text-align: right; }
.aj-linha .linha-v.vazio { color: var(--ink3); }
.aj-linha .chev { margin-left: 0; }
.aj-taxa { min-height: 58px; cursor: default; }
.aj-taxa .linha-sub { display: flex; align-items: center; gap: 4px; font-size: 12px; color: var(--ink3); }
.aj-carta { font-size: 14px; }
.aj-taxa-v { font: 500 15px var(--sans); font-variant-numeric: tabular-nums; white-space: nowrap; }
.aj-nota { padding: 0 4px; font: 400 12.5px/1.45 var(--sans); color: var(--ink3); text-wrap: pretty; }
.aj-nota-cima { margin-top: -2px; }

/* emissores novos: nome, "novo · 2 faturas desde setembro", Novo; Aprovar / Ignorar / Não é nosso */
.aj-em-novo { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border-radius: 20px; }
.aj-em-cab { display: flex; align-items: center; gap: 10px; }
.aj-em-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.aj-em-txt b { font: 600 15px var(--sans); overflow-wrap: anywhere; }
.aj-em-txt small { font: 400 12.5px var(--sans); color: var(--ink2); }
.aj-em-cab .badge-novo { height: 24px; padding: 0 9px; border-radius: 12px; font: 600 11.5px var(--sans); }
.aj-em-botoes { display: grid; grid-template-columns: 1fr 1fr 1.25fr; gap: 6px; }
.aj-em-botoes .btn { min-width: 0; padding: 0 8px; font-size: 13px; white-space: normal; line-height: 1.1; }
.aj-em-l { justify-content: space-between; min-height: 56px; }
.aj-em-l .linha-sub { color: var(--ink3); }
.aj-em-l .btn-peq { flex: none; }
.aj-tema { max-width: 420px; }

/* a folha de editar um campo */
.aj-form { display: flex; flex-direction: column; gap: 8px; padding-bottom: 4px; }
.aj-form .campo-rot { margin-top: 6px; }
.aj-campo { position: relative; }
.aj-campo.com-suf .campo { padding-right: 44px; }
.aj-suf { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font: 400 16px var(--sans); color: var(--ink3); pointer-events: none; }
.aj-form .campo[aria-invalid="true"] { border-color: var(--erro); }
.aj-aviso { padding: 10px 12px; border-radius: 14px; background: var(--tan-tint); font: 400 13px/1.4 var(--sans); }
.aj-folha-nota { font: 400 13px/1.45 var(--sans); color: var(--ink2); text-wrap: pretty; }
.aj-form .campo-erro:empty { display: none; }
.aj-folha-botoes { display: flex; flex-direction: column; gap: 4px; margin-top: 10px; }
.aj-cancelar { align-self: center; color: var(--ink2); }

/* lista de empregadores */
.aj-emp-lista { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.aj-emp-lista li { display: flex; align-items: center; gap: 6px; }
.aj-emp-lista .campo, .aj-emp-novo .campo { flex: 1; min-width: 0; }
.aj-emp-novo { display: flex; gap: 8px; margin-top: 8px; }
.aj-emp-novo .btn { flex: none; height: 54px; border-radius: 18px; }

@media (max-width: 360px) {
  .aj-em-botoes { grid-template-columns: 1fr 1fr; }
  .aj-em-botoes .btn:last-child { grid-column: 1 / -1; }
  .aj-emp-novo { flex-wrap: wrap; }
  .aj-emp-novo .btn { width: 100%; height: 48px; }
}
@media (min-width: 1024px) {
  .aj-folha-botoes { flex-direction: row-reverse; justify-content: flex-start; align-items: center; gap: 12px; }
  .aj-folha-botoes .btn-bloco { width: auto; height: 44px; padding: 0 24px; border-radius: 22px; font-size: 14px; }
  .aj-grelha { gap: 20px; }
  .aj-col { gap: 18px; }
}