/* =============================================================================
   Dashboard Abastecimento — tooltips Syncfusion creme/marrom
   Extraído de frotix.css (Fase C)
   ============================================================================= */

/* Tooltips de Gráficos Syncfusion - Dashboard Abastecimento (creme/marrom)
   Aplica-se quando o body tem a classe dashboard-abastecimento */
body.dashboard-abastecimento .e-tooltip-wrap,
body.dashboard-abastecimento .e-chart-focused,
body.dashboard-abastecimento svg text[id*="tooltip"],
body.dashboard-abastecimento .e-chart-tooltip-text {
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.dashboard-abastecimento .e-tooltip-wrap {
  background: linear-gradient(135deg, #d4a574 0%, #c4956a 100%) !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(139, 94, 60, 0.35) !important;
  padding: 8px 14px !important;
  color: #3d2814 !important;
}

body.dashboard-abastecimento .e-tooltip-wrap .e-tip-content,
body.dashboard-abastecimento .e-tooltip-wrap .e-tooltip-content {
  background: transparent !important;
  color: #3d2814 !important;
  line-height: 1.4 !important;
}

body.dashboard-abastecimento .e-tooltip-wrap .e-arrow-tip,
body.dashboard-abastecimento .e-tooltip-wrap .e-arrow-tip-outer,
body.dashboard-abastecimento .e-tooltip-wrap .e-arrow-tip-inner {
  display: none !important;
}

/* Tooltip SVG dos Charts Syncfusion - Estilo creme/marrom para Dashboard */
body.dashboard-abastecimento g[id*="_Tooltip"] rect,
body.dashboard-abastecimento g[id*="_tooltip"] rect {
  fill: #c4956a !important;
  rx: 6 !important;
  ry: 6 !important;
}

body.dashboard-abastecimento g[id*="_Tooltip"] text,
body.dashboard-abastecimento g[id*="_tooltip"] text,
body.dashboard-abastecimento g[id*="_Tooltip"] tspan,
body.dashboard-abastecimento g[id*="_tooltip"] tspan {
  fill: #3d2814 !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 12px !important;
}

body.dashboard-abastecimento g[id*="_Tooltip"] path,
body.dashboard-abastecimento g[id*="_tooltip"] path {
  fill: #c4956a !important;
  stroke: #c4956a !important;
}

/* Tooltips de HeatMap Syncfusion - Dashboard Abastecimento */
body.dashboard-abastecimento .e-heatmap-tooltip {
  background: linear-gradient(135deg, #d4a574 0%, #c4956a 100%) !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(139, 94, 60, 0.35) !important;
  padding: 8px 14px !important;
  color: #3d2814 !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.dashboard-abastecimento .e-heatmap-tooltip .e-tip-content {
  background: transparent !important;
  color: #3d2814 !important;
}

/* HeatMap SVG Tooltip */
body.dashboard-abastecimento g[id*="HeatMapTooltip"] rect,
body.dashboard-abastecimento g[id*="heatmap"][id*="tooltip"] rect {
  fill: #c4956a !important;
  rx: 6 !important;
  ry: 6 !important;
}

body.dashboard-abastecimento g[id*="HeatMapTooltip"] text,
body.dashboard-abastecimento g[id*="heatmap"][id*="tooltip"] text {
  fill: #3d2814 !important;
  font-family: "Outfit", sans-serif !important;
}

/* Remover bordas e retângulos indesejados dos Charts Syncfusion no Dashboard */
body.dashboard-abastecimento .e-chart svg > rect:first-child,
body.dashboard-abastecimento .e-chart-focused svg > rect:first-child,
body.dashboard-abastecimento .e-accumulationchart svg > rect:first-child {
  fill: transparent !important;
  stroke: none !important;
}

body.dashboard-abastecimento .e-chart rect[id*="_ChartBorder"],
body.dashboard-abastecimento .e-chart rect[id*="_ChartAreaBorder"],
body.dashboard-abastecimento rect[id*="_border"],
body.dashboard-abastecimento rect[id*="Border"] {
  fill: transparent !important;
  stroke: none !important;
}

/* Tema reutilizável por classe (legado) */
.e-tooltip-wrap.ftx-theme-dashboard {
  background: linear-gradient(135deg, #d4a574 0%, #c4956a 100%) !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(139, 94, 60, 0.35) !important;
  padding: 8px 14px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #3d2814 !important;
  max-width: 350px !important;
}

.e-tooltip-wrap.ftx-theme-dashboard .e-tip-content,
.e-tooltip-wrap.ftx-theme-dashboard .e-tooltip-content {
  background: transparent !important;
  color: #3d2814 !important;
  line-height: 1.4 !important;
}

.e-tooltip-wrap.ftx-theme-dashboard .e-arrow-tip,
.e-tooltip-wrap.ftx-theme-dashboard .e-arrow-tip-outer,
.e-tooltip-wrap.ftx-theme-dashboard .e-arrow-tip-inner {
  display: none !important;
}

/* Tabela caramelo — Dashboard Abastecimento */
.ftx-tabela-caramelo thead,
.ftx-tabela-caramelo thead tr,
table.ftx-tabela-caramelo thead,
table.ftx-tabela-caramelo thead tr,
.table-responsive .ftx-tabela-caramelo thead,
.table-responsive .ftx-tabela-caramelo thead tr {
  background: linear-gradient(135deg, #a8784c 0%, #c4956a 100%) !important;
  background-color: #a8784c !important;
}

.ftx-tabela-caramelo thead th,
table.ftx-tabela-caramelo thead th,
.table-responsive .ftx-tabela-caramelo thead th {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
  text-shadow: none !important;
}