alteracoes nos cards de pesquisa

backend/app/core/pesquisa/modelos_dai/MOD_A_CCOM_Z2_004D.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ff221a8b0b6bec00a00f4c5ec0ff37429943328c943640fc98d3979074eb762c
+size 61298

backend/app/core/pesquisa/modelos_dai/MOD_A_CCOM_Z2_005.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:32bccd0c76e37878c83697700c3cd1cb1fa2cf8a25b714ef8a3609b031377487
+size 266364

backend/app/core/pesquisa/modelos_dai/MOD_A_CCOM_Z4_002N.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:92939746e3e2a2f1d455de0531c31b893c32415c22161478135321558a79ec8c
+size 78623

backend/app/core/pesquisa/modelos_dai/MOD_A_DEP_Z1_Z2_Z3_Z4_003B.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:77ff58a2844f5c54863eb0b06d8530e48db9af48d5f2255e3ca12d119d19d232
+size 105949

backend/app/core/pesquisa/modelos_dai/MOD_A_EDIF_Z1-Z2_001F.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8053723e7c7e917e32709509bfb093ea718a65fec56ca095f0a99252cef69f75
+size 237021

backend/app/core/pesquisa/modelos_dai/MOD_A_EDIF_Z1_005D.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:df52dbf6e9902c69cf770c2149548b2c13b7f637a6a696b467a49601e5b8a50d
+size 62078

backend/app/core/pesquisa/modelos_dai/MOD_A_EDIF_Z1_Z2_001E.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:df8c18d84ecc169b41511e2743aca950680ebca0aadeee2b1978c2fd19716871
+size 63789

backend/app/core/pesquisa/modelos_dai/MOD_A_LOJA_Z1_003F.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:38580da29bd30d5c4cf5a20b008f3a852c6769f3915fa07ff46dbac4bf40be60
+size 124431

backend/app/core/pesquisa/modelos_dai/MOD_A_LOJA_Z1_004C.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b4bdcc13ef212a014deda190957a7c30beb8f2b42cd3c2518ee9dd0323e87930
+size 120063

backend/app/core/pesquisa/modelos_dai/MOD_A_LOJA_Z1_006B.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1f6a14fe402b1ec5b3be1492492e01fb0b9050a03e049e22cc80ebbf7b4f88d2
+size 75212

backend/app/core/pesquisa/modelos_dai/MOD_A_LOJA_Z1_007C.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ce78dbb834e496a566e7d695a620ae96261ddc65f9fe397ab3ac0f65718f16e3
+size 82416

backend/app/core/pesquisa/modelos_dai/MOD_A_SALA_Z1_006B.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4d241fad2e540fa24a79edc7ea798ddd22fe456af0ee7e59465c138c10265d6f
+size 122342

backend/app/core/pesquisa/modelos_dai/MOD_A_SALA_Z1_006C.dai

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0398acda7bfaa01c782d0b551aa679b21afa85bc3882e5249b5cddceb7b733fd
-size 305003
+oid sha256:b7e81622c34e2333ba1a628d7f275a8fa71912f7da8b9720f37298ac285faf0b
+size 305073

backend/app/core/pesquisa/modelos_dai/MOD_A_SALA_Z1_Z3_001.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d33b33df63a1d618ab2bcc26c5c111c698e8db9506d34622c0c1ed97fb18ad2c
+size 44681

backend/app/core/pesquisa/modelos_dai/MOD_V_AP_Z1_011D.dai

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:61ff06842995a9e3d559e33c51aaaa584f33477df414ca16abc3861cfc14a6c9
-size 5307303
+oid sha256:49c49b0a46dd373ae7d16307516fa748ae4acc540462570f0c5e567928a29383
+size 5307946

backend/app/core/pesquisa/modelos_dai/MOD_V_AP_Z1_020B.dai

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:319994b70fe36527d8a198c87383b0de819d12a83f5098f4ef89bdfb013fb86f
-size 1999486
+oid sha256:f9f69d57ff5949afa8e43e6fe754b86b7d71098db740a70656db63ff003d46db
+size 1999539

backend/app/core/pesquisa/modelos_dai/MOD_V_AP_Z1_022.dai

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e263780042eb5ec056a49ee8862ed9523bebeac831e5ca6a0f7671ec66097413
-size 1318536
+oid sha256:17944f8132fce958a7168d0efc73f4aa07575c16993a16022f89c2d7596c05d0
+size 1318594

backend/app/core/pesquisa/modelos_dai/MOD_V_EDIF_Z1_Z2_Z3_Z4_002E.dai

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:96391e419571bfb37a208a56a969aef8a175e26b11e86f0af99deba40dca18bf
-size 1584486
+oid sha256:7d64c816f183f6c18952eacf76fbce781d621d5b5ec5f4b51f40a85b0983e40d
+size 1577576

backend/app/core/pesquisa/modelos_dai/MOD_V_RCOND_Z4_004.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:70e655434ec5441708a1d0f108ae7b8af702cfb7577110db59846c7b4685879e
+size 836586

backend/app/core/pesquisa/modelos_dai/MOD_V_SALA_Z1_002E.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a81098b6a7206d18f23e0676952fa60583283ea84293ea94ad0f84b1414a4210
+size 4622543

backend/app/core/pesquisa/modelos_dai/MOD_V_TER_GENERICO_2016_2026_001.dai

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:33d53230f6ba56a80fb89c4ae4f092e08dc2476bd4ce6a06013c762ec73ca58a
-size 19219547
+oid sha256:30565ca1281c1abe3f224f7309e40479fa20224fe68fade4ce146f804e728c09
+size 19220124

backend/app/core/pesquisa/modelos_dai/MOD_V_TER_Z1_006L.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:47e009f401dd9644d030f90a0111ac4765bd1054a44027c2fb9f327fca7ad380
+size 1906640

backend/app/core/pesquisa/modelos_dai/MOD_V_TER_Z2_008C.dai

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5f802758c2a569aba28986de3c0dbf1e4c436556a0ba7ee909d6576de6e3f719
-size 824046
+oid sha256:ceaae08485539da6b97aded2086fa292a86c1f557cdd7875ba36f0b5f270d60c
+size 824103

backend/app/core/pesquisa/modelos_dai/MOD_V_TER_Z2_013C.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:46137a963d90e5697ef2e8c01ce5b56af6237ee426fc20662bbf99b14acb2743
+size 1481702

backend/app/core/pesquisa/modelos_dai/MOD_V_TER_Z2_013F.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc522cf1e32ed0a3ff25157492accde2c0bc87e2013a2ea8ed3387317317de36
+size 2327452

backend/app/core/pesquisa/modelos_dai/MOD_V_TER_Z2_015C_PORTO_SECO.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d71651a7f845c893895bfd6b73c4209b597e1ba78b4c15c0924987f360c89108
+size 3635197

backend/app/core/pesquisa/modelos_dai/MOD_V_TER_Z2_Z3_Z4_001H.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:749c833d7cd4190ea7cd0453410c63701746c8ac34b76444f0be55970700b185
+size 1731659

backend/app/core/pesquisa/modelos_dai/MOD_V_TER_Z2_Z3_Z4_001i.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fff0145b9990bb251401f85e5c1614fd84936801d6757482443987e1d880a099
+size 1969416

backend/app/core/pesquisa/modelos_dai/MOD_V_TER_Z2_Z3_Z4_002A.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:762b80e17c476218ceb1f146e816c6b7a68f0011f35ec27f0535970602c5ea64
+size 1586112

backend/app/core/pesquisa/modelos_dai/MOD_V_TER_Z2_Z3_Z4_002B.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3468371b064f43da5b39d992bcccdb8d7c698e5f127e8040932e1bdf40ddcc1d
+size 1998609

backend/app/core/pesquisa/modelos_dai/MOD_V_TER_Z4_003J.dai

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9e4fc5f42b69b3f912853ca1bc14ade1246187ce80288b461ea1064c6d743575
-size 1559857
+oid sha256:63059cf719829b1ab76852e6078b4d2808b6da734fa780e429bd852d000a24f6
+size 1559917

backend/app/core/pesquisa/modelos_dai/MOD_V_TER_Z4_016E.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ddbe47357238199b28515d42b6cc2730df5b9158b999431515947ae74cd73cdf
+size 5780373

backend/app/core/pesquisa/modelos_dai/MOD_V_TER_Z5_007C.dai

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:393b92b31396916b0cc500983649592f5ab0bdb6ed6d521b3abed2b9e5cf5235
+size 1372051

frontend/src/components/PesquisaTab.jsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react'
+import { createPortal } from 'react-dom'
 import { api, downloadBlob } from '../api'
 import DataTable from './DataTable'
 import EquationFormatsPanel from './EquationFormatsPanel'
@@ -123,6 +124,261 @@ function joinMultiTerms(values) {
   return (values || []).map((item) => String(item || '').trim()).filter(Boolean).join(' || ')
 }
 
+function sanitizeCompactList(values) {
+  const seen = new Set()
+  const unique = []
+  ;(values || []).forEach((item) => {
+    const text = String(item || '').trim()
+    const key = normalizeSearchText(text)
+    if (!text || !key || seen.has(key)) return
+    seen.add(key)
+    unique.push(text)
+  })
+  return unique
+}
+
+function uppercaseListText(values) {
+  const items = sanitizeCompactList(values)
+  return items.map((item) => item.toLocaleUpperCase('pt-BR')).join(', ')
+}
+
+function inferDependentVariable(modelo) {
+  const equacao = String(modelo?.equacao || '').trim()
+  if (!equacao || !equacao.includes('=')) return ''
+  return equacao.split('=', 1)[0].trim()
+}
+
+function buildVariablesDisplay(modelo) {
+  const dependente = inferDependentVariable(modelo)
+  const independentes = sanitizeCompactList((modelo?.variaveis_resumo || []).map((item) => item?.variavel))
+    .filter((item) => normalizeSearchText(item) !== normalizeSearchText(dependente))
+    .filter((item) => normalizeSearchText(item) !== 'const')
+
+  const partes = []
+  if (dependente) {
+    partes.push(`DEPENDENTE: ${dependente.toLocaleUpperCase('pt-BR')}`)
+  }
+  if (independentes.length) {
+    partes.push(`INDEPENDENTES: ${independentes.map((item) => item.toLocaleUpperCase('pt-BR')).join(', ')}`)
+  }
+  return partes.join('\n')
+}
+
+function buildVariablesContent(text) {
+  const lines = String(text || '').split('\n').map((item) => item.trim()).filter(Boolean)
+  if (!lines.length) return null
+
+  return (
+    <>
+      {lines.map((line, index) => {
+        const [head, ...rest] = line.split(':')
+        const tail = rest.join(':').trim()
+        return (
+          <span key={`${head}-${index}`} className="pesquisa-card-popover-line">
+            <strong>{head}:</strong>{tail ? ` ${tail}` : ''}
+          </span>
+        )
+      })}
+    </>
+  )
+}
+
+function CompactHoverList({
+  label,
+  buttonLabel,
+  previewText,
+  modalText,
+  previewContent = null,
+  modalContent = null,
+}) {
+  const rootRef = useRef(null)
+  const panelRef = useRef(null)
+  const [previewOpen, setPreviewOpen] = useState(false)
+  const [modalOpen, setModalOpen] = useState(false)
+  const [previewSide, setPreviewSide] = useState('left')
+  const [previewVertical, setPreviewVertical] = useState('down')
+  const [previewMaxHeight, setPreviewMaxHeight] = useState(160)
+  const [previewMaxWidth, setPreviewMaxWidth] = useState(560)
+  const inlinePreviewText = String(previewText || '').trim()
+  const inlineModalText = String(modalText || '').trim()
+
+  function updatePreviewLayout() {
+    const bounds = rootRef.current?.getBoundingClientRect()
+    const panel = panelRef.current
+    if (!bounds || !panel || typeof window === 'undefined') return
+
+    const viewportWidth = window.innerWidth
+    const viewportHeight = window.innerHeight
+    const gap = 8
+    const padding = 16
+    const triggerCenter = bounds.left + (bounds.width / 2)
+    const viewportCenter = viewportWidth / 2
+    const triggerMiddleY = bounds.top + (bounds.height / 2)
+    const viewportMiddleY = viewportHeight / 2
+
+    const preferredSide = triggerCenter >= viewportCenter ? 'left' : 'right'
+    const preferredVertical = triggerMiddleY >= viewportMiddleY ? 'up' : 'down'
+
+    const availableLeft = Math.max(120, bounds.right - padding)
+    const availableRight = Math.max(120, viewportWidth - bounds.left - padding)
+    const availableAbove = Math.max(96, bounds.top - gap - padding)
+    const availableBelow = Math.max(96, viewportHeight - bounds.bottom - gap - padding)
+
+    const desiredWidth = Math.min(panel.scrollWidth || 560, 560)
+    const desiredHeight = Math.min(panel.scrollHeight || 160, 320)
+
+    let nextSide = preferredSide
+    if (preferredSide === 'left' && desiredWidth > availableLeft && availableRight > availableLeft) {
+      nextSide = 'right'
+    } else if (preferredSide === 'right' && desiredWidth > availableRight && availableLeft > availableRight) {
+      nextSide = 'left'
+    }
+
+    let nextVertical = preferredVertical
+    if (preferredVertical === 'up' && desiredHeight > availableAbove && availableBelow > availableAbove) {
+      nextVertical = 'down'
+    } else if (preferredVertical === 'down' && desiredHeight > availableBelow && availableAbove > availableBelow) {
+      nextVertical = 'up'
+    }
+
+    const nextMaxWidth = nextSide === 'left' ? availableLeft : availableRight
+    const nextMaxHeight = nextVertical === 'up' ? availableAbove : availableBelow
+
+    setPreviewSide(nextSide)
+    setPreviewVertical(nextVertical)
+    setPreviewMaxWidth(nextMaxWidth)
+    setPreviewMaxHeight(nextMaxHeight)
+  }
+
+  useEffect(() => {
+    if (!previewOpen) return undefined
+
+    const rafId = window.requestAnimationFrame(() => {
+      updatePreviewLayout()
+    })
+
+    function onWindowResize() {
+      updatePreviewLayout()
+    }
+
+    window.addEventListener('resize', onWindowResize)
+    return () => {
+      window.cancelAnimationFrame(rafId)
+      window.removeEventListener('resize', onWindowResize)
+    }
+  }, [previewOpen])
+
+  useEffect(() => {
+    if (!modalOpen) return undefined
+
+    function onDocumentKeyDown(event) {
+      if (event.key === 'Escape') {
+        setModalOpen(false)
+      }
+    }
+
+    document.addEventListener('keydown', onDocumentKeyDown)
+    return () => {
+      document.removeEventListener('keydown', onDocumentKeyDown)
+    }
+  }, [modalOpen])
+
+  if (!inlineModalText) {
+    return (
+      <button type="button" className="pesquisa-card-popover-trigger is-empty" disabled>
+        {buttonLabel}
+      </button>
+    )
+  }
+
+  return (
+    <>
+      <span
+        ref={rootRef}
+        className={`pesquisa-card-popover-wrap${previewOpen ? ' is-open' : ''}`}
+        data-preview-side={previewSide}
+        data-preview-vertical={previewVertical}
+        onMouseEnter={() => {
+          setPreviewOpen(true)
+        }}
+        onMouseLeave={() => setPreviewOpen(false)}
+        onFocus={() => {
+          setPreviewOpen(true)
+        }}
+        onBlur={(event) => {
+          if (!rootRef.current?.contains(event.relatedTarget)) {
+            setPreviewOpen(false)
+          }
+        }}
+      >
+        <button
+          type="button"
+          className="pesquisa-card-popover-trigger"
+          aria-haspopup="dialog"
+          aria-expanded={modalOpen}
+          aria-label={`${label}. Clique para abrir a lista completa.`}
+          onClick={() => {
+            setPreviewOpen(false)
+            setModalOpen(true)
+          }}
+        >
+          {buttonLabel}
+        </button>
+        <span
+          ref={panelRef}
+          className="pesquisa-card-popover-panel"
+          role="tooltip"
+          aria-label={label}
+          style={{
+            maxWidth: `${Math.max(120, previewMaxWidth)}px`,
+            maxHeight: `${Math.max(96, previewMaxHeight)}px`,
+          }}
+        >
+          <span className="pesquisa-card-popover-preview">{previewContent || inlinePreviewText || inlineModalText}</span>
+        </span>
+      </span>
+      {modalOpen && typeof document !== 'undefined'
+        ? createPortal(
+          <div
+            className="pesquisa-modal-backdrop"
+            role="presentation"
+            onClick={() => {
+              setModalOpen(false)
+            }}
+          >
+            <div
+              className="pesquisa-modal pesquisa-card-values-modal"
+              role="dialog"
+              aria-modal="true"
+              aria-label={label}
+              onClick={(event) => event.stopPropagation()}
+            >
+              <div className="pesquisa-modal-head">
+                <h4>{label}</h4>
+                <div className="pesquisa-card-values-modal-actions">
+                  <button
+                    type="button"
+                    className="pesquisa-modal-close"
+                    onClick={() => {
+                      setModalOpen(false)
+                    }}
+                  >
+                    Fechar
+                  </button>
+                </div>
+              </div>
+              <div className="pesquisa-modal-body">
+                <div className="pesquisa-card-values-content">{modalContent || inlineModalText}</div>
+              </div>
+            </div>
+          </div>,
+          document.body,
+        )
+        : null}
+    </>
+  )
+}
+
 function inferTipoPorNomeModelo(...nomes) {
   const tokens = Object.keys(TIPO_SIGLAS).sort((a, b) => b.length - a.length)
   for (const nome of nomes) {
@@ -1018,6 +1274,9 @@ export default function PesquisaTab({ sessionId, onUsarModeloEmAvaliacao = null
           <div className="pesquisa-card-grid">
             {result.modelos.map((modelo) => {
               const selecionado = selectedIds.includes(modelo.id)
+              const finalidadesText = uppercaseListText(modelo.finalidades || [])
+              const bairrosText = uppercaseListText(modelo.bairros || [])
+              const variaveisText = buildVariablesDisplay(modelo)
               return (
                 <article key={modelo.id} className={`pesquisa-card${selecionado ? ' is-selected' : ''}`}>
                   <div className="pesquisa-card-top">
@@ -1039,16 +1298,36 @@ export default function PesquisaTab({ sessionId, onUsarModeloEmAvaliacao = null
                     </div>
                     <div className="pesquisa-card-body">
                       <div className="pesquisa-card-dados-list">
-                        <div><strong>Finalidades no modelo:</strong> {(modelo.finalidades || []).length ? modelo.finalidades.join(', ') : '-'}</div>
                         <div><strong>Tipo:</strong> {formatTipoImovel(modelo)}</div>
                         <div><strong>Autor:</strong> {modelo.autor || '-'}</div>
                         <div><strong>Dados:</strong> {formatCount(modelo.total_dados)}</div>
                         <div><strong>Faixa area:</strong> {formatRange(modelo.faixa_area)}</div>
                         <div><strong>Faixa RH:</strong> {formatRange(modelo.faixa_rh)}</div>
                         <div><strong>Faixa data:</strong> {formatRange(modelo.faixa_data)}</div>
-                        <div><strong>Bairros:</strong> {(modelo.bairros || []).length ? (modelo.bairros || []).join(', ') : '-'}</div>
                       </div>
                     </div>
+                    <div className="pesquisa-card-meta-actions">
+                      <CompactHoverList
+                        label="Finalidades"
+                        buttonLabel="Finalidades"
+                        previewText={finalidadesText}
+                        modalText={finalidadesText}
+                      />
+                      <CompactHoverList
+                        label="Bairros"
+                        buttonLabel="Bairros"
+                        previewText={bairrosText}
+                        modalText={bairrosText}
+                      />
+                      <CompactHoverList
+                        label="Variáveis"
+                        buttonLabel="Variáveis"
+                        previewText={variaveisText}
+                        modalText={variaveisText}
+                        previewContent={buildVariablesContent(variaveisText)}
+                        modalContent={buildVariablesContent(variaveisText)}
+                      />
+                    </div>
                   </div>
 
                   {modelo.status !== 'ok' ? <div className="inline-error pesquisa-card-error">{modelo.erro_leitura || 'Falha ao ler modelo.'}</div> : null}

frontend/src/styles.css

@@ -1938,14 +1938,18 @@ button.pesquisa-coluna-remove:hover {
   gap: 10px;
   min-width: 0;
   height: 100%;
-  overflow: hidden;
+  overflow: visible;
+  position: relative;
+  z-index: 0;
   box-shadow:
     0 6px 18px rgba(26, 43, 61, 0.06),
     inset 0 0 0 1px rgba(255, 255, 255, 0.75);
   transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
 }
 
-.pesquisa-card:hover {
+.pesquisa-card:hover,
+.pesquisa-card:focus-within {
+  z-index: 3;
   transform: translateY(-1px);
   border-color: #c8dced;
   box-shadow:
@@ -1984,6 +1988,14 @@ button.pesquisa-coluna-remove:hover {
   min-width: 0;
 }
 
+.pesquisa-card-meta-actions {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 8px;
+  min-width: 0;
+  margin-top: auto;
+}
+
 .pesquisa-card-actions button {
   display: inline-flex;
   align-items: center;
@@ -2045,6 +2057,7 @@ button.pesquisa-coluna-remove:hover {
   display: grid;
   gap: 9px;
   min-width: 0;
+  flex: 1 1 auto;
   border-top: 1px solid #e7eef5;
   padding-top: 9px;
 }
@@ -2075,6 +2088,139 @@ button.pesquisa-coluna-remove:hover {
   line-height: 1.34;
 }
 
+.pesquisa-card-popover-row {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.pesquisa-card-popover-row strong {
+  flex: 0 1 auto;
+}
+
+.pesquisa-card-popover-wrap {
+  position: relative;
+  display: flex;
+  min-width: 0;
+}
+
+.pesquisa-card-meta-actions .pesquisa-card-popover-wrap {
+  width: 100%;
+}
+
+.pesquisa-card-popover-empty {
+  color: #5b7086;
+}
+
+.pesquisa-card-popover-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 28px;
+  padding: 4px 10px;
+  border: 1px solid #cddceb;
+  border-radius: 999px;
+  background: linear-gradient(180deg, #f6fbff 0%, #edf5fb 100%);
+  color: #35506a;
+  font-size: 0.74rem;
+  font-weight: 700;
+  line-height: 1.1;
+  white-space: nowrap;
+  box-shadow: 0 4px 10px rgba(42, 68, 95, 0.08);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.pesquisa-card-meta-actions .pesquisa-card-popover-trigger,
+.pesquisa-card-meta-actions .pesquisa-card-popover-trigger.is-empty {
+  width: 100%;
+}
+
+.pesquisa-card-popover-trigger.is-empty {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.pesquisa-card-popover-trigger:hover,
+.pesquisa-card-popover-trigger:focus-visible {
+  border-color: #abc5dd;
+  background: linear-gradient(180deg, #ffffff 0%, #eef6fd 100%);
+  box-shadow: 0 7px 16px rgba(42, 68, 95, 0.12);
+  outline: none;
+}
+
+.pesquisa-card-popover-panel {
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  display: block;
+  width: min(560px, calc(100vw - 56px));
+  max-height: 160px;
+  padding: 10px 12px;
+  border: 1px solid #000;
+  border-radius: 10px;
+  background: rgba(255, 255, 255, 0.98);
+  box-shadow: 0 14px 26px rgba(24, 39, 55, 0.14);
+  backdrop-filter: blur(8px);
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(6px);
+  pointer-events: none;
+  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
+}
+
+.pesquisa-card-popover-wrap[data-preview-vertical='up'] .pesquisa-card-popover-panel {
+  top: auto;
+  bottom: calc(100% + 8px);
+  transform: translateY(-6px);
+}
+
+.pesquisa-card-popover-wrap[data-preview-vertical='down'] .pesquisa-card-popover-panel {
+  top: calc(100% + 8px);
+  bottom: auto;
+  transform: translateY(6px);
+}
+
+.pesquisa-card-popover-wrap[data-preview-side='right'] .pesquisa-card-popover-panel {
+  left: 0;
+  right: auto;
+}
+
+.pesquisa-card-popover-wrap[data-preview-side='left'] .pesquisa-card-popover-panel {
+  right: 0;
+  left: auto;
+}
+
+.pesquisa-card-popover-wrap:hover .pesquisa-card-popover-panel,
+.pesquisa-card-popover-wrap:focus-within .pesquisa-card-popover-panel,
+.pesquisa-card-popover-wrap.is-open .pesquisa-card-popover-panel {
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0);
+  pointer-events: auto;
+}
+
+.pesquisa-card-popover-preview {
+  display: block;
+  overflow: auto;
+  min-width: 0;
+  color: #405a73;
+  font-size: 0.74rem;
+  line-height: 1.5;
+  text-align: left;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+.pesquisa-card-popover-line {
+  display: block;
+}
+
+.pesquisa-card-popover-line strong {
+  color: #24384d;
+}
+
 .pesquisa-card-bairros {
   padding-top: 2px;
   font-size: 0.82rem;
@@ -2154,6 +2300,32 @@ button.pesquisa-coluna-remove:hover {
   margin-top: 12px;
 }
 
+.pesquisa-card-values-modal {
+  width: fit-content;
+  max-width: min(860px, calc(100vw - 40px));
+}
+
+.pesquisa-card-values-modal-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  justify-content: flex-end;
+}
+
+.pesquisa-card-values-content {
+  max-width: min(800px, calc(100vw - 72px));
+  padding: 12px 14px;
+  border: 1px solid #d4e0eb;
+  border-radius: 12px;
+  background: #f8fbfe;
+  color: #2f455a;
+  font-size: 0.83rem;
+  line-height: 1.55;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  user-select: text;
+}
+
 .pesquisa-card-error {
   margin-top: 2px;
 }
@@ -5341,10 +5513,20 @@ button.btn-download-subtle {
     scrollbar-width: thin;
   }
 
-  .pesquisa-card-actions {
+  .pesquisa-card-actions,
+  .pesquisa-card-meta-actions {
     grid-template-columns: 1fr;
   }
 
+  .pesquisa-card-popover-trigger {
+    width: 100%;
+    justify-content: center;
+  }
+
+  .pesquisa-card-popover-panel {
+    width: min(100%, 560px);
+  }
+
   .pesquisa-results-toolbar {
     align-items: flex-start;
   }
@@ -5366,6 +5548,19 @@ button.btn-download-subtle {
     flex-direction: column;
   }
 
+  .pesquisa-card-values-modal-actions {
+    width: 100%;
+    justify-content: flex-end;
+  }
+
+  .pesquisa-card-values-modal-actions button {
+    flex: 0 0 auto;
+  }
+
+  .pesquisa-card-values-content {
+    max-width: calc(100vw - 52px);
+  }
+
   .variavel-badge-line {
     grid-template-columns: 1fr;
     gap: 5px;