/* FortiGate Inventory Design System V2 - dashboard */
#sectionDashboard.ds-card-shell {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  overflow: visible;
}
#sectionDashboard > .ds-card-header {
  background: var(--fi-surface) !important;
  border: 1px solid var(--fi-border) !important;
  border-radius: var(--fi-radius-xl) !important;
  box-shadow: var(--fi-shadow-sm);
  margin-bottom: 1rem;
}
#sectionDashboard > .ds-card-body {
  padding-left: 0;
  padding-right: 0;
}
.summary-tile {
  position: relative;
  border: 1px solid var(--fi-border) !important;
  border-left: 0 !important;
  border-radius: var(--fi-radius-xl) !important;
  background: linear-gradient(145deg, var(--fi-surface) 0%, var(--fi-surface-soft) 100%) !important;
  box-shadow: var(--fi-shadow-sm) !important;
  overflow: hidden;
}
.summary-tile::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--fi-primary);
}
.summary-tile.tile-success::before { background: var(--fi-success); }
.summary-tile.tile-info::before { background: var(--fi-info); }
.summary-tile.tile-warning::before { background: var(--fi-warning); }
.summary-tile.tile-danger::before { background: var(--fi-danger); }
.summary-tile.tile-secondary::before { background: var(--fi-gray-400); }
#sectionDashboard .summary-tile:hover,
.dashboard-action-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--fi-shadow-md) !important;
}
.dashboard-action-card.active {
  box-shadow: 0 0 0 3px rgba(15, 95, 217, .16), var(--fi-shadow-md) !important;
}
.dashboard-action-card::after { border-radius: var(--fi-radius-xl) !important; }
.dashboard-chart-box {
  border: 1px solid var(--fi-border) !important;
  border-radius: var(--fi-radius-xl) !important;
  background: var(--fi-surface) !important;
  box-shadow: var(--fi-shadow-sm) !important;
}
.dashboard-chart-box:hover { box-shadow: var(--fi-shadow-md) !important; }
.dashboard-filter-pill {
  border-color: rgba(15, 95, 217, .25) !important;
  background: rgba(15, 95, 217, .10) !important;
  color: var(--fi-primary-700) !important;
}
.dashboard-priority-rank {
  background: linear-gradient(135deg, var(--fi-primary), var(--fi-accent));
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(15, 95, 217, .24);
}
#dashboardTopPriorities .ds-list-group-item {
  border-radius: var(--fi-radius-lg);
  margin-bottom: .5rem;
  border: 1px solid var(--fi-border);
  box-shadow: var(--fi-shadow-xs);
}
#dashboardTopPriorities .ds-list-group-item:last-child { margin-bottom: 0; }
.dashboard-risk-detail-row td {
  background: var(--fi-surface-soft) !important;
}
body.app-dark-mode .dashboard-filter-pill { color: #bfdbfe !important; background: rgba(59, 130, 246, .18) !important; }

/* =========================================================
   Dashboard Charts V1.2 - tema Chart.js integrado ao Design System
   ========================================================= */
.dashboard-chart-box {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .35rem;
  min-height: 360px;
  padding: 1rem 1rem 1.15rem;
  overflow: hidden;
}

.dashboard-chart-box.chart-wide {
  min-height: 320px;
}

.dashboard-chart-box h6 {
  margin-bottom: .15rem !important;
  color: var(--fi-text, #111827) !important;
  letter-spacing: -0.01em;
}

.dashboard-chart-box .text-muted,
.dashboard-chart-subtitle {
  color: var(--fi-text-muted, #64748b) !important;
  font-size: .78rem;
}

.dashboard-chart-box canvas {
  display: block;
  width: 100% !important;
  height: 285px !important;
  max-height: 285px !important;
}

.dashboard-chart-box.chart-wide canvas {
  height: 250px !important;
  max-height: 250px !important;
}

#dashboardRiskMatrixChart,
#dashboardMitreTacticChart,
#dashboardRiskChart,
#dashboardRiskCategoryChart {
  height: 285px !important;
  max-height: 285px !important;
}

#dashboardComplianceTrendChart {
  height: 250px !important;
  max-height: 250px !important;
}

body.app-dark-mode .dashboard-chart-box h6,
[data-theme='dark'] .dashboard-chart-box h6 {
  color: #f8fafc !important;
}

body.app-dark-mode .dashboard-chart-box .text-muted,
body.app-dark-mode .dashboard-chart-subtitle,
[data-theme='dark'] .dashboard-chart-box .text-muted,
[data-theme='dark'] .dashboard-chart-subtitle {
  color: #cbd5e1 !important;
}

@media (max-width: 991px) {
  .dashboard-chart-box,
  .dashboard-chart-box.chart-wide {
    min-height: 340px;
  }

  .dashboard-chart-box canvas,
  .dashboard-chart-box.chart-wide canvas,
  #dashboardRiskMatrixChart,
  #dashboardMitreTacticChart,
  #dashboardRiskChart,
  #dashboardRiskCategoryChart,
  #dashboardComplianceTrendChart {
    height: 255px !important;
    max-height: 255px !important;
  }
}


/* =========================================================
   Dashboard Charts V1.2.1 - Evolução do Score e Riscos
   Refina o gráfico de tendência para combinar com o Design V3.1
   ========================================================= */
.dashboard-chart-box.chart-wide {
  min-height: 390px;
}

#dashboardComplianceTrendChart {
  height: 310px !important;
  max-height: 310px !important;
}

.dashboard-chart-box.chart-wide h6::after {
  content: '';
  display: block;
  width: 2.4rem;
  height: 3px;
  margin-top: .45rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--fi-primary, #0f5fd9), var(--fi-danger, #ef4444));
}

body.app-dark-mode #dashboardComplianceTrendChart,
[data-theme='dark'] #dashboardComplianceTrendChart {
  filter: saturate(1.05);
}

@media (max-width: 991px) {
  .dashboard-chart-box.chart-wide {
    min-height: 390px;
  }

  #dashboardComplianceTrendChart {
    height: 300px !important;
    max-height: 300px !important;
  }
}