/* Pestañas de las cuentas abiertas (núcleo), arriba de la columna del pedido. Iguales en todos los sistemas: empiezan y
   terminan a la misma altura que el buscador de la columna de productos y la primera va pegada a la esquina.
   El rubro solo dice dónde está su buscador: --caja-margen (de arriba al buscador) y --caja-busca (alto del buscador);
   si su columna del pedido tiene relleno a los costados, --pedido-relleno, y las pestañas lo cruzan hasta el borde. */
.pedidos-abiertos { display: flex; align-items: flex-end; gap: 4px; flex: none; height: calc(var(--caja-margen, 16px) + var(--caja-busca, 52px));
  margin: 0 calc(-1 * var(--pedido-relleno, 0px)); padding: var(--caja-margen, 16px) 16px 0 0; border-bottom: 1px solid var(--linea); background: var(--capa-2); overflow-x: auto; scrollbar-width: none; }
.pedidos-abiertos button { flex: none; height: var(--caja-busca, 52px); padding: 0 18px; border: 1px solid transparent; border-bottom: 0; border-radius: var(--r) var(--r) 0 0; background: none; color: var(--tinta-2); font-weight: 600; font-size: 14.5px; white-space: nowrap; }
.pedidos-abiertos button:hover { color: var(--tinta); }
.pedidos-abiertos button:first-child { border-left: 0; border-top-left-radius: 0; }
.pedidos-abiertos button[aria-selected="true"] { margin-bottom: -1px; border-color: var(--linea); border-left-color: var(--linea); background: var(--capa); color: var(--tinta); box-shadow: inset 0 2px 0 var(--acento); }
.pedidos-abiertos button[aria-selected="true"]:first-child { border-left: 0; }
.pedidos-abiertos .nuevo { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 4px; padding: 0; border-radius: var(--r); }
.pedidos-abiertos .nuevo:hover { background: var(--capa); } .pedidos-abiertos .nuevo .ico { width: 16px; height: 16px; }