/* Pedidos de la tienda en línea: en el cierre, en su revisión, en el Resumen y en Inicio (030) */

.tienda-ico { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* Un día de una sucursal (cierre y revisión) */
.tienda-dia {
  display: grid; gap: 4px; padding: 12px 14px; border-radius: var(--r);
  background: var(--basil-weak); border: 1px solid var(--line); color: var(--ink-2); font-size: 0.9375rem;
}
.tienda-tit { display: flex; align-items: center; gap: 7px; margin: 0 0 2px; font-weight: 700; color: var(--basil-txt); font-size: 0.875rem; }
.tienda-cifra { margin: 0; color: var(--ink); }
.tienda-cifra strong { font-variant-numeric: tabular-nums; white-space: nowrap; }
.tienda-pagos { margin: 0; font-variant-numeric: tabular-nums; }
.tienda-alerta { margin: 2px 0 0; }
.tienda-nota { margin: 0; color: var(--ink-3); font-size: 0.8125rem; }
.tienda-lista { margin-top: 6px; }
.tienda-lista summary { cursor: pointer; font-weight: 600; color: var(--basil-txt); min-height: 32px; display: flex; align-items: center; }
.tienda-lista summary::marker { content: ''; }
.tienda-lista summary::-webkit-details-marker { display: none; }
.tienda-lista summary::before { content: '▸'; display: inline-block; width: 1em; margin-right: 4px; transition: transform 0.15s; }
.tienda-lista[open] summary::before { transform: rotate(90deg); }
.tienda-lista ul { list-style: none; margin: 4px 0 0; padding: 0; display: grid; }
.tienda-ped {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 2px 10px; align-items: baseline;
  padding: 7px 0; border-top: 1px solid var(--line);
}
.tienda-ped-cod { font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
.tienda-ped-det { color: var(--ink-2); font-size: 0.875rem; min-width: 0; }
.tienda-ped-det small { display: block; font-size: 0.8125rem; }
.tienda-ped-monto { font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--ink); }
.tienda-ped-monto.tachado { text-decoration: line-through; color: var(--ink-3); font-weight: 500; }

/* En el formulario del cierre, debajo de las ventas */
.cierre-form .tienda-dia { margin-top: 2px; }
/* En la revisión, dentro del tiquete */
.rv-tiquete .tienda-dia { margin: 8px 0 4px; }

/* Resumen */
.bloque-tienda { margin-top: 16px; }
.tienda-h2 { display: flex; align-items: center; gap: 8px; }
.tienda-h2 .tienda-ico { width: 22px; height: 22px; color: var(--rojo, var(--tomato)); }
.tienda-con { margin: -4px 0 0; display: flex; align-items: center; gap: 7px; color: var(--ink-3); font-size: 0.875rem; }
.tienda-con-mal { color: var(--crust-txt); font-weight: 600; }
.tienda-punto { width: 8px; height: 8px; border-radius: 50%; background: var(--ok, var(--basil)); flex: none; }
.tienda-dos { display: grid; gap: 4px 28px; }
@media (min-width: 720px) { .tienda-dos { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.tienda-sub { margin: 0; font-size: 0.8125rem; font-weight: 700; color: var(--ink-3); }

/* Inicio: una línea debajo de los números de la cadena */
.ini-tienda {
  grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; padding-top: 12px;
  border-top: 1px solid var(--line-2); color: var(--ink-2); text-decoration: none; font-size: 0.9375rem;
}
.ini-tienda .tienda-ico { width: 22px; height: 22px; color: var(--rojo, var(--tomato)); }
.ini-tienda-txt { display: grid; gap: 1px; min-width: 0; }
.ini-tienda strong { color: var(--ink); font-variant-numeric: tabular-nums; }
.ini-tienda:hover .ini-tienda-txt > span:last-child { text-decoration: underline; text-underline-offset: 3px; }