/* Caja y arqueo que cuadren (modulos83.js): cortes y arqueo, diario de cajas, modificar fondo inicial. Solo variables del tema: claro y oscuro. */
.c83-barra { margin-bottom: 10px; }
.c83-barra .filtros button { min-height: 44px; }
.c83-campo { margin: 0; min-width: 0; }
.c83-campo input, .c83-campo select { min-height: 44px; }
.c83-filtros { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 14px; margin: 0 0 14px; }
.c83-filtros .c83-campo { flex: 0 1 220px; }
.c83-check { flex: 0 0 auto; min-height: 44px; }
.c83-franja { margin-bottom: 16px; }
.c83-franja .cifra.ok { color: var(--hoja); }
.c83-franja .cifra.negativo { color: var(--jitomate); }
.c83-tabla tr.clic { cursor: pointer; }
.c83-tabla tr.clic:focus-visible { outline: 3px solid var(--hoja); outline-offset: -3px; }
.c83-tabla td small { display: block; color: var(--tinta-suave); font-weight: 400; }
.c83-tabla td .btn.chico { min-height: 40px; padding: 0 12px; }
.c83-dia td { background: var(--papel-2); border-top: 2px solid var(--regla); }
.c83-dia .suave { color: var(--tinta-suave); font-weight: 400; }
.c83-dif { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: .84rem; font-weight: 700; white-space: nowrap; }
.c83-dif.cuadra { background: var(--hoja-fondo); color: var(--hoja); }
.c83-dif.sobra { background: var(--ambar-fondo); color: var(--ambar); }
.c83-dif.falta { background: var(--jitomate-fondo); color: var(--jitomate); }
.c83-quien { overflow-wrap: anywhere; }
#panel .corte-botones:has(#corte-fondo) { display: flex; flex-wrap: wrap; gap: 8px; }

/* modificar fondo inicial */
.c83-ff { text-align: left; }
.c83-ff .campo input[type=number], .c83-ff .campo input[type=text] { min-height: 44px; width: 100%; }
.c83-conteo { margin: 0 0 12px; border: 1px solid var(--regla); border-radius: 10px; padding: 0 12px; background: var(--blanco); }
.c83-conteo summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 700; }
.c83-conteo[open] { padding-bottom: 10px; }
.c83-dens { display: grid; grid-template-columns: repeat(auto-fill, minmax(116px, 1fr)); gap: 8px; }
.c83-den { display: flex; flex-direction: column; gap: 2px; font-size: .86rem; color: var(--tinta-suave); }
.c83-den input { min-height: 44px; width: 100%; padding: 0 8px; text-align: right; }
.c83-lista { display: grid; gap: 10px; }
.c83-turno { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; }
.c83-turno > div { min-width: 0; }
.c83-turno .nota { margin: 4px 0 0; }
@media (max-width: 640px) {
  .c83-filtros .c83-campo { flex: 1 1 100%; }
  .c83-turno { flex-direction: column; align-items: stretch; }
  .c83-turno .btn { width: 100%; }
  .c83-dens { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {          /* celular y reloj: cada turno es una tarjeta (nada se corta ni se recorre de lado) */
  table.tabla.c83-tabla, .c83-tabla tbody { display: block; overflow: visible; }
  .c83-tabla thead { display: none; }
  .c83-tabla tr[data-turno] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 10px; padding: 10px 4px; border-bottom: 1px solid var(--regla); }
  .c83-tabla tr[data-turno] td { display: block; padding: 0; border: 0; min-width: 0; background: transparent; }
  .c83-tabla tr[data-turno] td.nombre { grid-column: 1 / -1; }
  .c83-tabla tr[data-turno] td:nth-child(2) { text-align: left; }
  .c83-tabla tr[data-turno] td.oculta-chico { display: none; }
  .c83-tabla tr.c83-dia, .c83-tabla tr.c83-dia td { display: block; }
  .c83-tabla tr.c83-dia td { padding: 8px 6px; white-space: normal; }
}
@media (max-width: 300px) {
  .c83-dif { font-size: .76rem; padding: 2px 6px; }
}
.c83-dia .c83-dia-btn { float: right; margin-left: 10px; }