/* Style Liquid Glass pour tous les boutons standards (.btn) */
.btn:not(.btn-icon):not(.btn-text):not(.burger-icon) {
    border-radius: 30px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(5px);
}

.btn:not(.btn-icon):not(.btn-text):not(.burger-icon):hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    border-color: rgba(255, 255, 255, 0.4);
}

/* Animation de brillance (Shine Effect) pour tous les boutons */
.btn:not(.btn-icon):not(.btn-text):not(.burger-icon)::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: none;
    transform: skewX(-20deg);
    pointer-events: none;
}

.btn:not(.btn-icon):not(.btn-text):not(.burger-icon):hover::after {
    left: 100%;
    transition: left 0.5s ease-in-out;
}

/* Style Liquid Glass pour la barre de situation */
.liquid-glass-status {
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(5px);
    padding: 8px 15px;
    color: #ffffff !important;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

.liquid-glass-status:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    border-color: rgba(255, 255, 255, 0.4) !important;
    cursor: pointer;
}

/* Animation de brillance (Shine Effect) pour la barre de situation */
.liquid-glass-status::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: none;
    transform: skewX(-20deg);
    pointer-events: none;
    animation: shineLoop 5s infinite;
}

.liquid-glass-status:hover::after {
    left: 100%;
    transition: left 0.5s ease-in-out;
}

/* FIX: Animation spécifique pour les éléments <select> qui ne supportent pas ::after */
select.liquid-glass-status {
    /* On utilise background-image car ::after ne fonctionne pas sur les select */
    /* !important est nécessaire pour surcharger le style inline injecté par le JS */
    background-image: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, 0.4) 50%, transparent 70%) !important;
    background-size: 200% 100% !important;
    background-position: 100% 0 !important;
    background-repeat: no-repeat !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background-position 0.5s ease-in-out !important;
    animation: shineLoopSelect 5s infinite !important;
}

select.liquid-glass-status:hover {
    background-position: 0 0 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    border-color: rgba(255, 255, 255, 0.4) !important;
}

/* Animation de pulsation */
@keyframes pulse-glass {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.pulse-animation {
    animation: pulse-glass 0.5s ease-in-out;
}

/* Keyframes pour l'effet de brillance en boucle (div/span) */
@keyframes shineLoop {
    0% { left: -100%; }
    20% { left: 100%; }
    100% { left: 100%; }
}

/* Keyframes pour l'effet de brillance en boucle (select) */
@keyframes shineLoopSelect {
    0% { background-position: 100% 0; }
    20% { background-position: 0 0; }
    100% { background-position: 0 0; }
}

/* --- Modern Table Style (Arrondi & Épuré) --- */

/* Arrondir le conteneur du tableau */
.card-body .table-responsive,
.card-body .table-responsive-md,
.card-body .table-responsive-lg,
.card-body .table-responsive-xl,
.card-body .table-responsive-sm {
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    overflow-x: auto; /* Permettre le défilement horizontal sur mobile */
    border: 1px solid #ebedf3;
    padding: 0 !important;
    /* Effet d'ombre pour indiquer le défilement horizontal */
    background:
        linear-gradient(to right, #ffffff 30%, rgba(255, 255, 255, 0)),
        linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 70%) 100% 0,
        radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
        radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 100% 0;
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
    background-attachment: local, local, scroll, scroll;
    animation: shadowPulse 2s ease-in-out 3, borderShine 4s infinite ease-in-out; /* Clignotement + Bordure brillante */
}

/* Personnalisation de la barre de défilement pour le style Liquid Glass */
.card-body .table-responsive::-webkit-scrollbar,
.card-body .table-responsive-md::-webkit-scrollbar,
.card-body .table-responsive-lg::-webkit-scrollbar,
.card-body .table-responsive-xl::-webkit-scrollbar,
.card-body .table-responsive-sm::-webkit-scrollbar {
    height: 8px; /* Hauteur de la barre de défilement horizontale */
}

.card-body .table-responsive::-webkit-scrollbar-track,
.card-body .table-responsive-md::-webkit-scrollbar-track,
.card-body .table-responsive-lg::-webkit-scrollbar-track,
.card-body .table-responsive-xl::-webkit-scrollbar-track,
.card-body .table-responsive-sm::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

.card-body .table-responsive::-webkit-scrollbar-thumb,
.card-body .table-responsive-md::-webkit-scrollbar-thumb,
.card-body .table-responsive-lg::-webkit-scrollbar-thumb,
.card-body .table-responsive-xl::-webkit-scrollbar-thumb,
.card-body .table-responsive-sm::-webkit-scrollbar-thumb {
    background: rgba(54, 153, 255, 0.5); /* Bleu semi-transparent */
    border-radius: 4px;
}

.card-body .table-responsive::-webkit-scrollbar-thumb:hover,
.card-body .table-responsive-md::-webkit-scrollbar-thumb:hover,
.card-body .table-responsive-lg::-webkit-scrollbar-thumb:hover,
.card-body .table-responsive-xl::-webkit-scrollbar-thumb:hover,
.card-body .table-responsive-sm::-webkit-scrollbar-thumb:hover {
    background: rgba(54, 153, 255, 0.8);
}

/* Réinitialiser les bordures des tableaux ciblés */
.card-body .table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 0;
    border: none !important;
    width: 100%;
}

/* Style des en-têtes */
.card-body .table thead th {
    background: linear-gradient(135deg, #dbedfc 0%, #67b5ff 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    font-weight: 600;
    padding: 15px;
    border-top: none;
    border-bottom: 1px solid #ebedf3 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.9rem;
    white-space: nowrap; /* Empêcher le retour à la ligne pour forcer le scroll horizontal */
}

/* Arrondir les coins supérieurs du tableau */
.card-body .table thead tr:first-child th:first-child {
    border-top-left-radius: 15px;
}
.card-body .table thead tr:first-child th:last-child {
    border-top-right-radius: 15px;
}

/* Arrondir les coins inférieurs du tableau */
.card-body .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
}
.card-body .table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
}

/* Style des cellules */
.card-body .table tbody td {
    padding: 15px;
    border-top: 1px solid #ebedf3;
    vertical-align: middle;
    white-space: nowrap; /* Empêcher le retour à la ligne pour forcer le scroll horizontal */
}

/* Effet de survol moderne sur les lignes */
.card-body .table tbody tr {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s;
}

.card-body .table tbody tr:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    z-index: 1;
    position: relative;
}

/* --- Animation d'apparition progressive des lignes (Fade-in Up) --- */

@keyframes fadeInUpRow {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.table tbody tr {
    animation: fadeInUpRow 0.5s ease-out forwards;
    opacity: 0; /* Masqué initialement pour éviter le flash avant l'animation */
}

/* Délais en cascade pour créer l'effet "vague" sur les premières lignes */
.table tbody tr:nth-child(1) { animation-delay: 0.05s; }
.table tbody tr:nth-child(2) { animation-delay: 0.1s; }
.table tbody tr:nth-child(3) { animation-delay: 0.15s; }
.table tbody tr:nth-child(4) { animation-delay: 0.2s; }
.table tbody tr:nth-child(5) { animation-delay: 0.25s; }
.table tbody tr:nth-child(6) { animation-delay: 0.3s; }
.table tbody tr:nth-child(7) { animation-delay: 0.35s; }
.table tbody tr:nth-child(8) { animation-delay: 0.4s; }
.table tbody tr:nth-child(9) { animation-delay: 0.45s; }
.table tbody tr:nth-child(10) { animation-delay: 0.5s; }
.table tbody tr:nth-child(11) { animation-delay: 0.55s; }
.table tbody tr:nth-child(12) { animation-delay: 0.6s; }
.table tbody tr:nth-child(13) { animation-delay: 0.65s; }
.table tbody tr:nth-child(14) { animation-delay: 0.7s; }
.table tbody tr:nth-child(15) { animation-delay: 0.75s; }

/* --- Animation Flash (Mise à jour ligne) --- */
@keyframes flashRowEffect {
    0% { background-color: rgba(255, 255, 255, 0); }
    25% { background-color: rgba(28, 200, 138, 0.3); box-shadow: inset 0 0 20px rgba(28, 200, 138, 0.2); }
    100% { background-color: rgba(255, 255, 255, 0); }
}

.flash-row {
    animation: flashRowEffect 1.5s ease-out;
}

/* --- Animation Flash Erreur (Rouge) --- */
@keyframes flashRowErrorEffect {
    0% { background-color: rgba(255, 255, 255, 0); }
    25% { background-color: rgba(246, 78, 96, 0.3); box-shadow: inset 0 0 20px rgba(246, 78, 96, 0.2); }
    100% { background-color: rgba(255, 255, 255, 0); }
}

/* --- Animation Secousse (Shake) --- */
@keyframes shakeError {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}

.flash-row-error {
    animation: flashRowErrorEffect 1.5s ease-out, shakeError 0.5s ease-in-out;
}

/* Animation pour faire pulser l'ombre de défilement */
@keyframes shadowPulse {
    0% { background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%; }
    50% { background-size: 40px 100%, 40px 100%, 25px 100%, 25px 100%; }
    100% { background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%; }
}

/* Animation de bordure brillante (Liquid Glass) */
@keyframes borderShine {
    0% { border-color: rgba(235, 237, 243, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    50% { border-color: rgba(54, 153, 255, 0.6); box-shadow: 0 0 30px rgba(54, 153, 255, 0.25); }
    100% { border-color: rgba(235, 237, 243, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
}

/* --- Animation Swipe pour Mobile --- */
@media (max-width: 991px) {
    .card-body .table-responsive,
    .card-body .table-responsive-md,
    .card-body .table-responsive-lg,
    .card-body .table-responsive-xl,
    .card-body .table-responsive-sm {
        /* Ajout de l'icône de flèche en SVG (encodée) */
        background:
            /* Masque Droit (Local) - Cache la flèche et l'ombre à la fin du scroll */
            linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 70%) 100% 0,
            /* Flèche (Scroll) - Fixe à droite */
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233699FF' width='32' height='32'%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'/%3E%3C/svg%3E"),
            /* Masque Gauche (Local) */
            linear-gradient(to right, #ffffff 30%, rgba(255, 255, 255, 0)),
            /* Ombre Gauche (Scroll) */
            radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
            /* Ombre Droite (Scroll) */
            radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 100% 0;
        background-repeat: no-repeat;
        background-color: #ffffff;
        background-size: 40px 100%, 32px 32px, 40px 100%, 14px 100%, 14px 100%;
        background-attachment: local, scroll, local, scroll, scroll;
        background-position: 100% 0, right 10px center, 0 0, 0 0, 100% 0;
        animation: bounceArrowMobile 2s infinite;
    }
}

@keyframes bounceArrowMobile {
    0%, 100% { background-position: 100% 0, right 10px center, 0 0, 0 0, 100% 0; }
    50% { background-position: 100% 0, right 2px center, 0 0, 0 0, 100% 0; }
}

/* Style du champ de recherche DataTables Liquid Glass */
div.dataTables_filter label {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

div.dataTables_filter input {
    margin-left: 0.5em !important;
    display: inline-block !important;
    width: 250px !important;
    border-radius: 20px !important; /* Arrondi Liquid Glass */
    padding: 0.5rem 1rem 0.5rem 2.5rem !important; /* Espace à gauche pour l'icône */
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(5px) !important;
    /* Icône de loupe en SVG encodé */
    background-image: url("../../assets/media/svg/icons/General/Search.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 12px center !important;
    background-size: 20px !important;
    transition: all 0.3s ease !important;
}

div.dataTables_filter input:focus {
    border-color: #FFA800 !important;
    box-shadow: 0 4px 10px rgba(255, 168, 0, 0.15) !important;
    background-color: #ffffff !important;
    background-size: 24px !important; /* Agrandissement de l'icône */
    background-position: 10px center !important; /* Réajustement pour garder le centrage */
}

/* Style du menu de sélection du nombre de lignes (Afficher X éléments) */
div.dataTables_length label {
    display: inline-flex !important;
    align-items: center !important;
    margin-bottom: 0 !important;
}

div.dataTables_length select {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
    display: inline-block !important;
    width: auto !important;
    border-radius: 20px !important;
    padding: 0.3rem 2rem 0.3rem 1rem !important; /* Espace pour la flèche personnalisée */
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(5px) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    /* Flèche personnalisée bleue */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233699FF'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 5px center !important;
    background-size: 20px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

div.dataTables_length select:focus {
    border-color: #3699FF !important;
    box-shadow: 0 4px 10px rgba(54, 153, 255, 0.15) !important;
    background-color: #ffffff !important;
    outline: none !important;
}

/* Liquid Glass Style for SweetAlert2 */
.swal2-popup.liquid-glass-modal {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37) !important;
}

/* Style spécifique pour les Toasts SweetAlert2 (Notifications) */
.swal2-popup.swal2-toast.liquid-glass-modal {
    background: rgba(255, 255, 255, 0.4) !important; /* Même transparence que Toastr */
    padding: 0.5em 1em !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
}

.swal2-popup.swal2-toast.liquid-glass-modal .swal2-title {
    margin: 0 0.5em !important;
    font-size: 1rem !important;
}

.swal2-title.liquid-glass-title {
    color: #3f4254 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.swal2-html-container.liquid-glass-content {
    color: #5e6278 !important;
    font-weight: 500;
}

.swal2-confirm.liquid-glass-confirm {
    background: linear-gradient(135deg, rgba(54, 153, 255, 0.9) 0%, rgba(0, 85, 170, 0.9) 100%) !important;
    box-shadow: 0 4px 15px rgba(54, 153, 255, 0.4) !important;
    border: none !important;
}

.swal2-cancel.liquid-glass-cancel {
    background: rgba(255, 255, 255, 0.5) !important;
    color: #7E8299 !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.swal2-cancel.liquid-glass-cancel:hover {
    background: rgba(255, 255, 255, 0.8) !important;
}

/* Liquid Glass Style for Bootstrap Modals */
.modal-content {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37) !important;
}

.modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}

/* Animation fluide à l'ouverture des modales */
.modal.fade .modal-dialog {
    transform: scale(0.95);
    transition: transform 0.3s ease-out;
}

.modal.show .modal-dialog {
    transform: scale(1);
}

/* Liquid Glass Style for Toastr Notifications */
#toast-container > .toast {
    background-color: rgba(255, 255, 255, 0.4) !important; /* Fond plus transparent */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15) !important;
    /* color: #3F4254 !important; Supprimé pour permettre la couleur spécifique */
    opacity: 1 !important;
    transition: all 0.3s ease;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    background-size: 24px !important;
    padding-left: 50px !important;
}

#toast-container > .toast:hover {
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25) !important;
    transform: translateY(-2px);
}

#toast-container > .toast-success { 
    border-left: 10px solid #08b5cc !important; 
    color: #08b5cc  !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231BC5BD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
#toast-container > .toast-error { 
    border-left: 10px solid #F64E60 !important; 
    color: #F64E60 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F64E60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='15' y1='9' x2='9' y2='15'%3E%3C/line%3E%3Cline x1='9' y1='9' x2='15' y2='15'%3E%3C/line%3E%3C/svg%3E") !important;
}
#toast-container > .toast-info { 
    border-left: 10px solid #8950FC !important; 
    color: #8950FC !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238950FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'%3E%3C/line%3E%3C/svg%3E") !important;
}
#toast-container > .toast-warning { 
    border-left: 10px solid #FFA800 !important; 
    color: #FFA800 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFA800' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3E%3C/path%3E%3Cline x1='12' y1='9' x2='12' y2='13'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E") !important;
}

#toast-container > .toast .toast-title { font-weight: 700 !important; color: inherit !important; }
#toast-container > .toast .toast-message { color: inherit !important; }

#toast-container > .toast .toast-close-button {
    color: inherit !important;
    text-shadow: none !important;
    opacity: 0.5;
}
#toast-container > .toast .toast-close-button:hover { color: inherit !important; opacity: 1; }

@media print {
    /* Styles spécifiques pour l'impression du modal de commande sur le frontend (index.php, customerOrders.php) */
    #orderViewForPrint .table-responsive {
        border: 1px solid #6993FF !important; /* Force la couleur bleue du modal */
        border-radius: 15px !important;
        overflow: hidden !important;
        break-inside: avoid;
    }

    #orderViewForPrint .table {
        border-collapse: separate !important; /* Crucial pour les coins arrondis */
        border-spacing: 0 !important;
        margin-bottom: 0 !important;
        width: 100% !important;
    }

    /* Style Liquid Glass pour l'en-tête à l'impression */
    #orderViewForPrint .table thead th {
        background: linear-gradient(135deg, #dbedfc 0%, #67b5ff 100%) !important;
        color: #ffffff !important;
        border-bottom: 1px solid #6993FF !important;
        border-top: none !important;
        -webkit-print-color-adjust: exact !important; /* Force l'impression du fond coloré */
        print-color-adjust: exact !important;
    }

    /* Application des arrondis aux 4 coins du tableau */
    #orderViewForPrint .table thead tr:first-child th:first-child { border-top-left-radius: 14px !important; }
    #orderViewForPrint .table thead tr:first-child th:last-child { border-top-right-radius: 14px !important; }
    #orderViewForPrint .table tbody tr:last-child td:first-child { border-bottom-left-radius: 14px !important; }
    #orderViewForPrint .table tbody tr:last-child td:last-child { border-bottom-right-radius: 14px !important; }
    
    /* Force la couleur de bordure des cellules */
    #orderViewForPrint .table th, #orderViewForPrint .table td { border-color: #6993FF !important; }

    /* Masquer les boutons d'action lors de l'impression */
    #printFooterButton { display: none !important; }
}