/* ── Estado badge ──────────────────────────────────────── */
            .estado-badge {
                font-size: .72rem;
                padding: .3rem .45rem;
                border-radius: .25rem;
                color: #fff;
                display: block;
                text-align: center;
                white-space: nowrap;
                font-weight: 600;
                width: 18vh;
            }

            /* ── Productos ─────────────────────────────────────────── */
            .productos-lista {
                font-size: .78rem; 
                /*max-width: 340px;*/ 
                max-width: 55vh;
            }
            .producto-item {
                padding: 4px 0;
                /*border-bottom: 1px solid rgba(0,0,0,.06);*/
                line-height: 1.35;
            }
            .producto-item:last-of-type { border-bottom: none; }
            .producto-titulo {
                word-break: break-word;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }
            .link-asin {
                color: #0d6efd;
                text-decoration: none;
                font-weight: 500;
            }
            .link-asin:hover { text-decoration: underline; }

            /* ── Stats bar ─────────────────────────────────────────── */
            .stats-bar {
                background: #fff;
                border: 1px solid #dee2e6;
                border-radius: .5rem;
            }
            .stat-item { min-width: 95px; text-align: center; }
            .stat-numero { font-size: 1.45rem; font-weight: 700; line-height: 1; }
            .stat-label {
                font-size: .63rem;
                text-transform: uppercase;
                letter-spacing: .05em;
                color: #6c757d;
                margin-top: 2px;
            }
            .stat-divider {
                width: 1px; background: #dee2e6; align-self: stretch;
            }

            /* ── Tabla ─────────────────────────────────────────────── */
            #tablaPedidos td { vertical-align: middle; }

            /* ── Link pedido ───────────────────────────────────────── */
            #tablaPedidos a.link-pedido {
                color: #0d6efd; text-decoration: none; font-size: .78rem;
            }
            #tablaPedidos a.link-pedido:hover {
                color: #0a58ca; text-decoration: underline;
            }

            /* ── Botón copiar ──────────────────────────────────────── */
            #tablaPedidos .btn-copy-order {
                opacity: 0; visibility: hidden;
                transition: opacity .15s, visibility .15s;
            }
            #tablaPedidos td:hover .btn-copy-order {
                opacity: 1; visibility: visible;
            }

            /* ── Headers ordenables ────────────────────────────────── */
            th.sortable-th {
                cursor: pointer;
                user-select: none;
                white-space: nowrap;
            }
            th.sortable-th:hover { background: rgba(0,0,0,.25); }

            /* ── Select2 usuario admin ─────────────────────────────── */
            .filtro-usuario-amazon + .select2-container { width: 100% !important; }
            .filtro-usuario-amazon + .select2-container .select2-selection--single {
                height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem;
                border: 1px solid #ced4da; border-radius: .375rem;
            }
            .filtro-usuario-amazon + .select2-container .select2-selection__rendered {
                padding-left: 0; padding-right: 1.5rem; line-height: 1.5; color: #212529;
            }
            .filtro-usuario-amazon + .select2-container .select2-selection__arrow {
                height: calc(1.5em + .75rem + 2px); right: 8px;
            }
            .filtro-usuario-amazon + .select2-container.select2-container--focus .select2-selection--single,
            .filtro-usuario-amazon + .select2-container.select2-container--open .select2-selection--single {
                border-color: #86b7fe;
                box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
            }

            /* ── Truck animation ───────────────────────────────────── */
            @keyframes moveTruck  { 0% { left: -120px; } 100% { left: 105%; } }
            @keyframes shakeTruck { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
            @keyframes blinkWind  { 0%, 50%, 100% { opacity: 0; } 25%, 75% { opacity: 1; } }
            #truckIcon.animating {
                animation: moveTruck 5s linear infinite, shakeTruck .3s ease-in-out infinite;
            }
            .mirrored-wind {
                animation: blinkWind 1s ease-in-out infinite;
                transform: scaleX(-1); display: inline-block;
            }
            /* ── Amazon Order Cards ───────────────────────────────────────── */
            .amazon-order-card {
                background: #fff;
                border: 1px solid #dee2e6;
                border-left: 4px solid #dee2e6;
                border-radius: .5rem;
                margin-bottom: .65rem;
                box-shadow: 0 1px 4px rgba(0,0,0,.07);
                overflow: hidden;
            }
            .amazon-order-card-header {
                background: #f8f9fa;
                border-bottom: 1px solid #e9ecef;
                padding: .55rem .8rem;
            }
            .amazon-order-card-section {
                padding: .5rem .8rem;
                border-bottom: 1px solid #f2f2f2;
                font-size: .82rem;
            }
            .amazon-order-card-section:last-child { border-bottom: none; padding-bottom: .7rem; }
            .amazon-card-section-label {
                font-size: .62rem; text-transform: uppercase; letter-spacing: .06em;
                color: #adb5bd; font-weight: 700; margin-bottom: .28rem;
            }
            .amazon-card-acciones > div { min-width: unset !important; width: 100%; }
            .amazon-card-acciones .d-flex.flex-column { width: 100%; }
            .amazon-card-acciones .btn,
            .amazon-card-acciones .dropdown,
            .amazon-card-acciones .dropdown > button { width: 100%; }
            .amazon-card-acciones .dropdown-menu { width: 100%; }

            /* ── Tabla escritorio ─────────────────────────────────────────── */
            /* ── Tabla escritorio ─────────────────────────────────────────── */
            .amazon-orders-table thead th {
                font-size: .71rem;
                text-transform: uppercase;
                letter-spacing: .04em;
                text-align: center;
            }
            .amazon-orders-table thead th:first-child {
                text-align: left;
            }
            .amazon-orders-table td {
                padding-top: .6rem;
                padding-bottom: .6rem;
                vertical-align: top;   /* elimina espacios vacíos entre columnas de distinta altura */
            }

            /* ── Productos mejorado ───────────────────────────────────────── */
            .producto-item {
                padding: 6px 0 6px 0;
                line-height: 1.4;
            }
            .producto-item:not(:last-of-type) {
                margin-bottom: 2px;
                /*border-bottom: 1px dashed rgba(0,0,0,.07);  más sutil que solid */
            }
            .producto-img {
                width: 36px; height: 36px;
                object-fit: contain;
                border-radius: 5px;
                border: 1px solid #e9ecef;
                flex-shrink: 0;
                cursor: pointer;
                transition: box-shadow .15s;
            }
            .producto-img:hover { box-shadow: 0 0 0 2px #0d6efd44; }

            /* ── Agencia columna ──────────────────────────────────────────── */
            .agencia-bloque { text-align: left; }
            .agencia-info {
                display: flex;
                align-items: center;
                gap: 7px;
            }
            .agencia-info img {
                width: 32px; height: 32px;
                border-radius: 6px;
                object-fit: contain;
                flex-shrink: 0;
            }
            .agencia-fecha {
                font-size: .72rem;
                color: #6c757d;
                line-height: 1.2;
            }
            .agencia-nombre {
                font-weight: 600;
                font-size: .82rem;
                line-height: 1.2;
                color: #212529;
                white-space: normal;
                word-break: break-word;
            }
            .agencia-tracking {
                margin-top: 3px;
                /*padding-left: 39px;  32px img + 7px gap */
                font-size: .67rem;
                line-height: 1.3;
                word-break: break-all;
            }
            .agencia-extra {
                padding-left: 39px;
                margin-top: 2px;
            }
            /* ── Card 2 columnas ──────────────────────────────────────────── */
            .amazon-order-card-body {
                display: grid;
                grid-template-columns: 44% 56%;
                align-items: start;
            }
            .amazon-order-card-col-left {
                border-right: 1px solid #f0f0f0;
            }
            .amazon-order-card-col-left .amazon-order-card-section,
            .amazon-order-card-col-right .amazon-order-card-section {
                border-bottom: 1px solid #f2f2f2;
            }
            .amazon-order-card-col-left .amazon-order-card-section:last-child,
            .amazon-order-card-col-right .amazon-order-card-section:last-child {
                border-bottom: none;
                padding-bottom: .7rem;
            }