/* =========================================================
   LIMA ENGENHARIA — REFINO DO CARD "IMÓVEL SELECIONADO"
   LIMA_CARD_IMOVEL_REFINO_V1

   Camada de refinamento visual, carregada por último — não
   substitui nenhum CSS anterior, apenas refina (mesmo padrão já
   usado por lima-card-imovel-final-v1.css e lima-ui-polimento-v2.css
   nesta base). Nenhuma classe/ID anterior foi removida.
   ========================================================= */

#lima-desenhar-resultado{
  border-radius:14px;
  border:1px solid #d7e2db;
  box-shadow:0 6px 24px rgba(15,40,25,.14);
  overflow:hidden;
  padding-bottom:2px;
}

/* ---- cabeçalho fixo + corpo rolável (corrige o corte no mobile) ----
   #lima-desenhar-resultado vira uma coluna flex: .topo nunca rola,
   .corpo (tudo abaixo do cabeçalho) rola sozinho quando o conteúdo é
   maior que a altura disponível — a altura máxima exata é calculada
   em JS (ferramenta-desenhar.js/posicionarResultado), aqui fica só o
   comportamento estrutural + um teto de segurança em CSS puro. */
#lima-desenhar-resultado.ativo{
  display:flex;
  flex-direction:column;
  max-height:calc(100vh - 32px);
}

#lima-desenhar-resultado .lima-desenhar-resultado-topo{
  flex:0 0 auto;
}

#lima-desenhar-resultado .lima-desenhar-resultado-corpo{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

#lima-desenhar-resultado .lima-desenhar-resultado-topo{
  padding:12px 14px 10px;
  background:#f4f8f5;
  border-bottom:1px solid #e3ece5;
}

/* ---- LIMA_CARD_ARRASTAVEL_V1 — arraste pela barra superior ----
   Só acima do breakpoint já usado por posicionarResultado() (700px,
   ver ferramenta-desenhar.js) — em mobile a barra permanece só um
   cabeçalho comum, sem cursor especial e sem arraste. */
@media (min-width:701px){

  #lima-desenhar-resultado .lima-desenhar-resultado-topo{
    cursor:grab;
    -webkit-user-select:none;
    user-select:none;
    touch-action:none;
  }

  #lima-desenhar-resultado .lima-desenhar-resultado-topo.lima-desenhar-arrastando{
    cursor:grabbing;
  }

  /* Nunca inicia arraste ao pressionar o X de fechar. */
  #lima-desenhar-resultado .lima-desenhar-resultado-topo #lima-desenhar-resultado-fechar{
    cursor:pointer;
  }

}

#lima-desenhar-resultado .lima-desenhar-resultado-titulo{
  font-size:11.5px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#5c6b61;
}

#lima-desenhar-resultado .lima-desenhar-nome-area{
  padding:10px 14px 2px;
  font-size:16.5px;
  font-weight:800;
  line-height:1.25;
  color:#143f2a;
  word-break:break-word;
}

/* ---- bloco CAR / situação / condição / município ---- */

#lima-desenhar-resultado .ci-mini{
  margin:10px 14px 0;
  padding:11px 12px;
  background:#f8faf8;
  border:1px solid #e6ece7;
  border-radius:10px;
}

#lima-desenhar-resultado .ci-mini-car{
  display:flex;
  align-items:flex-start;
  gap:8px;
}

#lima-desenhar-resultado .ci-mini-car span{
  flex:0 0 auto;
  margin-top:2px;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
  color:#7c877f;
}

#lima-desenhar-resultado .ci-mini-car strong{
  flex:1 1 auto;
  min-width:0;
  font-family:'SF Mono',Consolas,'Courier New',monospace;
  font-size:12.5px;
  font-weight:700;
  color:#1c2620;
  line-height:1.35;
  word-break:break-all;
  /* até 2 linhas no mobile antes de reticências — nunca overflow
     horizontal e nunca fonte microscópica (item 2.3) */
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Botão de copiar — LIMA_CARD_IMOVEL_REFINO_V1 reativa o botão que
   removerCopiarCar() escondia; texto/aria-label evitam de propósito
   a palavra "CAR" junto de "copiar" (ver ferramenta-desenhar.js). */
#lima-desenhar-resultado .ci-mini-car .ci-copy{
  position:relative;
  flex:0 0 auto;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  padding:0;
  border:1px solid #cdd8d1;
  border-radius:7px;
  background:#fff;
  color:#2f6b45;
  font-size:13px;
  line-height:1;
  cursor:pointer;
}

#lima-desenhar-resultado .ci-mini-car .ci-copy:hover{
  background:#eef5f0;
}

#lima-desenhar-resultado .ci-mini-car .ci-copy.lima-copiado{
  background:#177743;
  border-color:#177743;
  color:#fff;
}

.lima-copiado-flutuante{
  position:absolute;
  top:-9px;
  right:0;
  transform:translateY(-100%);
  background:#177743;
  color:#fff;
  font-size:10.5px;
  font-weight:700;
  padding:3px 8px;
  border-radius:6px;
  white-space:nowrap;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
  pointer-events:none;
  opacity:0;
  transition:opacity .15s ease;
}

.lima-copiado-flutuante.lima-visivel{
  opacity:1;
}

#lima-desenhar-resultado .ci-mini-situacao{
  margin-top:9px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
}

#lima-desenhar-resultado .ci-mini-situacao-rotulo{
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
  color:#7c877f;
}

#lima-desenhar-resultado .ci-mini-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
}

#lima-desenhar-resultado .ci-mini-meta .ci-badge{
  font-size:11px;
  font-weight:800;
  padding:3px 9px;
  border-radius:99px;
  letter-spacing:.01em;
}

#lima-desenhar-resultado .ci-mini-municipio{
  font-size:12.5px;
  font-weight:600;
  color:#42504a;
}

#lima-desenhar-resultado .ci-mini-condicao{
  margin-top:9px;
  padding-top:9px;
  border-top:1px dashed #dde6e0;
}

#lima-desenhar-resultado .ci-mini-condicao-rotulo{
  display:block;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
  color:#7c877f;
  margin-bottom:3px;
}

#lima-desenhar-resultado .ci-mini-condicao-texto{
  font-size:12.5px;
  line-height:1.45;
  color:#3a453f;
  word-break:break-word;
}

/* ---- área / unidade ---- */

#lima-desenhar-resultado .lima-desenhar-unidade-linha{
  margin:9px 14px 0;
  padding:0;
}

#lima-desenhar-resultado .lima-desenhar-area-label{
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
  color:#7c877f;
}

#lima-desenhar-resultado #lima-desenhar-area-final{
  font-size:21px;
  color:#143f2a;
}

#lima-desenhar-resultado .lima-desenhar-equivalencia{
  margin:2px 14px 0;
  font-size:11px;
  color:#8a9590;
}

/* ---- hierarquia de botões (item 2.6) ---- */

#lima-desenhar-resultado .lima-desenhar-resultado-acoes{
  margin:10px 14px 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

#lima-desenhar-resultado .lima-desenhar-resultado-btn{
  border-radius:9px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}

#lima-desenhar-resultado .lima-desenhar-resultado-btn .lima-btn-icone svg{
  width:16px;
  height:16px;
}

/* Principal — Analisar imóvel/área */
#lima-desenhar-resultado #lima-desenhar-consultar{
  order:1;
  height:44px;
  font-size:14.5px;
  box-shadow:0 3px 10px rgba(23,119,67,.25);
}

/* Secundários — Comparar imagens, Mapa GeoPDF, Exportar KML: mesmo
   peso entre si, claramente menores/mais discretos que o principal */
#lima-desenhar-resultado .lima-desenhar-secundarios{
  order:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
}

#lima-desenhar-resultado .lima-desenhar-secundarios .lima-desenhar-resultado-btn{
  height:38px;
  font-size:11.5px;
  font-weight:600;
  background:#fff;
  border:1px solid #d7e2db;
  color:#2f3b34;
  padding:0 4px;
}

#lima-desenhar-resultado .lima-desenhar-secundarios .lima-desenhar-resultado-btn:hover{
  background:#f4f8f5;
}

/* ---- LIMA_CARD_IMOVEL_GRID2X2_V1 ----
   No card "Imóvel selecionado" (origem CAR) o botão Editar área fica
   oculto (CAR é sempre somente-leitura aqui) — sobram só Comparar
   imagens e Mapa GeoPDF em .lima-desenhar-secundarios, que herdava
   3 colunas pensadas para quando Editar também aparece (KML/desenho
   livre). 2 colunas aqui alinha exatamente com as 2 colunas já
   existentes de .lima-desenhar-linha-kml-limpar logo abaixo — mesmo
   gap/altura em ambas, o resultado visual é uma grade 2x2 única
   (Comparar/GeoPDF em cima, Exportar KML/Limpar embaixo), sem exigir
   nenhuma mudança de estrutura HTML. */
#lima-desenhar-resultado.lima-desenhar-modo-imovel-car .lima-desenhar-secundarios{
  grid-template-columns:repeat(2,1fr);
}

/* Exportar KML + Limpar (Parte 2.1): mesma linha onde couber —
   especialmente no mobile, onde antes "Limpar" ocupava uma linha
   inteira sozinho ao lado de espaço vazio da KML. Limpar mantém o
   visual ghost/destrutivo discreto (borda leve, vermelho só no
   hover), agora ocupando a largura da própria célula do grid em
   vez de ser um botão "largo" isolado. */
#lima-desenhar-resultado .lima-desenhar-linha-kml-limpar{
  order:3;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}

#lima-desenhar-resultado .lima-desenhar-linha-kml-limpar .lima-desenhar-resultado-btn{
  height:38px;
  font-size:11.5px;
  padding:0 4px;
}

#lima-desenhar-resultado #lima-desenhar-kml{
  font-weight:600;
  background:#fff;
  border:1px solid #d7e2db;
  color:#2f3b34;
}

#lima-desenhar-resultado #lima-desenhar-kml:hover{
  background:#f4f8f5;
}

#lima-desenhar-resultado #lima-desenhar-limpar{
  width:100%;
  font-weight:600;
  background:transparent;
  border:1px solid #e6d3d3;
  color:#9a3a3a;
  box-shadow:none;
}

#lima-desenhar-resultado #lima-desenhar-limpar:hover{
  background:#fdf2f2;
  border-color:#e3b3b3;
}

#lima-desenhar-resultado #lima-desenhar-limpar .lima-btn-icone svg{
  stroke:#a34747;
}

#lima-desenhar-resultado .lima-desenhar-aviso{
  margin:10px 14px 12px;
  font-size:10.5px;
  color:#93998f;
  line-height:1.4;
}

@media (max-width:700px){

  #lima-desenhar-resultado .lima-desenhar-secundarios{
    grid-template-columns:1fr 1fr;
  }

  #lima-desenhar-resultado .lima-desenhar-secundarios .lima-desenhar-resultado-btn:last-child{
    grid-column:1 / -1;
  }

}