/* Caja y turnos D. Solo presentación; los pasos y datos pertenecen al panel. */
:is(#modalCaja,#modalResumenCierre,#modalCajaChica,#modalHistorialCajas,#modalCajaOlvidada,#modalAvisoCajaOlvidada,#modalEquiposVinculados){--ih-naranja:#a74725;font-family:'Plus Jakarta Sans',sans-serif;color:#3b2b24}
:is(#modalCaja,#modalResumenCierre,#modalCajaChica,#modalHistorialCajas,#modalCajaOlvidada,#modalAvisoCajaOlvidada,#modalEquiposVinculados) *{box-sizing:border-box;min-width:0;overflow-wrap:anywhere}
:is(#modalCaja,#modalResumenCierre,#modalCajaChica,#modalHistorialCajas,#modalCajaOlvidada,#modalAvisoCajaOlvidada,#modalEquiposVinculados)>.caja{background:#faf8f5;color:#3b2b24;width:100%;max-width:620px;max-height:90dvh;overflow-y:auto;border:1px solid #e7dcd3;border-radius:18px;text-align:left}
:is(#modalCaja,#modalResumenCierre,#modalCajaChica,#modalHistorialCajas,#modalCajaOlvidada,#modalAvisoCajaOlvidada,#modalEquiposVinculados) button{min-height:48px;min-width:48px;height:auto;font-family:inherit;white-space:normal;transition:background-color 180ms}
:is(#modalCaja,#modalResumenCierre,#modalCajaChica,#modalHistorialCajas,#modalCajaOlvidada,#modalAvisoCajaOlvidada,#modalEquiposVinculados) :focus-visible{outline:3px solid #a74725;outline-offset:2px}
:is(#modalCaja,#modalResumenCierre,#modalCajaChica,#modalHistorialCajas,#modalCajaOlvidada,#modalAvisoCajaOlvidada,#modalEquiposVinculados) :is(input:not([type=checkbox]):not([type=radio]),select){min-height:48px;max-width:100%;color:#3b2b24;background:#fff;border:1px solid #e7dcd3;border-radius:10px;font-family:inherit}
:is(#modalCaja,#modalResumenCierre,#modalCajaChica,#modalHistorialCajas,#modalCajaOlvidada,#modalAvisoCajaOlvidada,#modalEquiposVinculados) :is(.btn-secundario,.btn-volver-mercaderia){background:#fff;color:#3b2b24;border:1px solid #e7dcd3;border-radius:12px;padding:12px}
:is(#modalCaja,#modalResumenCierre,#modalCajaChica,#modalHistorialCajas,#modalCajaOlvidada,#modalAvisoCajaOlvidada,#modalEquiposVinculados) .btn-cerrar-modal{background:#a74725;color:#fff;border-radius:12px}
:is(#modalCaja,#modalCajaChica) .btn-confirmar-caja{background:#a74725!important;color:#fff;min-height:56px;padding:12px;flex-wrap:wrap;gap:4px}
#modalCaja{background:#3b2b2466}
#modalCaja>.caja{height:auto;min-height:0;padding:0;display:flex;flex-direction:column}
#modalCaja .fondo-caja-turno{background:#faf8f5;color:#3b2b24;padding:18px;border-bottom:1px solid #e7dcd3}
#modalCaja .fila-topbar-caja{gap:8px;flex-wrap:wrap;margin-bottom:20px}
#modalCaja .pills-topbar-caja{flex-wrap:wrap!important;gap:8px;max-width:100%}
#modalCaja :is(.btn-x-caja-turno,.pill-topbar-caja){color:#3b2b24!important;background:#fff!important;border:1px solid #e7dcd3!important;border-radius:14px;padding:10px}
#modalCaja .titulo-caja-turno{color:#3b2b24;font-size:24px;font-weight:800}
:is(#modalCaja,#modalAvisoCajaOlvidada) :is(.subt-caja-turno,.caption-caja-turno){color:#76665c!important;font-size:13px;line-height:1.5}
:is(#modalCaja,#modalCajaChica) .monto-grande-caja{font-family:'IBM Plex Mono',monospace!important;font-size:clamp(28px,8vw,40px);color:#3b2b24;line-height:1.3}
#modalCaja .hoja-teclado-caja{background:#faf8f5;border-radius:0;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:none}
:is(#modalCaja,#modalCajaChica) .teclado-numerico-caja{grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid #e7dcd3;border-radius:16px;padding:8px;gap:8px}
:is(#modalCaja,#modalCajaChica) .teclado-numerico-caja button{font-family:'IBM Plex Mono',monospace!important;background:#faf8f5;color:#3b2b24;border-radius:12px;height:52px}
#modalCaja :is(.fila-esperado-caja,.fila-contado-caja){display:flex;flex-wrap:wrap;gap:10px;background:#fff;border:1px solid #e7dcd3;border-radius:16px;padding:16px}
#modalCaja .grid-desglose-caja{grid-template-columns:repeat(2,minmax(0,1fr));background:#fff;border:1px solid #e7dcd3;border-radius:16px;gap:12px;padding:16px}
#modalCaja .grid-desglose-caja .etiqueta-dg{color:#76665c!important}
#modalCaja .grid-desglose-caja .valor-dg{color:#3b2b24!important;font-family:'IBM Plex Mono',monospace!important}
#modalCaja .grid-desglose-caja .valor-dg.positivo{color:#286344!important}
#modalCaja .grid-desglose-caja .valor-dg.negativo{color:#9b2923!important}
#modalCaja .pill-diferencia-caja{padding:8px 12px;border-radius:999px;font-weight:800}
#modalCaja .pill-diferencia-caja.cuadra{color:#286344;background:#e8f2eb}
#modalCaja .pill-diferencia-caja.falta{color:#9b2923;background:#fbe9e7}
#modalCaja .pill-diferencia-caja.sobra{color:#805500;background:#fff1cd}
:is(#modalCaja,#modalCajaChica) .caja-input-motivo-cierre{height:auto;min-height:52px;border:1px solid #e7dcd3;padding:4px 12px}
:is(#modalCaja,#modalCajaChica) .caja-input-motivo-cierre input{width:100%;border:0}
#modalCaja .tarjeta-caja-abierta,#listaHistorialCajas .tarjeta-turno-d{background:#fff;border:1px solid #e7dcd3!important;border-radius:16px;padding:16px!important;margin:10px 0}
#listaHistorialCajas .tarjeta-turno-d>div:first-child{flex-wrap:wrap;gap:8px}
#modalCajaChica .encabezado-caja-chica{flex-wrap:wrap;gap:10px}
#modalCajaChica .titulo-caja-chica{font-size:20px;font-weight:800}
#modalCajaChica .tarjeta-saldo-caja-chica{background:#fff;border:1px solid #e7dcd3;border-radius:18px;padding:18px}
#modalCajaChica .monto-saldo-caja-chica{font-family:'IBM Plex Mono',monospace!important;font-size:32px}
#modalCajaChica .grid-tipo-caja-chica{grid-template-columns:repeat(2,minmax(0,1fr))}
#modalCajaChica .tarjeta-tipo-caja-chica{border:1px solid #e7dcd3;background:#fff;border-radius:16px;padding:16px}
#modalCajaChica .tarjeta-tipo-caja-chica .nombre-tipo-caja-chica{color:#3b2b24}
#modalCajaChica .tarjeta-tipo-caja-chica .icono-tipo-caja-chica{background:#a74725}
#modalCajaChica :is(.caption-tipo-caja-chica,.label-saldo-caja-chica,.info-caja-chica){color:#76665c;line-height:1.5}
#modalCajaChica .btn-volver-caja-chica{width:48px;height:48px;border:1px solid #e7dcd3;background:#fff}
#modalResumenCierre>.caja{max-width:620px!important}
#modalResumenCierre .fila-resumen-cierre{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 0;border-bottom:1px solid #e7dcd3}
#modalResumenCierre .fila-resumen-cierre b{font-family:'IBM Plex Mono',monospace!important;font-size:18px}
#modalResumenCierre .bloque-siguiente-turno{background:#fff;border:1px solid #e7dcd3;border-radius:16px;padding:16px;margin-top:16px}
#modalResumenCierre #inputQuedaEnCaja,#modalCajaOlvidada #contadoCajaOlvidada{width:100%;font-family:'IBM Plex Mono',monospace!important;font-size:28px!important;margin:12px 0}
#modalEquiposVinculados :is(.tarjeta-cupo-equipos,.tarjeta-equipo-vinculado){border:1px solid #e7dcd3;border-radius:18px;background:#fff;color:#3b2b24}
#modalEquiposVinculados .desc-cupo-equipos{color:#76665c}
#modalEquiposVinculados .tarjeta-equipo-vinculado.actual{border-color:#a74725}
#modalEquiposVinculados .grid-equipos-vinculados{grid-template-columns:repeat(2,minmax(0,1fr))}
#modalEquiposVinculados .tarjeta-cupo-equipos{flex-wrap:wrap}
#modalEquiposVinculados .encabezado-mercaderia h1{font-size:24px;color:#3b2b24}
.ih-detalle-turno details,.ih-resumen-turno{background:#fff;border:1px solid #e7dcd3;border-radius:16px;color:#3b2b24;padding:12px;margin-top:10px;min-width:0;overflow-wrap:anywhere}
.ih-detalle-turno summary{min-height:48px;gap:8px;flex-wrap:wrap}
.ih-detalle-turno b{font-family:'IBM Plex Mono',monospace!important}
.ih-detalle-turno .neg{color:#9b2923}
/* Solo el interior de las pastillas; la posición la conserva la cáscara común. */
body #indicadorCaja{background:#a74725;color:#fff;border:1px solid #a74725;border-radius:999px;box-shadow:none}
body #indicadorCaja.abierta{background:#e8f2eb;color:#286344;border-color:#c6decf}
body #indicadorCaja.abierta .punto{background:#286344}
body #pillGastos{background:#fff;color:#3b2b24;border:1px solid #e7dcd3;border-radius:999px;box-shadow:none}
@media(max-width:767px){
 #modalCaja>.caja,#modalEquiposVinculados>.caja{max-width:none;width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;border:0;border-radius:0;overflow-y:auto;margin:0}
 #modalCajaChica>.caja{min-height:0;max-height:92dvh;overflow-y:auto;margin:0 auto;border-radius:18px 18px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom,0px))}
 #modalEquiposVinculados .grid-equipos-vinculados{grid-template-columns:minmax(0,1fr)}
}
@media(min-width:768px){
 :is(#modalCaja,#modalCajaChica,#modalEquiposVinculados){padding:24px;align-items:center;justify-content:center;background:#3b2b2466}
 :is(#modalCaja,#modalCajaChica,#modalEquiposVinculados)>.caja{width:100%;max-width:620px;min-height:0;height:auto;max-height:90dvh;overflow-y:auto;border:1px solid #e7dcd3;border-radius:18px;margin:auto}
 #modalEquiposVinculados>.caja{padding:0}
}
@media(prefers-reduced-motion:reduce){:is(#modalCaja,#modalResumenCierre,#modalCajaChica,#modalHistorialCajas,#modalCajaOlvidada,#modalAvisoCajaOlvidada,#modalEquiposVinculados) *{animation:none!important;transition:none!important}}
#modalEquiposVinculados .anillo-cupo-wrap circle:first-child{stroke:#e7dcd3}
#modalEquiposVinculados .anillo-cupo-wrap circle:nth-child(2){stroke:#a74725}
#modalEquiposVinculados .anillo-cupo-wrap{flex-shrink:0}
/* Atajos y detalles pueden ocupar varias líneas dentro del cajón. */
#modalCaja .ih-atajos-apertura{display:flex;flex-wrap:wrap!important;gap:8px;max-width:100%;margin:16px 0;justify-content:center}
#modalCaja .ih-atajos-apertura button{background:#fff;border:1px solid #e7dcd3;border-radius:999px;color:#3b2b24;padding:10px 14px}
#modalCaja .boton-caja-aparte{background:#fff!important;color:#a74725;border:1px solid #a74725}
.ih-detalle-turno .ih-fila-turno{flex-wrap:wrap;gap:8px}
#modalEquiposVinculados .anillo-cupo-wrap circle{transition:stroke-dashoffset 180ms}
#modalEquiposVinculados .tarjeta-sumar-equipo-grid .nombre-sumar-equipo{color:#a74725}
#modalEquiposVinculados .tarjeta-sumar-equipo-grid .circulo-sumar-equipo{background:#a74725}
@media(prefers-reduced-motion:reduce){#modalEquiposVinculados .anillo-cupo-wrap circle{transition:none!important}}