/* ============================================
   JETBUS V3 - CSS RESPONSIVO
   Ajustes para telas menores (notebooks antigos)
   ============================================ */

/* TELAS MÉDIAS - Notebooks (1440px e abaixo) */
@media (max-width: 1440px) {
    /* Cards menores */
    .bg-white.rounded-2xl.shadow-sm.p-6,
    .rounded-2xl.shadow-sm.p-6 {
        padding: 1rem !important;
    }
    
    /* Textos dos cards */
    .text-sm {
        font-size: 0.8rem !important;
    }
    
    .text-3xl {
        font-size: 1.75rem !important;
    }
    
    .text-4xl {
        font-size: 2rem !important;
    }
    
    /* Gráficos */
    canvas {
        max-height: 300px !important;
    }
}

/* TELAS PEQUENAS - Notebooks antigos (1366px e abaixo) */
@media (max-width: 1366px) {
    /* Container principal */
    .p-8 {
        padding: 1.25rem !important;
    }
    
    .p-6 {
        padding: 0.875rem !important;
    }
    
    /* Grid de cards - 2 colunas em vez de 4 */
    .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .grid-cols-3 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Cards ainda menores */
    .bg-white.rounded-2xl.shadow-sm.p-6,
    .rounded-2xl.shadow-sm.p-6 {
        padding: 0.75rem !important;
    }
    
    /* Textos menores */
    .text-sm {
        font-size: 0.75rem !important;
    }
    
    .text-3xl {
        font-size: 1.5rem !important;
    }
    
    .text-4xl {
        font-size: 1.75rem !important;
    }
    
    .text-2xl {
        font-size: 1.25rem !important;
    }
    
    .text-xl {
        font-size: 1.125rem !important;
    }
    
    /* Ícones menores */
    .w-12.h-12 {
        width: 2.5rem !important;
        height: 2.5rem !important;
    }
    
    .w-10.h-10 {
        width: 2rem !important;
        height: 2rem !important;
    }
    
    /* Gráficos mais compactos */
    canvas {
        max-height: 250px !important;
    }
    
    /* Espaçamentos menores */
    .gap-6 {
        gap: 1rem !important;
    }
    
    .space-y-6 > * + * {
        margin-top: 1rem !important;
    }
}

/* TELAS MUITO PEQUENAS - Netbooks (1280px e abaixo) */
@media (max-width: 1280px) {
    /* Container com menos padding */
    .p-8 {
        padding: 1rem !important;
    }
    
    /* Cards super compactos */
    .bg-white.rounded-2xl.shadow-sm.p-6,
    .rounded-2xl.shadow-sm.p-6 {
        padding: 0.625rem !important;
    }
    
    /* Textos ainda menores */
    .text-3xl {
        font-size: 1.25rem !important;
    }
    
    .text-4xl {
        font-size: 1.5rem !important;
    }
    
    /* Gráficos bem compactos */
    canvas {
        max-height: 200px !important;
    }
    
    /* Header menor */
    .text-2xl.font-bold {
        font-size: 1.125rem !important;
    }
    
    /* Botões menores */
    .px-4.py-2 {
        padding: 0.5rem 0.75rem !important;
        font-size: 0.875rem !important;
    }
}

/* AJUSTES ESPECÍFICOS PARA CARDS FINANCEIROS */
@media (max-width: 1366px) {
    /* Card de receita */
    [class*="bg-gradient-to-br"] {
        padding: 0.875rem !important;
    }
    
    /* Ícones dentro dos cards */
    .rounded-full.flex.items-center.justify-center {
        width: 2.5rem !important;
        height: 2.5rem !important;
    }
}

/* TABELAS RESPONSIVAS */
@media (max-width: 1366px) {
    table {
        font-size: 0.8rem !important;
    }
    
    th, td {
        padding: 0.5rem !important;
    }
}

/* MODAIS E DROPDOWNS */
@media (max-width: 1366px) {
    .fixed.inset-0 > div {
        max-width: 90% !important;
        padding: 1rem !important;
    }
}

/* ZOOM GERAL PARA TELAS MUITO PEQUENAS */
@media (max-width: 1280px) {
    body {
        zoom: 0.9;
    }
}

@media (max-width: 1024px) {
    body {
        zoom: 0.85;
    }
}