/* SVSEGUROS V600 Dashboard B11 — correção do gráfico e dos alertas.
 * Carregar DEPOIS de styles-svseguros-v600-dashboard-b10.css.
 * Apenas CSS: sem alterações a números, SVG gerado, APIs ou eventos. */

/* O SVG original tem viewBox 1120 x 360. A B10 limitava o seu contentor
   a 195 px, mas o CSS V591 conserva min-height: 300px no SVG, ocultando
   meses e parte do gráfico. Respeitar a proporção intrínseca sem recortes. */
#app-view #dashboard.v600-dashboard-b10 .dashboard-chart {
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  padding:0 0 4px!important;
}
#app-view #dashboard.v600-dashboard-b10 .dashboard-chart-stage {
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  max-width:900px!important;
  margin-inline:auto!important;
}
#app-view #dashboard.v600-dashboard-b10 .dashboard-chart svg {
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1120 / 360;
  overflow:visible!important;
}
#app-view #dashboard.v600-dashboard-b10 .dashboard-chart-panel {
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
#app-view #dashboard.v600-dashboard-b10 .dashboard-chart-tooltip {
  min-width:170px!important;
  padding:10px 12px!important;
  border-radius:9px!important;
  box-shadow:0 5px 18px rgba(22,29,37,.10)!important;
}
#app-view #dashboard.v600-dashboard-b10 .dashboard-chart-tooltip-month {font-size:13px!important;margin-bottom:5px!important;}
#app-view #dashboard.v600-dashboard-b10 .dashboard-chart-tooltip-row {font-size:11px!important;gap:8px!important;}
#app-view #dashboard.v600-dashboard-b10 .dashboard-chart-tooltip-row + .dashboard-chart-tooltip-row {margin-top:5px!important;}
#app-view #dashboard.v600-dashboard-b10 .dashboard-chart-tooltip-row strong {font-size:11px!important;}

/* Os alertas B10 eram forçados à altura conjunta de gráfico + resumo.
   Mantê-los no topo e apenas com a altura que o seu conteúdo precisa. */
#app-view #dashboard.v600-dashboard-b10 .v600-dashboard-alerts {
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:start!important;
  padding:10px 11px!important;
}
#app-view #dashboard.v600-dashboard-b10 .v600-dash-alert {
  display:grid!important;
  grid-template-columns:25px minmax(0,1fr) 12px!important;
  align-items:center!important;
  gap:7px!important;
  padding:8px 9px!important;
  min-height:44px!important;
}
#app-view #dashboard.v600-dashboard-b10 .v600-dash-alert>span:not(.v600-b10-alert-icon) {min-width:0;overflow-wrap:break-word;}
#app-view #dashboard.v600-dashboard-b10 .v600-b10-alert-arrow {margin:0!important;justify-self:end;}
#app-view #dashboard.v600-dashboard-b10 .v600-dash-alert small {font-size:9px!important;line-height:1.3!important;}

/* Manter os nomes dos meses e o eixo completos mesmo quando a largura
   exige scroll horizontal, em vez de esmagar ou cortar o SVG. */
@media(max-width:850px) {
  #app-view #dashboard.v600-dashboard-b10 .dashboard-chart,
  #app-view #dashboard.v600-dashboard-b10 .dashboard-chart-stage,
  #app-view #dashboard.v600-dashboard-b10 .dashboard-chart svg {
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  #app-view #dashboard.v600-dashboard-b10 .v600-dashboard-alerts {height:auto!important;}
}