/* Cada pedido reúne su entrega, un único saldo y la recepción de sus productos. */
.logistica-vista { max-width: 88rem; margin: 0 auto; padding: var(--esp-6) var(--esp-5); }
.logistica-cabecera, .logistica-busqueda, .logistica-producto > header,
.logistica-pedido__cabecera, .logistica-pedido__resumen, .logistica-paginacion { display: flex; align-items: center; justify-content: space-between; gap: var(--esp-4); }
.logistica-cabecera { margin-bottom: var(--esp-5); }
.logistica-cabecera h1 { margin-bottom: var(--esp-2); }
.logistica-cabecera p { color: var(--color-texto-suave); }
.logistica-bandejas { display: flex; gap: var(--esp-2); border-bottom: 1px solid var(--color-borde); padding-bottom: var(--esp-3); margin-bottom: var(--esp-5); }
.logistica-bandejas button { display: inline-flex; align-items: center; gap: var(--esp-2); min-height: 2.75rem; padding: var(--esp-3) var(--esp-4); border: 1px solid transparent; border-radius: var(--radio-sm); font-size: var(--texto-sm); font-weight: var(--peso-semibold); color: var(--color-texto-suave); }
.logistica-bandejas button:hover { background-color: var(--crema-media); }
.logistica-bandejas [aria-pressed='true'] { background-color: var(--dorado-velo); border-color: var(--dorado-arena); color: var(--color-texto); }
.logistica-bandejas [data-bandeja='recibidos'][aria-pressed='true'] { background-color: var(--accion-ok-velo); border-color: var(--accion-ok); color: var(--accion-ok-oscuro); }
.logistica-bandejas [data-bandeja='recibidos'][aria-pressed='true'] .icono { color: inherit; }
.logistica-busqueda { align-items: end; }
.logistica-busqueda .campo { flex: 1; margin: 0; }
.logistica-busqueda .boton { min-height: 2.75rem; }
.logistica-aviso { min-height: 1.5em; margin-block: var(--esp-3); font-size: var(--texto-sm); color: var(--color-texto-2); }
.logistica-productos { display: grid; gap: var(--esp-5); }
.logistica-pedido { padding: var(--esp-5); box-shadow: none; border: 1px solid var(--color-borde); background-color: var(--color-superficie); }
.logistica-pedido h2 { font-size: var(--texto-lg); margin: 0 0 var(--esp-1); }
.logistica-pedido__cabecera > div { min-width: 0; overflow-wrap: anywhere; }
.logistica-pedido p { margin: var(--esp-1) 0; overflow-wrap: anywhere; }
.logistica-conteo { color: var(--color-texto-suave); font-size: var(--texto-sm); }
.logistica-dato-titulo { display: flex; align-items: center; gap: var(--esp-2); min-width: 0; }
.logistica-dato-titulo > span { min-width: 0; overflow-wrap: anywhere; }
.logistica-copiar { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 32px; height: 32px; padding: 0; border: 1px solid var(--color-borde); border-radius: var(--radio-xs); color: var(--color-texto-suave); background: transparent; cursor: pointer; }
.logistica-copiar:hover { color: var(--color-texto); background: var(--dorado-velo); border-color: var(--dorado-arena); }
.logistica-copiar:focus-visible { outline: 2px solid var(--color-foco); outline-offset: 2px; }
.logistica-copiar:disabled { opacity: .6; cursor: wait; }
.logistica-pedido__cabecera { flex-wrap: wrap; }
.logistica-debe { margin: 0; text-align: right; flex-shrink: 0; }
.logistica-debe dt, .logistica-importes dt { font-size: var(--texto-sm); color: var(--color-texto-suave); }
.logistica-debe dd { margin: var(--esp-1) 0 0; font-size: var(--texto-xl); font-weight: var(--peso-semibold); font-variant-numeric: tabular-nums; }
.logistica-debe dd { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: var(--esp-2); }
.logistica-debe dd > span { white-space: nowrap; }
.logistica-pedido__entrega { display: grid; grid-template-columns: 1fr 1.5fr; gap: var(--esp-5); padding-block: var(--esp-4); margin-top: var(--esp-3); border-top: 1px solid var(--color-borde); }
.logistica-pedido__entrega > section { min-width: 0; }
.logistica-pedido__entrega h3 { font-size: var(--texto-sm); color: var(--color-texto-suave); font-weight: var(--peso-medio); margin: 0 0 var(--esp-1); }
.logistica-direccion { display: grid; grid-template-columns: 1fr 1.3fr; gap: var(--esp-4); }
.logistica-direccion > div { min-width: 0; }
.logistica-pedido__resumen { padding: var(--esp-3) 0; border-top: 1px solid var(--color-borde); font-size: var(--texto-sm); }
.logistica-pedido__resumen [data-llegadas] { font-weight: var(--peso-semibold); color: var(--dorado-texto); }
.logistica-pedido__resumen .sin-pendientes { color: var(--accion-ok-oscuro); }
.logistica-pedido__productos { display: grid; gap: var(--esp-2); }
.logistica-producto { padding: var(--esp-4); border: 1px solid var(--color-borde); border-left: 3px solid var(--dorado-arena); border-radius: var(--radio-sm); background-color: color-mix(in srgb, var(--crema-media) 35%, var(--color-superficie)); transition: background-color var(--dur-media) linear, border-color var(--dur-media) linear; }
.logistica-producto.es-recibido { border-color: color-mix(in srgb, var(--accion-ok) 28%, var(--color-borde)); border-left-color: var(--accion-ok); background-color: color-mix(in srgb, var(--accion-ok-velo) 70%, var(--color-superficie)); }
.logistica-producto > header { align-items: start; margin-bottom: var(--esp-3); }
.logistica-producto h3 { font-size: var(--texto-sm); font-weight: var(--peso-medio); margin: 0; color: var(--color-texto-suave); padding-top: 0.35rem; }
.logistica-estado { display: inline-flex; align-items: center; gap: 0.4rem; border-radius: var(--radio-pastilla); padding: 0.35rem 0.65rem; background-color: var(--crema-media); color: var(--color-texto-2); font-size: var(--texto-sm); font-weight: var(--peso-semibold); text-align: right; }
.es-recibido .logistica-estado { background-color: var(--accion-ok-velo); color: var(--accion-ok-oscuro); }
.es-recibido .logistica-estado .icono { color: inherit; }
.logistica-producto__datos { display: grid; grid-template-columns: minmax(0, 1fr) minmax(8rem, 0.6fr) minmax(13rem, 0.9fr); align-items: center; gap: var(--esp-4); }
.logistica-producto__nombre { min-width: 0; overflow-wrap: anywhere; }
.logistica-producto__nombre strong { font-size: var(--texto-base); font-weight: var(--peso-semibold); }
.logistica-producto__nombre p { font-size: var(--texto-sm); }
.logistica-producto__orden { margin-top: var(--esp-4); overflow-wrap: anywhere; }
.logistica-enlace { display: inline-flex; align-items: center; gap: var(--esp-1); margin-top: var(--esp-1); padding: var(--esp-1) 0; font-size: var(--texto-sm); color: var(--dorado-texto); }
.logistica-enlace:hover { text-decoration: underline; }
.logistica-importes { margin: 0; }
.logistica-importes dd { margin: var(--esp-1) 0 0; font-size: var(--texto-base); font-weight: var(--peso-semibold); font-variant-numeric: tabular-nums; }
.logistica-accion { display: grid; justify-items: end; gap: var(--esp-2); min-width: 0; font-size: var(--texto-sm); text-align: right; }
.logistica-accion [data-resultado]:empty { display: none; }
.logistica-recibir { min-height: 3rem; padding: var(--esp-3); background-color: var(--dorado-velo); border-color: var(--dorado-arena); color: var(--color-texto); }
.logistica-recibir:hover:not(:disabled) { background-color: var(--amarillo-marca); border-color: var(--dorado-bronce); }
.logistica-recibir .icono { width: 1.4rem; height: 1.4rem; color: var(--dorado-texto); flex-shrink: 0; }
.logistica-paginacion { justify-content: center; margin-top: var(--esp-5); font-size: var(--texto-sm); }
@media (max-width: 64rem) {
  .logistica-direccion { grid-template-columns: 1fr; gap: var(--esp-3); }
}
@media (max-width: 48rem) {
  .logistica-vista { padding: var(--esp-5) var(--esp-4); }
  .logistica-cabecera, .logistica-busqueda, .logistica-pedido__resumen { flex-wrap: wrap; }
  .logistica-bandejas { display: grid; grid-template-columns: 1fr 1fr; }
  .logistica-bandejas button { padding: var(--esp-2); text-align: left; }
  .logistica-busqueda .campo { flex-basis: 100%; }
  .logistica-pedido { padding: var(--esp-4); }
  .logistica-pedido__cabecera { align-items: start; gap: var(--esp-2); }
  .logistica-debe { margin-left: auto; max-width: 100%; }
  .logistica-debe dd { font-size: var(--texto-lg); }
  .logistica-pedido__entrega { grid-template-columns: 1fr; gap: var(--esp-3); }
  .logistica-pedido__resumen { gap: var(--esp-1); }
  .logistica-producto { padding: var(--esp-3); }
  .logistica-producto__datos { grid-template-columns: 1fr; gap: var(--esp-3); }
  .logistica-accion { text-align: left; justify-items: stretch; }
  .logistica-producto > header { gap: var(--esp-2); }
  .logistica-estado { max-width: 58%; font-size: var(--texto-xs); }
  .logistica-paginacion { flex-wrap: wrap; }
}
@media (pointer: coarse) { .logistica-copiar { width: 44px; height: 44px; } }
@media (prefers-reduced-motion: reduce) { .logistica-producto { transition: none; } }