/* ============================================================
   css/telas/entrada.css — CSS da área "entrada".

   Só a PORTA tem peça própria: ela é uma tela sem login mostrada
   de dentro da aplicação, e por isso se desenha num quadro que
   diz isso com todas as letras. A Home usa só peças da base.

   As peças compartilhadas pelas quatro áreas desta etapa
   (.lc-volta · .lc-busca · .lc-pane · .lc-doc · .lc-subcab…)
   estão em css/telas/pedidos.css, DECLARADAS UMA VEZ SÓ.
   Valores medidos no mock aprovado (bloco "LOTE C"). Nenhum
   número novo de escala, nenhuma cor crua.
   ============================================================ */

/* ---------- quadro de visualização sem login ---------------- */
.lc-visao{flex:1 0 auto;display:flex;flex-direction:column;min-height:0;
  border:1px solid var(--borda-padrao);border-radius:var(--r-painel);
  background:var(--fundo-alt);overflow:hidden}
.lc-visao-rot{flex:0 0 auto;height:44px;display:flex;align-items:center;
  padding:0 14px;border-bottom:1px solid var(--borda-sutil);
  background:var(--fundo-cabecalho-painel);font-family:var(--fonte-mono);
  font-size:11.5px;letter-spacing:.02em;text-transform:uppercase;
  color:var(--txt-apoio)}
.lc-visao-palco{flex:1 1 auto;min-height:0;overflow-y:auto;
  padding:30px 22px 34px;display:flex;justify-content:center;align-items:flex-start}

/* ---------- a porta ----------------------------------------- */
.lc-porta{width:100%;max-width:1020px;background:var(--fundo-card);
  border:1px solid var(--borda-padrao);border-radius:var(--r-painel);
  padding:22px 0 0;overflow:hidden}
.lc-porta-topo{display:flex;align-items:center;gap:8px;padding:0 20px}
.lc-logo{width:20px;height:20px;border-radius:5px;flex:0 0 auto;
  background:var(--marca-fundo);display:grid;place-items:center}
.lc-logo .i{width:13px;height:13px;stroke-width:2;color:var(--marca-texto)}
.lc-logo-nome{font-size:12.5px;font-weight:600;letter-spacing:.07em;color:var(--txt-forte)}
.lc-porta-tit{font-size:20px;font-weight:600;letter-spacing:-.03em;
  color:var(--txt-forte);margin:15px 20px 0;line-height:1.2}
.lc-porta-sub{font-size:12.5px;color:var(--txt-apoio);margin:3px 20px 15px;line-height:1.45}
.lc-porta-busca{padding:0 20px 14px}
.lc-porta-tab{border-top:1px solid var(--borda-sutil)}
.lc-porta .notap{border-top:1px solid var(--borda-sutil)}
/* a porta não tem painel: a tabela dela rola dentro do próprio quadro */
.lc-porta-tab .tabwrap{overflow-x:auto;overflow-y:hidden}

/* o seletor de filtro da porta mora no topo, ao lado da marca */
.area-entrada .lc-porta-topo .dir{display:flex;align-items:center;gap:7px;
  flex-wrap:wrap;justify-content:flex-end}

/* ---------- primeiro acesso: a marca de reconhecimento ------
   É o .la-mk da base, dentro de um .la-opc que é rótulo de
   caixa de marcar. Nada de desenho novo. */
.area-entrada .la-opc input:focus-visible+.la-tx,
.la-modal .la-opc input:focus-visible+.la-tx{outline:2px solid var(--foco);
  outline-offset:3px;border-radius:var(--r-icone)}
.la-modal .la-opc.la-clic{cursor:pointer;align-items:center}

/* ---------- lugar celular: só arranjo ----------------------- */
@media (max-width:860px){
  .area-entrada .lc-visao-palco{padding:14px 10px 18px}
  .area-entrada .lc-porta{max-width:none}
  .area-entrada .lc-porta-tit{font-size:18px;margin:12px 14px 0}
  .area-entrada .lc-porta-sub{margin:3px 14px 12px}
  .area-entrada .lc-porta-topo{padding:0 14px;flex-wrap:wrap;row-gap:8px}
  .area-entrada .lc-porta-topo .dir{width:100%;justify-content:flex-start;margin-left:0}
  .area-entrada .lc-porta-busca{padding:0 14px 12px}
  /* a tabela da porta vira cartão, como toda tabela de dados */
  .area-entrada .lc-porta-tab .tabwrap{overflow:visible}
}