/*
═══════════════════════════════════════════════════════════════
                    ESTATÍSTICAS FMOREIRA
═══════════════════════════════════════════════════════════════
*/

#estatisticas{
    padding:0;
}

.estatisticas-header{

    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:20px;
}

.estatisticas-header h2{

    color:#07111f;

    font-size:28px;
    font-weight:700;
}

.estatisticas-btn{

    background:
    linear-gradient(
        180deg,
        #d7b45b 0%,
        #c19a3d 50%,
        #836627 100%
    );

    border:none;

    color:white;

    padding:10px 18px;

    border-radius:10px;

    font-weight:700;

    cursor:pointer;

    box-shadow:
    0 4px 12px rgba(0,0,0,.15);
}

.estatisticas-grid{

    display:grid;

    grid-template-columns:
    320px
    1fr
    1fr;

    gap:20px;

    margin-bottom:20px;
}

.estatisticas-card{

    background:

    linear-gradient(
        180deg,
        #07111f 0%,
        #0c1828 100%
    );

    border-radius:16px;

    border:1px solid rgba(201,162,93,.25);

    overflow:hidden;

    box-shadow:
    0 10px 25px rgba(0,0,0,.18);
}

.estatisticas-titulo{

    padding:14px 18px;

    color:#c9a25d;

    font-size:15px;

    font-weight:700;

    border-bottom:
    1px solid rgba(201,162,93,.15);

    text-transform:uppercase;

    letter-spacing:.5px;
}

.ranking-lista{

    padding:12px 18px;
}

.ranking-item{

    display:grid;

    grid-template-columns:
    1fr
    55px
    55px;

    align-items:center;

    padding:12px 0;

    border-bottom:
    1px solid rgba(255,255,255,.06);

    color:white;

    font-size:14px;
}

.ranking-item:last-child{
    border-bottom:none;
}

.grafico-placeholder{

    height:260px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#c9a25d;

    font-size:22px;

    font-weight:700;

    letter-spacing:2px;
}

.estatisticas-tipos{

    display:grid;

    grid-template-columns:
    repeat(9,1fr);

    gap:12px;
}

.tipo-card{

    background:

    linear-gradient(
        180deg,
        #07111f 0%,
        #0c1828 100%
    );

    border:1px solid rgba(201,162,93,.20);

    border-radius:12px;

    padding:18px 12px;

    text-align:center;

    color:white;

    font-size:13px;

    font-weight:600;

    box-shadow:
    0 6px 15px rgba(0,0,0,.15);
}   

.tipo-card{

    display:flex;

    align-items:center;

    gap:12px;

    padding:14px 16px;

    text-align:left;

}

.tipo-icone{

    font-size:24px;

    color:#c9a25d;

    min-width:30px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.tipo-info{

    display:flex;

    flex-direction:column;

    gap:2px;

}

.tipo-nome{

    color:#ffffff;

    font-size:11px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.4px;

}

.tipo-qtd{

    color:#f3f4f6;

    font-size:22px;

    font-weight:700;

    line-height:1;

}


.ranking-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.ranking-filtro{

    display:flex;

    gap:4px;

}

.ranking-btn{

    border:none;

    background:#081f44;

    color:#c9a25d;

    font-size:10px;

    font-weight:700;

    padding:4px 8px;

    border-radius:6px;

    cursor:pointer;

}

.ranking-btn.active{

    background:#c9a25d;

    color:#081f44;

}

.ranking-cabecalho{

    display:grid;

    grid-template-columns:
    1fr
    55px
    55px;

    align-items:center;

    padding:10px 0;

    color:#f4d27a;

    font-size:12px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    border-bottom:
    1px solid rgba(244,210,122,.15);

    margin-bottom:8px;
}

.modal-registros-estatistica{

    position:fixed;

    inset:0;

    background:
    rgba(0,0,0,.65);

    display:none;

    align-items:center;

    justify-content:center;

    z-index:9999;
}


.modal-registros-conteudo{

    width:95%;
    height:90%;

    background:#07111f;

    border:1px solid rgba(201,162,93,.25);

    border-radius:16px;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    padding:20px 24px;
    box-sizing:border-box;

}


.modal-registros-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 24px;

    border-bottom:
    1px solid rgba(201,162,93,.15);

    color:#f4d27a;
}

.modal-registros-header button{

    background:none;

    border:none;

    color:#f4d27a;

    font-size:22px;

    cursor:pointer;
}

#corpoModalRegistros{

    flex:1;

    padding:24px;

    color:white;

    overflow:auto;
}


.registros-layout{

    display:grid;
    grid-template-columns: 68% 32%;
    gap:20px;

    height:650px;
    margin-top:20px;

}

.registros-lista{

    border:1px solid rgba(212,170,79,.25);
    border-radius:12px;

    overflow:auto;

}

.registro-detalhe{

    border:1px solid rgba(212,170,79,.25);
    border-radius:12px;

    padding:20px;

}

.registro-vazio{

    display:flex;
    align-items:center;
    justify-content:center;

    height:100%;

    color:#d4aa4f;
    font-weight:600;

}



.registro-item strong{

    color:#ffffff;

    font-size:15px;

}

.registro-item div{

    color:#c9d3e6;

    margin-bottom:4px;

}

.registros-topo{

    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:10px;

}

.registros-titulo{

    margin:0;

    font-size:22px;
    font-weight:700;

    line-height:1;

    color:#ffffff;

}



.registros-subtitulo{

    margin-top:2px;

    color:#8e9ab0;

    font-size:12px;

}

.registros-filtros{

    display:flex;
    gap:12px;

    margin-bottom:18px;

}

.registros-filtros input,
.registros-filtros select{

    height:42px;

    background:#071629;

    border:1px solid rgba(212,170,79,.25);

    border-radius:8px;

    color:#fff;

    padding:0 12px;

}


.registros-header-grid{

    display:grid;

grid-template-columns:
2fr
1fr
0.9fr
1.2fr
60px;

    padding:12px 18px;

    color:#d4aa4f;

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

    letter-spacing:.8px;

    text-transform:uppercase;

}

.registro-item{

    display:grid;

grid-template-columns:
2fr
1fr
0.9fr
1.2fr
60px;

    align-items:center;

    min-height:78px;

    margin-bottom:10px;

    padding:0 18px;

    border:1px solid rgba(212,170,79,.18);

    border-radius:10px;

    background:
    rgba(5,16,35,.55);

    transition:.2s;

    cursor:pointer;

}

.registro-item:hover{

    border-color:#d4aa4f;

    transform:translateY(-1px);

}

.registro-cliente{

    display:flex;
    flex-direction:column;

}

.registro-cliente strong{

    color:#fff;

    font-size:18px;

}

.registro-processo{

    color:#7e8ca7;

    font-size:12px;

    margin-top:3px;

}


.registro-tipo{

    color:#dce4f0;

    font-size:14px;

}


.registro-estagiario{

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

}

.avatar-estagiario{

    width:28px;
    height:28px;

    border-radius:50%;

    background:#d4aa4f;

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

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

}

.registro-data{

    color:#dce4f0;

    font-size:14px;

}

.registro-anexos{

    color:#dce4f0;

    text-align:center;

    font-weight:600;

}

.registro-detalhe{

    background:
    rgba(5,16,35,.75);

    border:1px solid rgba(212,170,79,.18);

    border-radius:12px;

    padding:22px;

}

.logo-registro-vazio{

    width:2800px;
    max-width:100%;

    opacity:.20;

    filter:
    grayscale(100%)
    brightness(1.3);

}

.registro-vazio{

    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;

}

.detalhe-titulo{

    font-size:28px;
    font-weight:700;

    color:#ffffff;

    margin-bottom:24px;
    padding-bottom:16px;

    border-bottom:
    1px solid rgba(212,170,79,.20);

}

.detalhe-item{

    margin-bottom:18px;

}

.detalhe-label{

    color:#d4aa4f;

    font-size:11px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:6px;

}

.detalhe-valor{

    color:#ffffff;

    font-size:14px;

    line-height:1.5;

    word-break:break-word;

}


.anexo-item{

    display:flex;
    align-items:center;

    gap:8px;

    padding:8px 10px;

    margin-top:8px;

    background:
    rgba(212,170,79,.08);

    border:1px solid
    rgba(212,170,79,.15);

    border-radius:8px;

    color:#dce4f0;

    font-size:13px;

    word-break:break-word;

}

.anexo-vazio{

    color:#7e8ca7;

    margin-top:8px;

    font-size:13px;

}


.registro-item.selecionado{

    border-color:#d4aa4f;

    box-shadow:
    0 0 0 1px rgba(212,170,79,.25);

    background:
    rgba(212,170,79,.08);

}

/* =======================================================
   BARRA DE ROLAGEM DISCRETA PARA O PAINEL DE DETALHES
   ======================================================= */

.registro-detalhe {
    overflow-y: auto; /* Permite rolar para baixo quando o conteúdo for grande */
}

/* Estilizando a barra de rolagem para navegadores baseados em WebKit (Chrome, Edge, Safari) */
.registro-detalhe::-webkit-scrollbar {
    width: 6px; /* Bem fininha e discreta */
}

.registro-detalhe::-webkit-scrollbar-track {
    background: transparent; /* Fundo invisível */
}

.registro-detalhe::-webkit-scrollbar-thumb {
    background: rgba(212, 170, 79, 0.3); /* Dourado escuro/transparente */
    border-radius: 10px; /* Bordas arredondadas */
}

.registro-detalhe::-webkit-scrollbar-thumb:hover {
    background: rgba(212, 170, 79, 0.6); /* Fica mais brilhante ao passar o mouse */
}