/* Mesa compacta de preparación: el formato de copia es independiente de los controles. */
.bodega-vista { max-width: 100rem; padding-bottom: var(--esp-6); }
.bodega-panel { background-color: var(--color-superficie); border: 1px solid var(--color-borde); border-radius: var(--radio-lg); padding: var(--esp-5); }
.bodega-herramientas { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--esp-3); }
.bodega-herramientas .campo { flex: 1 1 20rem; }
.bodega-herramientas .boton { min-height: 2.75rem; }
.bodega-ayuda { margin-top: var(--esp-3); color: var(--color-texto-suave); font-size: var(--texto-sm); max-width: none; }
.bodega-aviso { min-height: 1.5em; margin-block: var(--esp-3); font-size: var(--texto-sm); }
.bodega-tabla-scroll { overflow: auto; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); }
.bodega-tabla { width: 100%; border-collapse: collapse; font-size: var(--texto-sm); text-align: left; }
.bodega-tabla th { background-color: var(--arena-clara); color: var(--color-texto-2); font-weight: var(--peso-semibold); white-space: nowrap; }
.bodega-tabla th, .bodega-tabla td { padding: 0.65rem 0.75rem; border-bottom: 1px solid var(--color-borde); vertical-align: middle; }
.bodega-tabla tr:last-child td { border-bottom: 0; }
.bodega-tabla tbody > tr:not(.bodega-editor):hover { background-color: var(--crema-media); }
.bodega-producto { min-width: 10rem; max-width: 16rem; }
.bodega-producto strong, .bodega-producto span { display: block; }
.bodega-producto strong { font-variant-numeric: tabular-nums; }
.bodega-producto span { color: var(--color-texto-suave); overflow-wrap: anywhere; }
.bodega-col-cedula, .bodega-col-telefono, .bodega-col-correo { white-space: nowrap; font-variant-numeric: tabular-nums; }
.bodega-col-cantidad { text-align: center; }
.bodega-col-nombre { min-width: 10rem; }
.bodega-col-direccion { min-width: 14rem; max-width: 22rem; }
.bodega-fila-acciones { display: grid; grid-template-columns: auto 1fr 1fr auto; gap: 0.4rem; min-width: 14rem; }
.bodega-fila-acciones .boton { min-height: 2.25rem; }
.bodega-fila--guardada { background-color: var(--accion-ok-velo); }
.bodega-editor { background-color: var(--arena-clara); }
.bodega-editor__cuerpo { padding: var(--esp-4); position: sticky; left: 0; width: min(68rem, calc(100vw - 7rem)); }
.bodega-editor__campos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--esp-4); }
.bodega-guia { min-width: 0; margin: 0; padding: 0; border: 0; }
.bodega-guia legend { padding: 0; margin-bottom: var(--esp-2); }
.bodega-guia .campo__ayuda { margin: 0 0 var(--esp-2); }
.bodega-guia__opciones { display: grid; gap: 0.35rem; }
.bodega-guia__opciones label { display: flex; align-items: center; gap: 0.6rem; min-height: 2.75rem; cursor: pointer; }
.bodega-guia__opciones input { flex: 0 0 auto; width: 1.1rem; height: 1.1rem; accent-color: var(--color-acento-fuerte); }
.bodega-guia__original, .bodega-guia__aviso { overflow-wrap: anywhere; margin: 0 0 var(--esp-2); }
.bodega-guia__original { font-weight: var(--peso-semibold); }
.bodega-guia__aviso { font-size: var(--texto-sm); }
.bodega-editor__acciones { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--esp-3); margin-top: var(--esp-4); }
.bodega-editor__acciones p { flex: 1 1 12rem; font-size: var(--texto-sm); }
.bodega-paginacion { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--esp-4); margin-top: var(--esp-4); font-size: var(--texto-sm); }
.bodega-copia { margin-top: var(--esp-4); min-height: 15rem; white-space: pre; font-family: monospace; }
@media (max-width: 48rem) {
  .bodega-panel { padding: var(--esp-3); }
  .bodega-editor__cuerpo { padding: var(--esp-2); width: calc(100vw - 5rem); }
  .bodega-editor__campos { grid-template-columns: 1fr; }
  .bodega-herramientas [data-copiar-todos] { width: 100%; }
}

.bodega-pago__resumen { display: flex; flex-wrap: wrap; gap: var(--esp-5); margin-block: var(--esp-4); }
.bodega-pago__resumen strong { display: block; font-size: var(--texto-lg); }
.bodega-pago__campos { display: grid; grid-template-columns: 1fr 1fr; gap: var(--esp-4); }
.bodega-pago [data-pagado] { margin-block: var(--esp-3); }
.bodega-pago [data-pagado][aria-pressed=true] { background: var(--accion-ok-velo); border-color: var(--accion-ok); }
.bodega-pago > .campo { margin-top: var(--esp-3); }
@media (max-width: 48rem) { .bodega-pago__campos { grid-template-columns: 1fr; } }