.tulipwork_orderstock-metabox table { width: 100%; border-collapse: collapse; }
.tulipwork_orderstock-metabox th, .tulipwork_orderstock-metabox td { padding: 10px; vertical-align: top; }
.tulipwork_orderstock-metabox th { width: 30%; text-align: right; font-weight: bold; }
.tulipwork_orderstock-metabox td { width: 70%; }
.tulipwork_orderstock-metabox input[type="number"], .tulipwork_orderstock-metabox select { width: 100%; max-width: 300px; }
.tulipwork_orderstock-metabox .packaging-field { display: flex; gap: 10px; }
.tulipwork_orderstock-metabox .packaging-field input[type="number"] { width: 100px; }
.tulipwork_orderstock-metabox .packaging-field select { width: 150px; }

/* Ajout pour responsivité sur petits écrans */
.tulipwork_orderstock-metabox {
    width: 100%;
    box-sizing: border-box;
}

/* Media query pour les petits écrans (moins de 768px) */
@media screen and (max-width: 768px) {
    .tulipwork_orderstock-metabox table {
        display: block;
    }

    .tulipwork_orderstock-metabox tr {
        display: block;
        margin-bottom: 15px;
    }

    .tulipwork_orderstock-metabox th,
    .tulipwork_orderstock-metabox td {
        display: block;
        width: 100%;
        text-align: left;
        padding: 5px 0;
    }

    .tulipwork_orderstock-metabox th {
        font-weight: bold;
        margin-bottom: 5px;
    }

    .tulipwork_orderstock-metabox td {
        padding-left: 0;
    }

    .tulipwork_orderstock-metabox input[type="number"],
    .tulipwork_orderstock-metabox select {
        width: 100%;
        max-width: none;
    }

    .tulipwork_orderstock-metabox .packaging-field {
        flex-direction: column;
        gap: 5px;
    }

    .tulipwork_orderstock-metabox .packaging-field input[type="number"],
    .tulipwork_orderstock-metabox .packaging-field select {
        width: 100%;
    }
}