/* Estilos específicos de dashboards e gráficos.
   Layout global e responsividade ficam em admin-tailwind.css. */

.chart-area,
.chart-pie {
    min-height: 280px;
    position: relative;
}

.chart-container {
    position: relative;
    min-height: 300px;
    padding: 15px;
}

.card-stats {
    transition: all 0.3s ease-out;
}

.card-stats:hover {
    transform: translateY(-2px);
}

.dashboard-link {
    transition: all 0.2s ease;
}

.dashboard-link:hover {
    color: #4f46e5 !important;
    text-decoration: underline !important;
}

.text-info { color: #1dc7ea !important; }
.text-success { color: #16a34a !important; }
.text-warning { color: #f59e0b !important; }
.text-danger { color: #ef4444 !important; }

.bg-info { background-color: #1dc7ea !important; }
.bg-success { background-color: #16a34a !important; }
.bg-warning { background-color: #f59e0b !important; }
.bg-danger { background-color: #ef4444 !important; }

.bg-pendente { background-color: #f59e0b; }
.bg-parcial { background-color: #06b6d4; }
.bg-pago { background-color: #22c55e; }
.bg-atrasado { background-color: #ef4444; }

@media (max-width: 576px) {
    .chart-area,
    .chart-pie {
        min-height: 220px;
    }
}