.order-item-label {
    background-color: orange; /* Couleur de fond */
    color: white; /* Couleur du texte */
    font-size: 12px; /* Taille du texte */
    font-weight: bold; /* Texte en gras */
    border-radius: 12px; /* Coins arrondis */
    padding: 2px 8px; /* Espace intérieur */
    text-align: center;
    line-height: 1; /* Évite de trop étirer le label */
    min-width: 24px; /* Largeur minimale pour les petits nombres */
    height: 24px; /* Assure une hauteur fixe pour un cercle */
    display: inline;
    align-items: center; /* Centre verticalement le texte */
    justify-content: center; /* Centre horizontalement le texte */
}

.ag-cell span {
  align-content: center;
}


.order-complement {
    background-color: red; /* Couleur de fond */
    color: white; /* Couleur du texte */
    font-size: 12px; /* Taille du texte */
    font-weight: bold; /* Texte en gras */
    border-radius: 12px; /* Coins arrondis */
    padding: 2px 8px; /* Espace intérieur */
    text-align: center;
    line-height: 1; /* Évite de trop étirer le label */
    min-width: 24px; /* Largeur minimale pour les petits nombres */
    height: 24px; /* Assure une hauteur fixe pour un cercle */
    display: inline;
    align-items: center; /* Centre verticalement le texte */
    justify-content: center; /* Centre horizontalement le texte */
}

.order-new {
    background-color: deepskyblue; /* Couleur de fond */
    color: white; /* Couleur du texte */
    font-size: 12px; /* Taille du texte */
    font-weight: bold; /* Texte en gras */
    border-radius: 12px; /* Coins arrondis */
    padding: 2px 8px; /* Espace intérieur */
    text-align: center;
    line-height: 1; /* Évite de trop étirer le label */
    min-width: 24px; /* Largeur minimale pour les petits nombres */
    height: 24px; /* Assure une hauteur fixe pour un cercle */
    display: inline;
    align-items: center; /* Centre verticalement le texte */
    justify-content: center; /* Centre horizontalement le texte */
}

.order-fulfilled {
    background-color: green; /* Couleur de fond */
    color: white; /* Couleur du texte */
    font-size: 12px; /* Taille du texte */
    font-weight: bold; /* Texte en gras */
    border-radius: 12px; /* Coins arrondis */
    padding: 2px 8px; /* Espace intérieur */
    text-align: center;
    line-height: 1; /* Évite de trop étirer le label */
    min-width: 24px; /* Largeur minimale pour les petits nombres */
    height: 24px; /* Assure une hauteur fixe pour un cercle */
    display: inline;
    align-items: center; /* Centre verticalement le texte */
    justify-content: center; /* Centre horizontalement le texte */
}

.order-draft {
    background-color: #6c757d;
    color: white;
}

.order-abandoned {
    background-color: #adb5bd;
    color: white;
}

.order-fulfilled {
    background-color: green;
    color: white;
}

.order-in-progress {
    background-color: #0d6efd;
    color: white;
}

.order-validated {
    background-color: #198754;
    color: white;
}

.order-transmitted {
    background-color: #20c997;
    color: white;
}

.order-received {
    background-color: #17a2b8;
    color: white;
}

.order-error {
    background-color: #fd7e14;
    color: white;
}

.order-awaiting-shipment {
    background-color: #ffc107;
    color: black;
}

.order-partially-delivered {
    background-color: #6610f2;
    color: white;
}

.order-delivered {
    background-color: #198754;
    color: white;
}

.order-seat-error {
    background-color: #e83e8c;
    color: white;
}

.order-received-at {
    background-color: #0dcaf0;
    color: white;
}

.order-seat-processed {
    background-color: #6f42c1;
    color: white;
}

.order-edi-error {
    background-color: #d63384;
    color: white;
}

.order-entered {
    background-color: #495057;
    color: white;
}

.order-settled {
    background-color: #198754;
    color: white;
}

.order-partial {
    background-color: #f8f9fa;
    color: #212529;
    border: 1px solid #ced4da;
}

/* Style commun pour tous */
[class^="order-"] {
    font-size: 12px;
    font-weight: bold;
    border-radius: 12px;
    padding: 2px 8px;
    text-align: center;
    line-height: 1;
    min-width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}