/* Registre des offres — disposition seulement ; variantes et tonalités restent globales.
   Une seule feuille pour les deux écrans : ils partagent leur géométrie, et deux copies
   finiraient par ne plus rendre la même table. */

@layer components {
    .offer-cell-main {
        display: flex;
        flex-direction: column;
        gap: var(--canon-space-1);
        align-items: flex-start;
    }
    .offer-cell-actions {
        display: flex;
        flex-wrap: wrap;
        gap: var(--canon-space-2);
        align-items: center;
    }
    .table th:nth-child(n + 2) {
        width: 1%;
    }
    .table td:nth-child(5) {
        min-width: 14rem;
    }

    .table th:nth-child(n + 2) {
        white-space: nowrap;
    }
    .table td:nth-child(5) {
        white-space: normal;
    }
}