body {
    max-width: 100% !important;
}

.general_form .nolabel {
    width: 100% !important;
}

.background-blue {
    background-color: #dbeafe;
}

.background-green {
    background-color: #dcfce7;
}

.background-yellow {
    background-color: #fef3c7;
}

/*
 * La colonne stock_transaction matche par accident le sélecteur du thème
 * `td[data-column-index*="stock"]` (tailwind.config.js du surfaceCorePlugin),
 * qui force text-align:right + nowrap + font-weight:500 sur les colonnes
 * numériques. On rétablit l'alignement à gauche pour cette colonne précise.
 */
@layer surface.layouts {
    .table_wrapper td[data-column-index="stock_transaction"] {
        text-align: left !important;
        white-space: normal;
        font-weight: 400;
    }
}