.formacao-gestao-grade{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
    margin:16px 0
  }
  .formacao-gestao-indicador{
    background:linear-gradient(135deg,#fbfdff 0%,#f3f7fb 100%);
    border:1px solid #d3dee9;
    border-left:4px solid #1d5f92;
    border-radius:10px;
    padding:14px;
    box-shadow:0 3px 12px rgba(25,55,80,.07)
  }
  .formacao-gestao-indicador strong{
    display:block;
    font-size:1.5rem;
    color:#173c5b
  }
  .formacao-gestao-indicador span{
    font-size:.82rem;
    color:#5f6f7c
  }
  .formacao-gestao-filtros{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin:14px 0
  }
  .formacao-gestao-filtros select,
  .formacao-gestao-filtros input{
    width:100%;
    padding:11px;
    border:1px solid #cdd8e2;
    border-radius:9px;
    background:#f9fbfd;
    color:#263746
  }
  .formacao-gestao-lista{
    display:grid;
    gap:10px;
    padding-bottom:110px
  }
  .formacao-gestao-pessoa{
    background:linear-gradient(135deg,#fffdf8 0%,#f8fafc 100%);
    border:1px solid #d8e1e9;
    border-left:4px solid #c99432;
    border-radius:10px;
    padding:13px;
    box-shadow:0 2px 8px rgba(15,35,65,.035)
  }
  .formacao-gestao-pessoa-topo{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:flex-start
  }
  .formacao-gestao-pessoa h3{
    font-size:1rem;
    margin:0;
    color:#23394c
  }
  .formacao-gestao-pessoa small{
    color:#6c7b87
  }
  .formacao-gestao-selo{
    font-size:.72rem;
    font-weight:700;
    background:#eef4f8;
    color:#24577d;
    border-radius:20px;
    padding:5px 8px;
    white-space:nowrap
  }
  .formacao-gestao-trilhas{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:11px
  }
  .formacao-gestao-trilha{
    font-size:.8rem;
    color:#526675
  }
  .formacao-gestao-trilha b{
    color:#263746
  }
  .formacao-gestao-barra{
    height:7px;
    background:#e8eef2;
    border-radius:8px;
    overflow:hidden;
    margin-top:5px
  }
  .formacao-gestao-barra i{
    display:block;
    height:100%;
    background:#3f7d52;
    border-radius:8px
  }
  .formacao-gestao-vazio{
    padding:24px;
    text-align:center;
    color:#667784;
    background:#fff;
    border:1px dashed #cbd7df;
    border-radius:10px
  }

  /* Análise rápida — cartão/modal no padrão dos relatórios do app */
  .formacao-analise-atalho{
    width:100%;
    margin:2px 0 14px;
    padding:14px 16px;
    border:1px solid #cfdbe7;
    border-left:5px solid #c99432;
    border-radius:12px;
    background:#fff;
    box-shadow:0 3px 10px rgba(15,35,65,.06);
    color:#173c5b;
    text-align:left;
    cursor:pointer
  }
  .formacao-analise-atalho:hover{
    border-color:#c99432;
    box-shadow:0 6px 16px rgba(15,35,65,.10)
  }
  .formacao-analise-atalho-topo{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px
  }
  .formacao-analise-atalho strong{
    display:block;
    font-size:.95rem
  }
  .formacao-analise-atalho small{
    display:block;
    margin-top:3px;
    color:#6c7b87;
    font-size:.76rem
  }
  .formacao-analise-atalho-seta{
    color:#c99432;
    font-size:1.25rem;
    font-weight:800
  }

  .formacao-modal-analise{
    position:fixed;
    inset:0;
    z-index:10050;
    display:none;
    align-items:center;
    justify-content:center;
    padding:22px;
    background:rgba(17,30,48,.58);
    backdrop-filter:blur(1px)
  }
  .formacao-modal-analise.ativo{
    display:flex
  }
  .formacao-modal-card{
    width:min(720px,100%);
    max-height:min(82vh,760px);
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:16px;
    background:#fff;
    box-shadow:0 24px 70px rgba(0,0,0,.28)
  }
  .formacao-modal-cabecalho{
    padding:18px 20px 12px;
    border-bottom:1px solid #e3e8ee
  }
  .formacao-modal-cabecalho h2{
    margin:0;
    color:#123c70;
    font-size:1.25rem
  }
  .formacao-modal-cabecalho p{
    margin:5px 0 0;
    color:#6c7b87;
    font-size:.82rem
  }
  .formacao-modal-filtros{
    display:flex;
    gap:7px;
    padding:10px 20px 8px;
    overflow-x:auto;
    border-bottom:1px solid #edf0f3
  }
  .formacao-modal-filtros button{
    flex:0 0 auto;
    border:1px solid #ccd8e4;
    border-radius:999px;
    background:#fff;
    color:#24577d;
    padding:7px 11px;
    font-size:.75rem;
    font-weight:700;
    cursor:pointer
  }
  .formacao-modal-filtros button.ativo{
    background:#123f79;
    border-color:#123f79;
    color:#fff
  }
  .formacao-modal-lista{
    overflow-y:auto;
    padding:0 20px
  }
  .formacao-modal-item{
    padding:13px 8px 12px;
    border-bottom:1px solid #e5e9ee
  }
  .formacao-modal-item:last-child{
    border-bottom:0
  }
  .formacao-modal-item-topo{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px
  }
  .formacao-modal-item-nome{
    color:#123f79;
    font-size:.88rem;
    font-weight:800
  }
  .formacao-modal-item-meta{
    margin-top:2px;
    color:#73808c;
    font-size:.69rem
  }
  .formacao-modal-item-percentual{
    flex:0 0 auto;
    color:#123f79;
    font-size:.84rem;
    font-weight:800
  }
  .formacao-modal-trilha{
    margin-top:9px
  }
  .formacao-modal-trilha-info{
    display:flex;
    justify-content:space-between;
    gap:10px;
    color:#5d6d79;
    font-size:.70rem
  }
  .formacao-modal-trilha-info b{
    color:#2a4051
  }
  .formacao-modal-barra{
    height:6px;
    margin-top:5px;
    border-radius:7px;
    overflow:hidden;
    background:#e6ebf1
  }
  .formacao-modal-barra i{
    display:block;
    height:100%;
    border-radius:7px;
    background:#2f8d62
  }
  .formacao-modal-vazio{
    padding:30px 10px;
    text-align:center;
    color:#73808c
  }
  .formacao-modal-rodape{
    padding:12px 14px 14px;
    border-top:1px solid #e3e8ee;
    background:#fff
  }
  .formacao-modal-fechar{
    width:100%;
    border:0;
    border-radius:9px;
    background:#103b76;
    color:#fff;
    padding:12px 15px;
    font-weight:800;
    cursor:pointer
  }

  @media(max-width:900px){
    .formacao-gestao-grade{grid-template-columns:repeat(3,1fr)}
    .formacao-gestao-filtros{grid-template-columns:1fr 1fr}
  }
  @media(max-width:720px){
    .formacao-gestao-grade{grid-template-columns:1fr 1fr}
    .formacao-gestao-filtros{grid-template-columns:1fr}
    .formacao-gestao-trilhas{grid-template-columns:1fr}
    .formacao-modal-analise{padding:10px}
    .formacao-modal-card{max-height:88vh}
    .formacao-modal-cabecalho{padding:16px 14px 10px}
    .formacao-modal-filtros{padding:9px 14px 8px}
    .formacao-modal-lista{padding:0 14px}
  }

  .formacao-gestao-indicador.clicavel{
    appearance:none;
    width:100%;
    text-align:left;
    cursor:pointer;
    font:inherit
  }
  .formacao-gestao-indicador.clicavel em{
    display:block;
    margin-top:5px;
    color:#2a6591;
    font-size:.68rem;
    font-style:normal;
    font-weight:700
  }
  .formacao-gestao-indicador.clicavel.ativo{
    border-color:#c99432;
    box-shadow:0 0 0 2px rgba(201,148,50,.12)
  }

  .formacao-modal-indicador{
    position:fixed;
    inset:0;
    z-index:10060;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(21,34,52,.58)
  }
  .formacao-modal-indicador.ativo{
    display:flex
  }
  .formacao-modal-indicador-card{
    width:min(720px,100%);
    max-height:min(82vh,760px);
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:16px;
    background:#fbfcfe;
    box-shadow:0 24px 70px rgba(0,0,0,.28)
  }
  .formacao-modal-indicador-cabecalho{
    padding:17px 18px 12px;
    border-bottom:1px solid #e1e7ed;
    background:linear-gradient(135deg,#fffaf0 0%,#f7f9fc 100%)
  }
  .formacao-modal-indicador-cabecalho h2{
    margin:0;
    color:#123c70;
    font-size:1.18rem
  }
  .formacao-modal-indicador-cabecalho p{
    margin:5px 0 0;
    color:#6e7b87;
    font-size:.76rem
  }
  .formacao-modal-indicador-lista{
    overflow-y:auto;
    padding:0 18px
  }
  .formacao-modal-indicador-item{
    padding:12px 6px;
    border-bottom:1px solid #e7ebef
  }
  .formacao-modal-indicador-item:last-child{
    border-bottom:0
  }
  .formacao-modal-indicador-item-topo{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px
  }
  .formacao-modal-indicador-nome{
    color:#113f79;
    font-size:.86rem;
    font-weight:800
  }
  .formacao-modal-indicador-meta{
    margin-top:2px;
    color:#73808c;
    font-size:.68rem
  }
  .formacao-modal-indicador-percentual{
    color:#113f79;
    font-size:.84rem;
    font-weight:800;
    flex:0 0 auto
  }
  .formacao-modal-indicador-trilha{
    margin-top:8px
  }
  .formacao-modal-indicador-trilha-info{
    display:flex;
    justify-content:space-between;
    gap:10px;
    color:#5d6c78;
    font-size:.69rem
  }
  .formacao-modal-indicador-trilha-info b{
    color:#2b4052
  }
  .formacao-modal-indicador-barra{
    height:6px;
    margin-top:5px;
    border-radius:7px;
    overflow:hidden;
    background:#e6ebf1
  }
  .formacao-modal-indicador-barra i{
    display:block;
    height:100%;
    border-radius:7px;
    background:#2f8d62
  }
  .formacao-modal-indicador-vazio{
    padding:30px 10px;
    text-align:center;
    color:#73808c
  }
  .formacao-modal-indicador-rodape{
    padding:10px 14px 14px;
    border-top:1px solid #e1e7ed;
    background:#f8fafc
  }
  .formacao-modal-indicador-fechar{
    width:100%;
    border:0;
    border-radius:9px;
    background:#103b76;
    color:#fff;
    padding:12px;
    font-weight:800;
    cursor:pointer
  }
  @media(max-width:720px){
    .formacao-modal-indicador{padding:10px}
    .formacao-modal-indicador-card{max-height:88vh}
  }

  /* V32 — tonalidade suave para reduzir o branco excessivo */
  #formacaoPainelCoordenacaoV26 .formacao-central-apresentacao{
    background:linear-gradient(135deg,#fffaf0 0%,#f8f6ef 100%);
    border:1px solid rgba(201,148,50,.12);
  }
  #formacaoPainelCoordenacaoV26 .formacao-gestao-pessoa:hover{
    background:linear-gradient(135deg,#fffaf4 0%,#f3f7fb 100%);
  }
  #formacaoPainelCoordenacaoV26 .formacao-gestao-selo{
    background:#eaf1f7;
  }

  /* V33 — navegação móvel por comunidade, perfil e etapa */
  .formacao-selecao-v33{
    margin:18px 0 14px;
    padding:18px;
    border:1px solid #e1e6ec;
    border-radius:16px;
    background:#fff;
    box-shadow:0 5px 18px rgba(20,49,79,.06)
  }
  .formacao-campo-v33{margin-bottom:18px}
  .formacao-campo-v33:last-child{margin-bottom:0}
  .formacao-campo-v33 label{
    display:block;
    margin:0 0 8px;
    color:#263746;
    font-size:.9rem;
    font-weight:800
  }
  .formacao-campo-v33 select,
  .formacao-campo-v33 input{
    width:100%;
    min-height:52px;
    padding:12px 14px;
    border:1px solid #cfd8e1;
    border-radius:12px;
    background:#fff;
    color:#263746;
    font:inherit
  }
  .formacao-campo-v33 select:focus,
  .formacao-campo-v33 input:focus{
    outline:3px solid rgba(201,148,50,.18);
    border-color:#c99432
  }
  .formacao-botoes-v33{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px
  }
  .formacao-opcao-v33{
    min-height:54px;
    padding:10px 8px;
    border:1px solid #d7dee6;
    border-radius:12px;
    background:#fff;
    color:#123c70;
    font:inherit;
    font-size:.86rem;
    font-weight:800;
    cursor:pointer
  }
  .formacao-opcao-v33.ativa{
    border-color:#103b76;
    background:#103b76;
    color:#fff;
    box-shadow:0 4px 10px rgba(16,59,118,.16)
  }
  .formacao-resumo-v33{
    margin:14px 0 12px;
    padding:14px 15px;
    border-left:4px solid #174d91;
    border-radius:10px;
    background:linear-gradient(135deg,#f7faff,#f2f5f9)
  }
  .formacao-resumo-v33 strong{
    display:block;
    color:#173c5b;
    font-size:1rem
  }
  .formacao-resumo-v33 span{
    display:block;
    margin-top:3px;
    color:#5f6f7c;
    font-size:.82rem
  }
  .formacao-ver-mais-v33{
    width:100%;
    padding:13px;
    border:1px solid #174d91;
    border-radius:11px;
    background:#fff;
    color:#123c70;
    font:inherit;
    font-weight:800;
    cursor:pointer
  }
  @media(min-width:721px){
    .formacao-botoes-v33{grid-template-columns:repeat(4,minmax(0,1fr))}
  }