
/* v2.6 · Módulo Data */
.data-heading { margin-bottom: 14px; }
.data-tabs { margin-bottom: 16px; }
.data-view { display: none; }
.data-view.is-active { display: block; }
.data-panel-card { padding: 18px; }
.data-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
  margin: 14px 0;
}
.data-kpi {
  display: grid;
  gap: 4px;
  padding: 12px;
  border-radius: 18px;
  background: linear-gradient(180deg, #f8fbff, #fff);
  border: 1px solid #dbeafe;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}
.data-kpi .icon { color: #2563eb; }
.data-kpi small { color: #64748b; font-size: .78rem; }
.data-kpi strong { font-size: 1.35rem; letter-spacing: -.03em; }
.data-sql-note {
  margin-top: 14px;
  padding: 14px;
  border-radius: 18px;
  border: 1px dashed #bfdbfe;
  background: #eff6ff;
}
.data-sql-note strong { display: inline-flex; align-items: center; gap: 8px; color: #1d4ed8; }
.data-sql-note p { margin: 6px 0 0; color: #475569; }
.data-toggle-card {
  display: grid;
  grid-template-columns: 24px 38px 1fr;
  gap: 12px;
  align-items: center;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid #cbd5e1;
  background: #f8fafc;
  cursor: pointer;
}
.data-toggle-card input { width: 20px; height: 20px; }
.data-toggle-card > span { color: #2563eb; }
.data-toggle-card strong { display: block; font-size: 1rem; }
.data-toggle-card small { grid-column: 3; color: #64748b; }
.data-toggle-card.is-danger { border-color: #fed7aa; background: #fff7ed; }
.data-toggle-card.is-danger > span { color: #f97316; }
.data-rule-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.data-rule-grid article {
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 13px;
  background: #fff;
}
.data-rule-grid p { margin: 5px 0 0; color: #64748b; line-height: 1.4; }
.data-map-table td strong { display: block; }
.data-map-table td small { color: #64748b; }
