/* Sesiones de conteo (27-oct-2026): pantalla completa con el estilo D de la caja. */
#sesionesConteo { position: fixed; inset: 0; z-index: 1100; background: #faf6f1; overflow-y: auto; padding: 0 16px 32px; box-sizing: border-box; color: #3b2b24; font-family: inherit; }
#sesionesConteo[hidden] { display: none; }
/* Con la franja de soporte de IH arriba, la pantalla parte debajo (como los demas modales). */
html.con-soporte-ih #sesionesConteo { top: var(--alto-soporte, 0px); }
#sesionesConteo > div, #sesionesConteo > p { max-width: 720px; margin-left: auto; margin-right: auto; }
#sesionesConteo .barra-conteo { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 10px; margin: 0 -16px 8px; padding: calc(10px + env(safe-area-inset-top, 0px)) 16px 10px; background: #faf6f1; border-bottom: 1px solid #eadecf; max-width: none; }
#sesionesConteo .barra-conteo strong { font-size: 17px; }
#sesionesConteo > p[role=status] { min-height: 20px; margin-top: 4px; margin-bottom: 4px; font-size: 14px; color: #66584f; }
#sesionesConteo h2 { font-size: 22px; margin: 10px 0 6px; }
#sesionesConteo h3 { font-size: 15px; margin: 18px 0 6px; color: #66584f; text-transform: uppercase; letter-spacing: .04em; }
#sesionesConteo button { min-height: 48px; padding: 12px 16px; margin: 4px 0; border: 1px solid #eadecf; border-radius: 14px; background: #fff; color: #a74725; font: inherit; font-weight: 700; max-width: 100%; overflow-wrap: anywhere; cursor: pointer; }
#sesionesConteo button.volver { margin: 0; padding: 8px 12px; min-height: 44px; }
#sesionesConteo button.principal { display: block; width: 100%; background: #c25e36; border-color: #c25e36; color: #fff; }
#sesionesConteo button.principal.escanear { min-height: 64px; font-size: 20px; letter-spacing: .04em; margin: 12px 0; }
#sesionesConteo button.peligro { color: #b3261e; }
#sesionesConteo button:disabled { opacity: .45; cursor: default; }
#sesionesConteo .fila-conteo { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; }
#sesionesConteo .fila-conteo button { margin: 0; }
#sesionesConteo .tarjeta-sesion { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 100%; text-align: left; color: #3b2b24; }
#sesionesConteo .tarjeta-sesion span { font-weight: 500; font-size: 14px; color: #66584f; }
#sesionesConteo .tarjeta-sesion .estado-abierta { color: #28513b; font-weight: 700; }
#sesionesConteo .nota-conteo { font-size: 14px; color: #66584f; line-height: 1.45; }
#sesionesConteo .avance-conteo { font-weight: 700; margin-bottom: 6px; }
#sesionesConteo .barra-avance { height: 10px; border-radius: 99px; background: #eadecf; overflow: hidden; margin-bottom: 12px; }
#sesionesConteo .barra-avance span { display: block; height: 100%; background: #28513b; border-radius: 99px; }
#sesionesConteo label { display: block; margin: 12px 0; font-weight: 600; }
#sesionesConteo input:not([type=checkbox]) { display: block; width: 100%; min-height: 52px; box-sizing: border-box; font: inherit; font-size: 18px; border: 1px solid #d9c9b6; border-radius: 12px; padding: 10px 12px; margin-top: 6px; background: #fff; color: #3b2b24; }
#sesionesConteo .chips-conteo { display: flex; flex-wrap: wrap; gap: 8px; }
#sesionesConteo .chips-conteo label { display: inline-flex; align-items: center; gap: 8px; margin: 0; min-height: 44px; padding: 0 14px; border: 1px solid #eadecf; border-radius: 99px; background: #fff; font-weight: 600; }
#sesionesConteo .chips-conteo input { width: 20px; height: 20px; accent-color: #c25e36; }
#sesionesConteo article { background: #fff; border: 1px solid #eadecf; padding: 12px 14px; border-radius: 16px; margin: 10px 0; overflow-wrap: anywhere; }
#sesionesConteo article p { margin: 4px 0; font-size: 14px; }
#sesionesConteo img { display: block; width: 120px; height: 120px; object-fit: contain; background: #fff; border-radius: 14px; margin: 6px 0; }
body:has(#sesionesConteo:not([hidden])) #modalEscanerVenta { z-index: 1200; }
#sesionesConteo .linea-diferencia { font-weight: 700; font-size: 15px; }
#sesionesConteo article .fila-botones-decision { display: grid; gap: 6px; }