/* MOOV 50C — Indicadores Comerciais no visual roxo/clean da segunda foto */

#sec-indicadores,
#sec-admin-indicadores,
#sec-indicadores-comerciais,
.app-section[id*="indicador" i],
section[id*="indicador" i],
.moov-ind-roxo50c{
  background:linear-gradient(135deg,#4b1d74 0%,#6f28a8 48%,#8a3fd4 100%) !important;
  color:#ffffff !important;
  padding:28px 36px !important;
  border-radius:0 !important;
  overflow:visible !important;
}

#sec-indicadores *,
#sec-admin-indicadores *,
#sec-indicadores-comerciais *,
.app-section[id*="indicador" i] *,
section[id*="indicador" i] *,
.moov-ind-roxo50c *{
  box-sizing:border-box !important;
}

/* Remove o painel branco gigante externo */
#sec-indicadores .admin-report-shell,
#sec-indicadores .moov-fast45l,
#sec-indicadores .moov-fast45l-shell,
#sec-indicadores .ic26-shell,
#sec-indicadores .report-shell,
#sec-admin-indicadores .admin-report-shell,
#sec-admin-indicadores .moov-fast45l,
#sec-admin-indicadores .moov-fast45l-shell,
#sec-admin-indicadores .ic26-shell,
#sec-admin-indicadores .report-shell,
#sec-indicadores-comerciais .admin-report-shell,
#sec-indicadores-comerciais .moov-fast45l,
#sec-indicadores-comerciais .moov-fast45l-shell,
#sec-indicadores-comerciais .ic26-shell,
#sec-indicadores-comerciais .report-shell,
.moov-ind-roxo50c .admin-report-shell,
.moov-ind-roxo50c .moov-fast45l,
.moov-ind-roxo50c .moov-fast45l-shell,
.moov-ind-roxo50c .ic26-shell,
.moov-ind-roxo50c .report-shell{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 auto !important;
  width:100% !important;
  max-width:100% !important;
  color:#ffffff !important;
}

/* Cabeçalhos iguais à segunda imagem */
#sec-indicadores h1,
#sec-indicadores h2,
#sec-indicadores h3,
#sec-admin-indicadores h1,
#sec-admin-indicadores h2,
#sec-admin-indicadores h3,
#sec-indicadores-comerciais h1,
#sec-indicadores-comerciais h2,
#sec-indicadores-comerciais h3,
.moov-ind-roxo50c h1,
.moov-ind-roxo50c h2,
.moov-ind-roxo50c h3{
  color:#ffffff !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
  text-shadow:none !important;
}

#sec-indicadores h1,
#sec-admin-indicadores h1,
#sec-indicadores-comerciais h1,
.moov-ind-roxo50c h1{
  font-size:38px !important;
  line-height:1.05 !important;
  margin:0 0 18px !important;
}

#sec-indicadores h2,
#sec-admin-indicadores h2,
#sec-indicadores-comerciais h2,
.moov-ind-roxo50c h2{
  font-size:34px !important;
  line-height:1.1 !important;
  margin:34px 0 18px !important;
}

#sec-indicadores > p,
#sec-admin-indicadores > p,
#sec-indicadores-comerciais > p,
.moov-ind-roxo50c > p,
.moov-ind-roxo50c .section-subtitle,
.moov-ind-roxo50c .report-subtitle{
  color:#ffffff !important;
  font-weight:600 !important;
}

/* Header superior continua bonito, mas integrado */
#sec-indicadores .report-header,
#sec-indicadores .admin-hero,
#sec-indicadores .moov-fast45l-hero,
#sec-indicadores .ic26-hero,
#sec-admin-indicadores .report-header,
#sec-admin-indicadores .admin-hero,
#sec-admin-indicadores .moov-fast45l-hero,
#sec-admin-indicadores .ic26-hero,
#sec-indicadores-comerciais .report-header,
#sec-indicadores-comerciais .admin-hero,
#sec-indicadores-comerciais .moov-fast45l-hero,
#sec-indicadores-comerciais .ic26-hero,
.moov-ind-roxo50c .report-header,
.moov-ind-roxo50c .admin-hero,
.moov-ind-roxo50c .moov-fast45l-hero,
.moov-ind-roxo50c .ic26-hero{
  background:linear-gradient(135deg,#6320a6 0%,#8536d1 48%,#9bc9df 100%) !important;
  color:#ffffff !important;
  border-radius:24px !important;
  padding:28px 32px !important;
  margin:0 0 24px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 22px 50px rgba(15,23,42,.18) !important;
}

.moov-ind-roxo50c .report-header *,
.moov-ind-roxo50c .admin-hero *,
.moov-ind-roxo50c .moov-fast45l-hero *,
.moov-ind-roxo50c .ic26-hero *{
  color:#ffffff !important;
}

/* Filtros sem painel branco gigante */
.moov-ind-roxo50c .report-filters-grid,
.moov-ind-roxo50c .admin-filter-grid,
.moov-ind-roxo50c .moov-fast45l-filters,
.moov-ind-roxo50c .ic26-filters,
.moov-ind-roxo50c .ic26-filter-grid,
#sec-indicadores .report-filters-grid,
#sec-indicadores .admin-filter-grid,
#sec-indicadores .moov-fast45l-filters,
#sec-indicadores .ic26-filters,
#sec-indicadores .ic26-filter-grid,
#sec-admin-indicadores .report-filters-grid,
#sec-admin-indicadores .admin-filter-grid,
#sec-admin-indicadores .moov-fast45l-filters,
#sec-admin-indicadores .ic26-filters,
#sec-admin-indicadores .ic26-filter-grid{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(150px,1fr)) !important;
  gap:16px !important;
  align-items:end !important;
  padding:0 !important;
  margin:18px 0 16px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Cards dos filtros individuais */
.moov-ind-roxo50c .report-filter-card,
.moov-ind-roxo50c .filter-control,
.moov-ind-roxo50c .moov-fast45l-filter,
.moov-ind-roxo50c .ic26-filter,
#sec-indicadores .report-filter-card,
#sec-indicadores .filter-control,
#sec-indicadores .moov-fast45l-filter,
#sec-indicadores .ic26-filter,
#sec-admin-indicadores .report-filter-card,
#sec-admin-indicadores .filter-control,
#sec-admin-indicadores .moov-fast45l-filter,
#sec-admin-indicadores .ic26-filter{
  min-height:112px !important;
  padding:18px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,#ffffff 0%,#ecfdf5 100%) !important;
  border:1px solid rgba(216,180,254,.65) !important;
  color:#0f172a !important;
  box-shadow:0 16px 32px rgba(15,23,42,.10) !important;
  overflow:hidden !important;
}

/* Labels/inputs */
.moov-ind-roxo50c label,
#sec-indicadores label,
#sec-admin-indicadores label{
  color:#475569 !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  display:block !important;
  margin-bottom:10px !important;
}

.moov-ind-roxo50c input,
.moov-ind-roxo50c select,
#sec-indicadores input,
#sec-indicadores select,
#sec-admin-indicadores input,
#sec-admin-indicadores select{
  width:100% !important;
  min-height:42px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  border:1px solid rgba(126,87,194,.32) !important;
  background:#ffffff !important;
  color:#0f172a !important;
  font-weight:850 !important;
}

.moov-ind-roxo50c input::placeholder,
#sec-indicadores input::placeholder,
#sec-admin-indicadores input::placeholder{
  color:#64748b !important;
  opacity:1 !important;
}

/* Remove caixas brancas enormes que envolvem filtros/botões */
.moov-ind-roxo50c .admin-filter-card,
.moov-ind-roxo50c .report-filter-panel,
.moov-ind-roxo50c .filters-panel,
.moov-ind-roxo50c .filter-card,
#sec-indicadores .admin-filter-card,
#sec-indicadores .report-filter-panel,
#sec-indicadores .filters-panel,
#sec-indicadores .filter-card,
#sec-admin-indicadores .admin-filter-card,
#sec-admin-indicadores .report-filter-panel,
#sec-admin-indicadores .filters-panel,
#sec-admin-indicadores .filter-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 0 18px !important;
}

/* Botões */
.moov-ind-roxo50c button,
.moov-ind-roxo50c .btn,
.moov-ind-roxo50c .moov-fast45l-btn,
#sec-indicadores button,
#sec-indicadores .btn,
#sec-indicadores .moov-fast45l-btn,
#sec-admin-indicadores button,
#sec-admin-indicadores .btn,
#sec-admin-indicadores .moov-fast45l-btn{
  border:0 !important;
  border-radius:14px !important;
  background:#6b21a8 !important;
  color:#ffffff !important;
  font-weight:950 !important;
  min-height:42px !important;
  padding:10px 16px !important;
  box-shadow:0 12px 26px rgba(15,23,42,.18) !important;
}

/* KPI e comparativo em cards compactos */
.moov-ind-roxo50c [data-fast45l-kpis],
.moov-ind-roxo50c .admin-kpi-grid,
.moov-ind-roxo50c .kpi-grid,
.moov-ind-roxo50c .report-kpi-grid,
.moov-ind-roxo50c .ic26-kpis,
#sec-indicadores [data-fast45l-kpis],
#sec-indicadores .admin-kpi-grid,
#sec-indicadores .kpi-grid,
#sec-indicadores .report-kpi-grid,
#sec-indicadores .ic26-kpis,
#sec-admin-indicadores [data-fast45l-kpis],
#sec-admin-indicadores .admin-kpi-grid,
#sec-admin-indicadores .kpi-grid,
#sec-admin-indicadores .report-kpi-grid,
#sec-admin-indicadores .ic26-kpis{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(150px,1fr)) !important;
  gap:16px !important;
  margin:20px 0 24px !important;
  align-items:stretch !important;
}

/* Cards brancos */
.moov-ind-roxo50c .card-kpi,
.moov-ind-roxo50c .kpi-card,
.moov-ind-roxo50c .admin-kpi-card,
.moov-ind-roxo50c .report-kpi-card,
.moov-ind-roxo50c [data-fast45l-kpis] > *,
.moov-ind-roxo50c .ic26-kpis > *,
.moov-ind-roxo50c .report-panel,
.moov-ind-roxo50c .admin-panel,
.moov-ind-roxo50c .moov-fast45l-card,
.moov-ind-roxo50c .ic26-card,
#sec-indicadores .card-kpi,
#sec-indicadores .kpi-card,
#sec-indicadores .admin-kpi-card,
#sec-indicadores .report-kpi-card,
#sec-indicadores [data-fast45l-kpis] > *,
#sec-indicadores .ic26-kpis > *,
#sec-indicadores .report-panel,
#sec-indicadores .admin-panel,
#sec-indicadores .moov-fast45l-card,
#sec-indicadores .ic26-card,
#sec-admin-indicadores .card-kpi,
#sec-admin-indicadores .kpi-card,
#sec-admin-indicadores .admin-kpi-card,
#sec-admin-indicadores .report-kpi-card,
#sec-admin-indicadores [data-fast45l-kpis] > *,
#sec-admin-indicadores .ic26-kpis > *,
#sec-admin-indicadores .report-panel,
#sec-admin-indicadores .admin-panel,
#sec-admin-indicadores .moov-fast45l-card,
#sec-admin-indicadores .ic26-card{
  min-height:112px !important;
  height:auto !important;
  padding:16px 18px !important;
  border-radius:20px !important;
  background:#ffffff !important;
  border:1px solid rgba(216,180,254,.45) !important;
  box-shadow:0 18px 38px rgba(15,23,42,.13) !important;
  color:#0f172a !important;
  overflow:hidden !important;
}

/* Texto dentro dos cards */
.moov-ind-roxo50c .card-kpi *,
.moov-ind-roxo50c .kpi-card *,
.moov-ind-roxo50c .admin-kpi-card *,
.moov-ind-roxo50c .report-kpi-card *,
.moov-ind-roxo50c [data-fast45l-kpis] > * *,
.moov-ind-roxo50c .ic26-kpis > * *,
.moov-ind-roxo50c .report-panel *,
.moov-ind-roxo50c .admin-panel *,
.moov-ind-roxo50c .moov-fast45l-card *,
.moov-ind-roxo50c .ic26-card *,
#sec-indicadores .card-kpi *,
#sec-indicadores .kpi-card *,
#sec-indicadores .admin-kpi-card *,
#sec-indicadores .report-kpi-card *,
#sec-indicadores [data-fast45l-kpis] > * *,
#sec-indicadores .ic26-kpis > * *,
#sec-indicadores .report-panel *,
#sec-indicadores .admin-panel *,
#sec-indicadores .moov-fast45l-card *,
#sec-indicadores .ic26-card *,
#sec-admin-indicadores .card-kpi *,
#sec-admin-indicadores .kpi-card *,
#sec-admin-indicadores .admin-kpi-card *,
#sec-admin-indicadores .report-kpi-card *,
#sec-admin-indicadores [data-fast45l-kpis] > * *,
#sec-admin-indicadores .ic26-kpis > * *,
#sec-admin-indicadores .report-panel *,
#sec-admin-indicadores .admin-panel *,
#sec-admin-indicadores .moov-fast45l-card *,
#sec-admin-indicadores .ic26-card *{
  color:#0f172a !important;
  text-shadow:none !important;
}

.moov-ind-roxo50c small,
.moov-ind-roxo50c .card-kpi p,
.moov-ind-roxo50c .kpi-card p,
.moov-ind-roxo50c .report-kpi-card p,
.moov-ind-roxo50c .admin-kpi-card p,
#sec-indicadores small,
#sec-indicadores .card-kpi p,
#sec-indicadores .kpi-card p,
#sec-indicadores .report-kpi-card p,
#sec-indicadores .admin-kpi-card p,
#sec-admin-indicadores small,
#sec-admin-indicadores .card-kpi p,
#sec-admin-indicadores .kpi-card p,
#sec-admin-indicadores .report-kpi-card p,
#sec-admin-indicadores .admin-kpi-card p{
  color:#64748b !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}

.moov-ind-roxo50c strong,
.moov-ind-roxo50c b,
#sec-indicadores strong,
#sec-indicadores b,
#sec-admin-indicadores strong,
#sec-admin-indicadores b{
  color:#020617 !important;
  font-weight:950 !important;
}

/* Ranking visual igual à segunda foto */
.moov-ind-roxo50c .report-grid-2,
.moov-ind-roxo50c .report-grid-3,
.moov-ind-roxo50c .admin-ranking-grid,
.moov-ind-roxo50c .admin-secondary-grid,
.moov-ind-roxo50c .ic26-grid,
.moov-ind-roxo50c .ic26-panels,
#sec-indicadores .report-grid-2,
#sec-indicadores .report-grid-3,
#sec-indicadores .admin-ranking-grid,
#sec-indicadores .admin-secondary-grid,
#sec-indicadores .ic26-grid,
#sec-indicadores .ic26-panels,
#sec-admin-indicadores .report-grid-2,
#sec-admin-indicadores .report-grid-3,
#sec-admin-indicadores .admin-ranking-grid,
#sec-admin-indicadores .admin-secondary-grid,
#sec-admin-indicadores .ic26-grid,
#sec-admin-indicadores .ic26-panels{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(220px,1fr)) !important;
  gap:16px !important;
  margin:18px 0 28px !important;
  align-items:start !important;
}

/* Onde melhorar — 3 colunas */
.moov-ind-roxo50c .priority-grid,
.moov-ind-roxo50c .recommendation-grid,
.moov-ind-roxo50c .actions-grid,
#sec-indicadores .priority-grid,
#sec-indicadores .recommendation-grid,
#sec-indicadores .actions-grid,
#sec-admin-indicadores .priority-grid,
#sec-admin-indicadores .recommendation-grid,
#sec-admin-indicadores .actions-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(280px,1fr)) !important;
  gap:18px !important;
  align-items:start !important;
}

.moov-ind-roxo50c .priority-card,
.moov-ind-roxo50c .recommendation-card,
.moov-ind-roxo50c .action-card,
#sec-indicadores .priority-card,
#sec-indicadores .recommendation-card,
#sec-indicadores .action-card,
#sec-admin-indicadores .priority-card,
#sec-admin-indicadores .recommendation-card,
#sec-admin-indicadores .action-card{
  min-height:116px !important;
  padding:16px 18px !important;
  border-radius:20px !important;
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid rgba(216,180,254,.45) !important;
  box-shadow:0 18px 38px rgba(15,23,42,.13) !important;
  overflow:hidden !important;
}

.moov-ind-roxo50c .priority-card *,
.moov-ind-roxo50c .recommendation-card *,
.moov-ind-roxo50c .action-card *,
#sec-indicadores .priority-card *,
#sec-indicadores .recommendation-card *,
#sec-indicadores .action-card *,
#sec-admin-indicadores .priority-card *,
#sec-admin-indicadores .recommendation-card *,
#sec-admin-indicadores .action-card *{
  color:#0f172a !important;
}

/* Remove blocos vazios enormes */
.moov-ind-roxo50c .chart-box:empty,
.moov-ind-roxo50c .admin-chart-box:empty,
.moov-ind-roxo50c .report-chart-box:empty,
.moov-ind-roxo50c .ic26-chart:empty,
#sec-indicadores .chart-box:empty,
#sec-indicadores .admin-chart-box:empty,
#sec-indicadores .report-chart-box:empty,
#sec-indicadores .ic26-chart:empty,
#sec-admin-indicadores .chart-box:empty,
#sec-admin-indicadores .admin-chart-box:empty,
#sec-admin-indicadores .report-chart-box:empty,
#sec-admin-indicadores .ic26-chart:empty{
  display:none !important;
  min-height:0 !important;
  height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
}

/* Tabelas continuam brancas, legíveis */
.moov-ind-roxo50c .table-wrap,
.moov-ind-roxo50c .report-table-wrap,
.moov-ind-roxo50c .admin-table-wrap,
.moov-ind-roxo50c .ic26-table-wrap,
#sec-indicadores .table-wrap,
#sec-indicadores .report-table-wrap,
#sec-indicadores .admin-table-wrap,
#sec-indicadores .ic26-table-wrap,
#sec-admin-indicadores .table-wrap,
#sec-admin-indicadores .report-table-wrap,
#sec-admin-indicadores .admin-table-wrap,
#sec-admin-indicadores .ic26-table-wrap{
  width:100% !important;
  overflow:auto !important;
  border-radius:20px !important;
  background:#ffffff !important;
  border:1px solid rgba(216,180,254,.45) !important;
  box-shadow:0 18px 38px rgba(15,23,42,.13) !important;
}

.moov-ind-roxo50c table,
#sec-indicadores table,
#sec-admin-indicadores table{
  width:100% !important;
  min-width:980px !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:#ffffff !important;
}

.moov-ind-roxo50c th,
#sec-indicadores th,
#sec-admin-indicadores th{
  background:#f3e8ff !important;
  color:#6b21a8 !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  padding:14px 16px !important;
  text-align:left !important;
}

.moov-ind-roxo50c td,
#sec-indicadores td,
#sec-admin-indicadores td{
  color:#111827 !important;
  font-weight:700 !important;
  padding:14px 16px !important;
  border-bottom:1px solid rgba(15,23,42,.07) !important;
}

/* Responsivo */
@media(max-width:1350px){
  .moov-ind-roxo50c .report-filters-grid,
  .moov-ind-roxo50c .admin-filter-grid,
  .moov-ind-roxo50c .moov-fast45l-filters,
  .moov-ind-roxo50c .ic26-filters,
  .moov-ind-roxo50c .ic26-filter-grid,
  #sec-indicadores .report-filters-grid,
  #sec-indicadores .admin-filter-grid,
  #sec-indicadores .moov-fast45l-filters,
  #sec-indicadores .ic26-filters,
  #sec-indicadores .ic26-filter-grid,
  .moov-ind-roxo50c [data-fast45l-kpis],
  .moov-ind-roxo50c .admin-kpi-grid,
  .moov-ind-roxo50c .kpi-grid,
  .moov-ind-roxo50c .report-kpi-grid,
  .moov-ind-roxo50c .ic26-kpis,
  #sec-indicadores [data-fast45l-kpis],
  #sec-indicadores .admin-kpi-grid,
  #sec-indicadores .kpi-grid,
  #sec-indicadores .report-kpi-grid,
  #sec-indicadores .ic26-kpis{
    grid-template-columns:repeat(3,minmax(180px,1fr)) !important;
  }

  .moov-ind-roxo50c .report-grid-2,
  .moov-ind-roxo50c .report-grid-3,
  .moov-ind-roxo50c .admin-ranking-grid,
  .moov-ind-roxo50c .admin-secondary-grid,
  .moov-ind-roxo50c .ic26-grid,
  .moov-ind-roxo50c .ic26-panels,
  #sec-indicadores .report-grid-2,
  #sec-indicadores .report-grid-3,
  #sec-indicadores .admin-ranking-grid,
  #sec-indicadores .admin-secondary-grid,
  #sec-indicadores .ic26-grid,
  #sec-indicadores .ic26-panels{
    grid-template-columns:repeat(2,minmax(240px,1fr)) !important;
  }
}

@media(max-width:850px){
  .moov-ind-roxo50c,
  #sec-indicadores,
  #sec-admin-indicadores{
    padding:20px 16px !important;
  }

  .moov-ind-roxo50c .report-filters-grid,
  .moov-ind-roxo50c .admin-filter-grid,
  .moov-ind-roxo50c .moov-fast45l-filters,
  .moov-ind-roxo50c .ic26-filters,
  .moov-ind-roxo50c .ic26-filter-grid,
  .moov-ind-roxo50c [data-fast45l-kpis],
  .moov-ind-roxo50c .admin-kpi-grid,
  .moov-ind-roxo50c .kpi-grid,
  .moov-ind-roxo50c .report-kpi-grid,
  .moov-ind-roxo50c .ic26-kpis,
  .moov-ind-roxo50c .report-grid-2,
  .moov-ind-roxo50c .report-grid-3,
  .moov-ind-roxo50c .admin-ranking-grid,
  .moov-ind-roxo50c .admin-secondary-grid,
  .moov-ind-roxo50c .ic26-grid,
  .moov-ind-roxo50c .ic26-panels,
  .moov-ind-roxo50c .priority-grid,
  .moov-ind-roxo50c .recommendation-grid,
  .moov-ind-roxo50c .actions-grid{
    grid-template-columns:1fr !important;
  }
}