/* ============================================
   LARGURAS MÍNIMAS PARA TABELAS NO MOBILE
   ============================================ */

/* Colunas de ID/Código - pequenas */
table th[style*="width: 60px"],
table th[style*="width: 70px"] {
    min-width: 70px !important;
}

/* Colunas de valores monetários */
table th.text-right,
table td.text-right {
    min-width: 130px !important;
}

/* Coluna de ações */
table th[style*="width: 130px"],
table th[style*="width: 140px"],
table th:last-child {
    min-width: 140px !important;
    white-space: nowrap;
}

/* ============================================
   VENDAS - AJUSTES ESPECÍFICOS
   ============================================ */
#tabelaVendas th:nth-child(3),
#tabelaVendas td:nth-child(3) {
    min-width: 250px !important; /* Cliente - AUMENTADO */
}

#tabelaVendas th:nth-child(4),
#tabelaVendas td:nth-child(4) {
    min-width: 110px !important; /* Data - uma linha */
    white-space: nowrap;
}

/* ============================================
   NF-e - AJUSTES ESPECÍFICOS
   ============================================ */
#tabelaNFes th:nth-child(4),
#tabelaNFes td:nth-child(4) {
    min-width: 110px !important; /* Data Emissão - uma linha */
    white-space: nowrap;
}

#tabelaNFes th:nth-child(6),
#tabelaNFes td:nth-child(6) {
    min-width: 350px !important; /* Cliente - AUMENTADO */
}

#tabelaNFes th:nth-child(11),
#tabelaNFes td:nth-child(11) {
    min-width: 160px !important; /* Ações - AUMENTADO */
    white-space: nowrap;
}

/* ============================================
   OUTRAS TABELAS
   ============================================ */
#tabelaItens th:nth-child(3),
#tabelaItens td:nth-child(3) {
    min-width: 250px !important; /* Descrição */
}

#tabelaExtrato th:nth-child(3),
#tabelaExtrato td:nth-child(3) {
    min-width: 200px !important; /* Descrição */
}

#tabelaContas th:nth-child(1),
#tabelaContas td:nth-child(1) {
    min-width: 150px !important; /* Banco */
}


/* ============================================
   RESPONSIVIDADE - PAGE HEADER (MOBILE)
   ============================================ */

/* Mobile: telas até 768px */
@media (max-width: 768px) {
    /* Page Header - ajustar layout e tamanhos */
    .page-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 15px;
    }
    
    .page-header h1 {
        font-size: 1.5rem !important; /* Reduzir fonte do título */
    }
    
    .page-header p {
        font-size: 0.9rem !important; /* Reduzir fonte do subtítulo */
    }
    
    /* Botões do header - empilhar em mobile */
    .header-actions {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .header-actions .btn {
        width: 100% !important;
        justify-content: center;
    }
    
    /* Filtros de data - empilhar */
    .filtros-data {
        flex-direction: column;
        gap: 15px;
    }
    
    .filtro-btns {
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .btn-filtro {
        font-size: 0.85rem;
        padding: 8px 12px;
    }
}