/* ============================================================
   folha-cat.css — a FOLHA DE CATEGORIAS (folha-categoria.js) e o ANEXO do lançamento (anexo.js).
   A folha é uma camada por cima do modal (z 55: acima do modal, abaixo do aviso rápido). No celular sobe de baixo; no PC vira cartão no meio.
   Campos com 16 px no mínimo (o iPhone dá zoom abaixo disso). Nada passa da borda: tudo com min-width:0 e quebra de linha.
   ============================================================ */
/* ---------- o campo fechado no formulário ---------- */
.fc-campo{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font-family:inherit;font-weight:700;cursor:pointer;width:100%;max-width:100%}
.fc-campo .fc-txt{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fc-campo.vazio .fc-txt{color:var(--cinza);font-weight:600}
.fc-campo .fc-seta{flex:0 0 auto;color:var(--cinza);font-size:14px}
.fc-campo.erro{border-color:var(--problema)}

/* ---------- a folha ---------- */
.fc{position:fixed;inset:0;z-index:55;display:flex;align-items:flex-end;justify-content:center}
.fc-fundo{position:absolute;inset:0;background:rgba(10,14,20,.5)}
.fc-caixa{position:relative;display:flex;flex-direction:column;background:var(--card);width:100%;max-width:var(--largura-app);max-height:min(82vh,82dvh);border-radius:var(--r-g) var(--r-g) 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.28);min-width:0;box-sizing:border-box}
html.fx-ligado .fc-caixa{animation:subir var(--dur-entrada) var(--curva-entrada) both}
.fc-caixa .alca{width:40px;height:4px;border-radius:99px;background:var(--linha);margin:-2px auto 10px;flex:0 0 auto}
.fc-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex:0 0 auto}
.fc-cab h3{font-size:21px;margin:0;min-width:0;overflow-wrap:anywhere}
.fc-x{flex:0 0 auto;width:var(--toque-min);height:var(--toque-min);border:0;border-radius:var(--r-m);background:var(--card-2);color:var(--tinta);font-size:26px;line-height:1;cursor:pointer}
#fc-topo-busca{flex:0 0 auto}
#fc-topo-busca .campo{margin-bottom:8px}
.fc-corpo{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}
.fc-tit{font-size:var(--t-12);font-weight:800;color:var(--tinta-2);letter-spacing:.04em;text-transform:uppercase;margin:14px 2px 6px}
.fc-tit:first-child{margin-top:4px}
.fc-grupo{display:flex;flex-direction:column;gap:6px}
.fc-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:10px 14px;border:1.5px solid var(--linha);border-radius:var(--r-m);background:var(--card);color:var(--tinta);font:700 16px var(--fonte-texto);text-align:left;cursor:pointer;box-sizing:border-box}
.fc-item .fc-nome{min-width:0;overflow-wrap:anywhere}
.fc-item .fc-ck{flex:0 0 auto;visibility:hidden;color:var(--ok-tx);font-weight:800}
.fc-item.on{border-color:var(--marca-2);background:var(--ok-bg)}
.fc-item.on .fc-ck{visibility:visible}
.fc-item:active{transform:scale(.99)}
.fc-vazio{display:flex;flex-direction:column;gap:12px;align-items:stretch;padding:18px 4px;text-align:center;color:var(--tinta-2);font-size:var(--t-14)}
.fc-vazio b{color:var(--tinta)}
.fc-rodape{flex:0 0 auto;padding-top:10px}
.fc-nova .campo{margin-bottom:6px}
@media (min-width:700px){
  .fc{align-items:center}
  .fc-caixa{max-width:440px;border-radius:var(--r-g);padding-bottom:18px;max-height:80vh}
  .fc-caixa .alca{display:none}
}

/* ---------- o anexo ---------- */
.an-bloco{margin-top:6px}
.an-arq{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.an-linha{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.an-escolher{width:100%;max-width:100%;margin-bottom:8px;text-align:center}
.an-linha .an-escolher{margin-bottom:0}
.an-estado{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;box-sizing:border-box;background:var(--ok-bg);color:var(--ok-tx);border-radius:var(--r-m);padding:8px 12px;font-size:var(--t-14);min-width:0}
.an-estado .an-ok{min-width:0}
.an-local{margin:0 0 10px}
.an-par{align-items:center;gap:10px}
.an-par>span{min-width:0}
.an-acoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.pl-clip{font-style:normal;margin-left:6px;font-size:13px;vertical-align:baseline}
.fc-sub{display:block;font-weight:600;font-size:13px;color:var(--cinza);margin-top:2px}
input[readonly][data-a="fq-abrir"]{cursor:pointer;background:var(--card)}
.an-par small{margin-left:8px;color:var(--cinza);font-weight:600}