/* ============================================================================
   data-source.css — Tooltip de origem de dado (padrao U6)
   ============================================================================ */

/* M59.refinamento-visual (2026-06-01): cf-ds-target agora SÓ marca cursor:help
   · NÃO força display (antes era inline-flex que quebrava cards)
   · em block elements, data-source.js usa title= padrão · não injeta filho
   · ícone inline só em spans inline (preserva comportamento original)
*/
.cf-ds-target {
  cursor: help;
}

/* Ícone inline (i pequeno) · só em spans/inline · NUNCA em cards block */
span.cf-ds-target,
strong.cf-ds-target,
em.cf-ds-target,
a.cf-ds-target,
code.cf-ds-target,
small.cf-ds-target {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.cf-ds-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 14px; height: 14px;
  border-radius: 50%;
  background: rgba(30, 91, 170, .12);
  color: #1E5BAA;
  margin-left: 4px;
  vertical-align: middle;
  transition: background 120ms;
}
.cf-ds-target:hover .cf-ds-icon {
  background: #1E5BAA;
  color: #fff;
}

.cf-ds-tip {
  position: absolute;
  z-index: 10010;
  background: #0F172A;
  color: #F1F5F9;
  padding: 12px 14px;
  border-radius: 10px;
  max-width: 320px;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.3);
  animation: cf-ds-fade 150ms ease-out;
}
@keyframes cf-ds-fade {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.cf-ds-head {
  display: flex; align-items: center; gap: 6px;
  font-weight: 600;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #334155;
  color: #93C5FD;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 10.5px;
}

.cf-ds-desc {
  margin-bottom: 8px;
  line-height: 1.4;
  color: #CBD5E1;
}

.cf-ds-row {
  margin: 4px 0;
  line-height: 1.4;
  color: #CBD5E1;
}
.cf-ds-row strong {
  color: #F1F5F9;
  font-weight: 600;
  margin-right: 4px;
}
.cf-ds-row code {
  background: rgba(255,255,255,.08);
  padding: 1px 5px;
  border-radius: 3px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10.5px;
  color: #93C5FD;
}