/* Etapa 11A — Dados deste aparelho. Reusa o tema escuro/dourado e os componentes do app.
   Nada aqui pode forçar rolagem horizontal em 390px, e todo alvo de toque tem 44px. */
.rec-pagina{max-width:1120px;margin:auto;padding:0 40px 48px}
.rec-voltar{display:inline-block;margin:8px 0 18px;color:var(--poeira);text-decoration:none;min-height:44px;line-height:44px}
.rec-voltar:hover{color:var(--ouro)}
.rec-pagina h1{font-size:2.25rem;margin:2px 0 8px}
.rec-apoio{color:var(--poeira);margin:0 0 22px;overflow-wrap:anywhere}

.rec-faixa{display:flex;gap:12px;align-items:flex-start;background:var(--c-bg-231c0d,#231c0d);border:1px solid var(--c-bd-f2a90066,#f2a90066);border-radius:14px;padding:18px;margin-bottom:22px}
.rec-faixa .icon{flex:0 0 auto;width:20px;height:20px;color:var(--c-tx-ffc94d,#ffc94d);margin-top:2px}
.rec-faixa strong{color:var(--c-tx-ffc94d,#ffc94d);display:block;margin-bottom:4px}
.rec-faixa p{margin:0;color:var(--giz);font-size:.9375rem;overflow-wrap:anywhere}

.rec-identidade{display:flex;gap:28px;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}
.rec-rotulo{display:block;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--poeira);margin-bottom:6px}
.rec-emp{min-width:260px;flex:1 1 260px;max-width:440px}
.rec-emp label{display:block;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--poeira);margin-bottom:6px}
.rec-emp select{width:100%;min-height:44px}

.rec-grade{display:grid;gap:18px}
.rec-card{background:var(--curral,var(--c-bg-1B1D1A,#1B1D1A));border:1px solid var(--c-bd-353B33,#353B33);border-radius:16px;padding:24px;min-width:0}
.rec-card h2{font-size:1.375rem;margin:0 0 6px}
.rec-sub{color:var(--poeira);font-size:.9375rem;margin:6px 0 14px;overflow-wrap:anywhere}
.rec-item{border-top:1px solid var(--c-bd-ffffff14,#ffffff14);padding-top:16px;margin-top:16px}
.rec-card>.rec-item:first-of-type{border-top:0;padding-top:0;margin-top:10px}
.rec-item-topo{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.rec-selo{font-size:.75rem;padding:4px 10px;border-radius:999px;border:1px solid var(--c-bd-ffffff22,#ffffff22);color:var(--poeira);white-space:nowrap}
.rec-selo-erro{border-color:#a7382d66;color:var(--c-tx-eda396,#eda396)}
.rec-item-erro{border-left:3px solid #a7382d66;padding-left:14px}
.rec-numeros{display:flex;gap:36px;margin:18px 0 12px;flex-wrap:wrap}
.rec-n{display:block;font-size:2.25rem;font-weight:700;color:var(--ouro);line-height:1.1}
.rec-r{display:block;color:var(--poeira);font-size:.875rem}
.rec-card .btn{min-height:44px}
.rec-nota{color:var(--poeira);font-size:.8125rem;margin:12px 0 0;overflow-wrap:anywhere}
.rec-alerta{color:var(--c-tx-ffc94d,#ffc94d)}
.rec-tec{margin-top:18px;border-top:1px solid var(--c-bd-ffffff14,#ffffff14);padding-top:12px}
.rec-tec summary{cursor:pointer;color:var(--poeira);font-size:.875rem;min-height:44px;display:flex;align-items:center}
.rec-tec p{color:var(--poeira);font-size:.875rem;margin:4px 0 0;overflow-wrap:anywhere}
.rec-arquivo{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
#recArquivo{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#recArquivo:focus-visible+.rec-arquivo,.rec-arquivo:focus-within{outline:2px solid var(--ouro);outline-offset:4px}

.rec-resultado{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:16px;margin-bottom:20px;border:1px solid var(--c-bd-ffffff14,#ffffff14);background:var(--c-bg-141414,#141414)}
.rec-resultado .icon{flex:0 0 auto;width:20px;height:20px;margin-top:2px}
.rec-resultado p{margin:4px 0 0;color:var(--giz);font-size:.9375rem;overflow-wrap:anywhere}
.rec-ok{border-color:#8fbf7f55}.rec-ok .icon{color:var(--c-tx-8fbf7f,#8fbf7f)}
.rec-resultado.rec-alerta{border-color:var(--c-bd-f2a90066,#f2a90066)}.rec-resultado.rec-alerta .icon{color:var(--c-tx-ffc94d,#ffc94d)}
.rec-rodape{color:var(--poeira);font-size:.875rem;margin-top:22px}

/* conferência */
.rec-bloco{background:var(--c-bg-141414,#141414);border:1px solid var(--c-bd-ffffff14,#ffffff14);border-radius:14px;padding:16px;margin:12px 0}
.rec-bloco strong{display:block;margin-bottom:8px}
.rec-bloco p{margin:0;color:var(--giz);font-size:.9375rem;line-height:1.6;overflow-wrap:anywhere}
.rec-bloco b{color:var(--ouro)}
.rec-bloco-alerta{border-color:var(--c-bd-f2a90066,#f2a90066)}
.rec-efeito{border-left:3px solid var(--ouro);padding:4px 0 4px 14px;margin:14px 0;color:var(--giz);font-size:.9375rem;line-height:1.55;overflow-wrap:anywhere}
.rec-efeito-alerta{border-left-color:#ffc94d}
.rec-acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.rec-acoes .btn{flex:1 1 150px;min-height:44px;margin:0}
dialog#dlgRecuperacao{width:min(94vw,560px);max-height:min(88vh,900px);overflow:auto}

@media (min-width:900px){
  .rec-grade{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}
}
@media (max-width:760px){
  .rec-pagina{padding:0 20px 40px}
  .rec-pagina h1{font-size:1.75rem}
  .rec-card{padding:18px}
  .rec-numeros{gap:24px}
  .rec-n{font-size:1.875rem}
  .rec-identidade{gap:16px}
  dialog#dlgRecuperacao{width:calc(100vw - 24px);max-height:88vh}
  .rec-acoes .btn{flex:1 1 100%}
}