/* ======================================= */
/*        Estilos para Páginas de Relatórios       */
/* ======================================= */

.report-main-grid {
    display: grid;
    grid-template-columns: 1fr 2fr; /* Coluna da esquerda menor, da direita maior */
    gap: 1.5rem;
    align-items: start;
}

.report-col-summary,
.report-col-details {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.stat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.stat-list li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
}
.stat-list li:last-child {
    border-bottom: none;
}

.chart-container {
    position: relative;
    height: 300px; /* Altura fixa para o container do gráfico */
}

/* Responsividade */
@media (max-width: 992px) {
    .report-main-grid {
        grid-template-columns: 1fr; /* Vira uma coluna única em telas menores */
    }
}


/* public/css/reports.css (ADICIONE NO FINAL) */

.average-rating-display {
    text-align: center;
    padding: 1rem 0;
}
.average-rating-display .rating-score {
    font-size: 3rem;
    font-weight: bold;
    color: var(--konectomi-purple);
}
.average-rating-display .rating-count {
    display: block;
    color: #666;
    font-size: 0.9rem;
}

/* Sistema de exibição de estrelas com CSS Variables */
.rating-stars, .rating-stars-small {
    --star-size: 2rem;
    --star-color: #ccc;
    --star-background: #ffc107;
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    font-family: Times; /* Garante que as estrelas sejam consistentes */
    line-height: 1;
}
.rating-stars::before, .rating-stars-small::before {
    content: '★★★★★';
    letter-spacing: 3px;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rating-stars-small {
    --star-size: 1rem;
}