/* LENHA04 (DEC-0047) — tela de revisão do registro de lenha (#/lenha). */
.lh-pagina h1 { margin-bottom: 2px }
.lh-abas { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid var(--line); margin: 14px 0 }
.lh-aba { background: none; border: 0; border-bottom: 2px solid transparent; color: var(--muted); cursor: pointer; font: inherit; min-height: 44px; padding: 8px 12px }
.lh-aba.ativa { border-bottom-color: var(--accent); color: var(--ink); font-weight: 600 }
.lh-grupo { font-size: 14px; margin: 0 0 10px }
.lh-recolhido { margin-top: 18px }
.lh-recolhido summary { cursor: pointer; font-size: 14px; font-weight: 600; min-height: 32px }
.lh-recolhido .lh-cards { margin-top: 10px }
.lh-vazio { color: var(--muted); padding: 32px 12px; text-align: center }

.lh-cards { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) }
.lh-card { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; display: flex; gap: 12px; padding: 10px }
.lh-thumb { background: var(--bg); border-radius: 8px; flex-shrink: 0; height: 96px; object-fit: cover; width: 96px }
.lh-sem-foto { align-items: center; color: var(--muted); display: flex; font-size: 11px; justify-content: center; text-align: center }
.lh-card-corpo { display: flex; flex: 1; flex-direction: column; gap: 4px; min-width: 0 }
.lh-card-tit { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; overflow-wrap: anywhere }
.lh-chips { display: flex; flex-wrap: wrap; gap: 4px }
.lh-chip { background: var(--u-ambar-fundo, #fbf3e3); border-radius: 10px; color: var(--warn); font-size: 11px; padding: 1px 8px }
.lh-revisar { align-self: flex-start; margin-top: auto; min-height: 36px }

.lh-filtros label { align-items: center; display: inline-flex; gap: 4px }
.lh-tabela { background: var(--panel); border: 1px solid var(--line); border-collapse: collapse; font-size: 13px; width: 100% }
.lh-tabela th { color: var(--muted); font-size: 11px; font-weight: 600; text-align: left; text-transform: uppercase }
.lh-tabela th, .lh-tabela td { border-bottom: 1px solid var(--line); padding: 8px 10px; overflow-wrap: anywhere }
.lh-tabela tbody tr[data-lh] { cursor: pointer }
.lh-tabela tbody tr[data-lh]:hover { background: var(--u-hover, #eff1ed) }
.lh-mais { display: block; margin: 12px auto }
.lh-resumo { color: var(--muted); display: flex; flex-wrap: wrap; font-size: 12px; gap: 6px 18px; margin-top: 12px }
.lh-resumo b { color: var(--ink) }

.lh-galeria { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) }
.lh-foto { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; color: inherit; cursor: pointer; display: flex; flex-direction: column; font: inherit; gap: 4px; align-items: flex-start; padding: 6px; text-align: left }
.lh-foto img { aspect-ratio: 4 / 3; border-radius: 6px; object-fit: cover; width: 100% }
.lh-foto-leg { font-size: 12px; overflow-wrap: anywhere }

.lh-foto-grande img { border-radius: 8px; display: block; margin-bottom: 14px; max-height: 60vh; object-fit: contain; width: 100% }
.lh-sem-imagem { background: var(--bg); border: 1px dashed var(--line); border-radius: 8px; color: var(--muted); margin-bottom: 14px; padding: 28px 12px; text-align: center }
.lh-motivos { margin: 0; padding-left: 18px }
.lh-motivos li { margin-bottom: 6px }
.lh-motivos .legenda { display: block; margin-top: 0 }
.lh-form { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; margin-bottom: 12px }
.lh-form label { display: flex; flex-direction: column; font-size: 12px; gap: 3px; min-width: 0 }
.lh-form input, .lh-form select { background: var(--panel); border: 1px solid var(--line); border-radius: 6px; box-sizing: border-box; color: var(--ink); font: inherit; min-height: 40px; padding: 6px 8px; width: 100% }
.lh-form-larga { grid-column: 1 / -1 }
.lh-botoes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px }
.lh-botoes .btn { min-height: 44px }

@media (max-width: 720px) {
  .lh-cards { grid-template-columns: 1fr }
  .lh-galeria { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .lh-filtros label { flex: 1 1 45%; flex-direction: column; align-items: stretch }
  .lh-filtros input, .lh-filtros select { box-sizing: border-box; min-height: 40px; width: 100% }
  .lh-tabela { border: 0; background: none }
  .lh-tabela thead { display: none }
  .lh-tabela tr { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; display: block; margin-bottom: 8px; padding: 6px 10px }
  .lh-tabela td { border: 0; display: flex; gap: 12px; justify-content: space-between; padding: 4px 0; text-align: right }
  .lh-tabela td::before { color: var(--muted); content: attr(data-r); flex-shrink: 0; font-size: 12px; text-align: left }
}
/* LENHA04.2 — id da carga visível no card e na linha (antes só no drawer) */
.lh-id { color: var(--u-texto-2, #666); font-family: var(--u-fonte-mono, monospace); font-size: 11px; user-select: all }