﻿<style >
/* Define largura fixa para cada coluna e evita que cresça */
table.table th, table.table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    /* Larguras aproximadas */
    table.table th:nth-child(1), table.table td:nth-child(1) {
        width: 100px;
    }
    /* Nr do pedido */
    table.table th:nth-child(2), table.table td:nth-child(2) {
        width: 150px;
    }
    /* Estabelecimento */
    table.table th:nth-child(3), table.table td:nth-child(3) {
        width: 120px;
    }
    /* Data registo */
    table.table th:nth-child(4), table.table td:nth-child(4) {
        width: 120px;
    }
    /* Data entrega */
    table.table th:nth-child(5), table.table td:nth-child(5) {
        width: 200px;
    }
    /* Notas */
    table.table th:nth-child(6), table.table td:nth-child(6) {
        width: 120px;
    }
    /* Registado por */
    table.table th:nth-child(7), table.table td:nth-child(7) {
        width: 100px;
    }
    /* Estado */
    table.table th:nth-child(8), table.table td:nth-child(8) {
        width: 50px;
    }
/* Ações */
/* Tooltip para mostrar texto completo ao passar o mouse */
table.table td {
    cursor: default;
}

    table.table td[title] {
        text-decoration: none;
    }


/* Grelha completa */
table.table {
    border-collapse: collapse; /* garante que as linhas se encontram */
    width: 100%;
}

    table.table th, table.table td {
        border: 1px solid #dee2e6; /* linhas horizontais e verticais */
        padding: 0.5rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    /* Header destacado */
    table.table thead th {
        background-color: #f8f9fa;
        position: sticky;
        top: 0;
        z-index: 2;
    }

    /* Sublinhar linha inteira ao passar o mouse */
    table.table tbody tr:hover td {
        background-color: #d6d6d6;
        cursor: pointer; /* mostra que a linha é clicável */
    }

table th, table td {
    white-space: nowrap; /* evita quebra de linha desnecessária */
    font-size: 0.9rem; /* diminui um pouco o tamanho da fonte */
    padding: 0.25rem 0.5rem;
}

.table-responsive {
    overflow-x: auto; /* garante scroll horizontal apenas se necessário */
}
</style >
