/*=====================================================
  PAINEL DA EQUIPE (GESTOR) — v1

  Protótipo do ambiente de Gestor (ver js/perfil.js e js/gestor.js):
  consolida o resultado dos consultores vinculados à equipe ativa.
  Reaproveita ao máximo o que já existe — cartão base (.card,
  css/cards.css), cartões coloridos de topo e suas variantes
  (.dash-card/.dash-card--*, css/dashboard.css), painéis e tabelas
  (.panel, .panel-header, .panel-header--com-botao, .dashboard-table,
  .posicao-pill, css/dashboard.css). Só a grade de 4 cards (em vez de
  5, a Dashboard não tem "Meta do Mês" aqui) e o selo da equipe são
  específicos desta página.
=====================================================*/

.gestor-cards-topo{

    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:12px;

    margin-bottom:12px;

}

.gestor-painel-ranking{

    margin-bottom:12px;

}

/* Painel do gráfico Meta x Realizado — um .panel de largura cheia (não
   reaproveita .dashboard-graficos de propósito: aquela grade é para 2
   colunas, e aqui é só 1 gráfico). Reaproveita .grafico-area/
   .grafico-legenda-info (css/dashboard.css), só com menos altura —
   um gráfico de 2 barras não precisa dos mesmos 310px dos gráficos
   mensais da Dashboard. */
.gestor-grafico-secao{

    margin-bottom:12px;

}

.gestor-grafico-area{

    height:190px;

}

/* O card "Consultor Destaque" mostra um nome em vez de um número — na
   mesma fonte grande dos outros cards (28px, .comissoes-cards .card
   h2 e afins) um nome comprido quebraria o layout do card. */
.card-content-h2--compacto{

    font-size:19px !important;

}

.equipe-selo{

    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:4px 12px;

    border-radius:20px;

    background:#fdeeee;
    color:#8B0000;

    font-size:12px;
    font-weight:600;

}

.equipe-selo i{
    width:13px;
    height:13px;
}

/* Aviso "isto é um protótipo" — deixa claro que a troca de perfil não
   tem senha/permissão real por trás, para não passar a impressão
   errada de que já existe controle de acesso de verdade. */
.gestor-aviso-prototipo{

    display:flex;
    align-items:flex-start;
    gap:8px;

    padding:10px 14px;

    border-radius:12px;

    background:#FFF8E1;
    color:#8a6d1f;
    font-size:12px;
    line-height:1.5;

    margin-bottom:12px;

}

.gestor-aviso-prototipo i{
    width:15px;
    height:15px;
    flex-shrink:0;
    margin-top:1px;
}