/* Historial y Devolución D: presentación local, sin reglas comerciales nuevas. */
:is(#pantallaHistorial,#pantallaDevolucion){--ih-naranja:#a74725;max-width:none;min-width:0;padding-bottom:100px;color:#3b2b24;font-family:'Plus Jakarta Sans',sans-serif}
:is(#pantallaHistorial,#pantallaDevolucion) *{box-sizing:border-box}
:is(#pantallaHistorial,#pantallaDevolucion) button{min-height:48px;font-family:inherit;transition:background-color 180ms}
:is(#pantallaHistorial,#pantallaDevolucion) :focus-visible{outline:3px solid #a74725;outline-offset:2px}
:is(#pantallaHistorial,#pantallaDevolucion) .titulo-pantalla{font-size:26px;margin:16px 0}
:is(#pantallaHistorial,#pantallaDevolucion) :is(.segmentado-historial,.fila-periodos-historial,.fila-filtro-medio-historial){display:flex;flex-wrap:wrap;gap:8px;overflow:visible;height:auto;margin:16px 0}
#pantallaHistorial .segmentado-historial{background:#f1e9e2;padding:4px;border:1px solid #e7dcd3;border-radius:14px}
:is(#pantallaHistorial,#pantallaDevolucion) :is(.seg-historial,.pill-periodo-historial,.pill-filtro-medio){min-height:48px;height:auto;border:1px solid #e7dcd3;border-radius:999px;padding:10px 16px;background:#fff;color:#76665c;white-space:normal;min-width:0}
:is(#pantallaHistorial,#pantallaDevolucion) :is(.seg-historial,.pill-periodo-historial,.pill-filtro-medio).activo{background:#a74725;color:#fff;border-color:#a74725;box-shadow:none}
:is(#pantallaHistorial,#pantallaDevolucion) :is(.buscador-historial,.buscador-venta){display:flex;align-items:center;gap:10px;min-height:56px;min-width:0;background:#fff;border:2px solid #e7dcd3;border-radius:14px;padding:4px 12px;color:#76665c}
:is(#pantallaHistorial,#pantallaDevolucion) :is(.buscador-historial,.buscador-venta) input{min-width:0;width:100%;min-height:48px;font-size:16px;background:transparent;color:#3b2b24;border:0}
#pantallaDevolucion .buscador-venta label{display:flex;align-items:center;min-width:0;width:100%;gap:8px}
#pantallaHistorial .fila-busqueda-historial{display:flex;gap:8px;align-items:stretch}
#pantallaHistorial .buscador-historial{flex:1}
:is(#pantallaHistorial,#pantallaDevolucion) :is(.btn-filtros-historial,.btn-reporte,.btn-secundario,.btn-buscar-numero-venta){background:#fff;color:#3b2b24;border:1px solid #e7dcd3;border-radius:10px;padding:10px 12px}
#pantallaHistorial .btn-filtros-historial.con-filtros{border-color:#a74725;color:#a74725;background:#f7e9df}
#pantallaHistorial .fila-acciones-historial{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
#pantallaHistorial .btn-reporte{font-size:12px;flex:0 1 auto;box-shadow:none}
#pantallaHistorial :is(.tarjeta,.tarjeta-resumen-vendedores),#pantallaDevolucion .buscar-venta-d{background:#fff;border:1px solid #e7dcd3;border-radius:18px;padding:16px;margin:16px 0;box-shadow:none;max-width:none}
#pantallaHistorial .fila-encabezado-lista-historial{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;background:#f7e9df;border:1px solid #e7dcd3;border-radius:18px;margin:16px 0;color:#3b2b24}
#totalPeriodoHistorial{font-size:32px;line-height:1.2;overflow-wrap:anywhere}
#pantallaHistorial :is(#etiquetaResumenHistorial,#pistaDevolverHistorial){font-size:13px;white-space:normal;color:#76665c}
:is(#pantallaHistorial,#pantallaDevolucion) .lista-ventas-historial{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:16px 0;background:transparent;border:0}
:is(#pantallaHistorial,#pantallaDevolucion) .fila-venta-historial{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-width:0;padding:16px;background:#fff;border:1px solid #e7dcd3;border-radius:16px;color:#3b2b24;text-align:left;opacity:1}
:is(#pantallaHistorial,#pantallaDevolucion) .icono-medio-pago-historial{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f7e9df;color:#a74725}
:is(#pantallaHistorial,#pantallaDevolucion) .info-venta-historial{min-width:0}
:is(#pantallaHistorial,#pantallaDevolucion) .numero-hora-venta{font-weight:800;font-size:14px;overflow-wrap:anywhere}
:is(#pantallaHistorial,#pantallaDevolucion) .nombre-venta-historial{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin:6px 0;color:#3b2b24}
:is(#pantallaHistorial,#pantallaDevolucion) .detalle-venta-historial{display:flex;flex-wrap:wrap;gap:5px;font-size:12px;color:#76665c;overflow-wrap:anywhere}
:is(#pantallaHistorial,#pantallaDevolucion) .monto-venta-historial{font-size:22px;font-weight:800;white-space:nowrap;color:#3b2b24;text-decoration:none}
:is(#pantallaHistorial,#pantallaDevolucion) .pill-estado-venta{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;background:#f7e9df;color:#8a3b20;text-decoration:none}
:is(#pantallaHistorial,#pantallaDevolucion) .pill-estado-venta.anulada{background:#fbe9e7;color:#9b2923}
:is(#pantallaHistorial,#pantallaDevolucion) .pill-estado-venta.parcial{background:#e8f2eb;color:#286344}
:is(#pantallaHistorial,#pantallaDevolucion) .pill-estado-venta.fiado{background:#eeeafa;color:#5e4389}
#pantallaDevolucion .buscar-venta-d h2{margin:0 0 16px;font-size:18px}
#pantallaDevolucion .fila-buscar-voucher{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
#pantallaDevolucion .btn-escanear-voucher{width:100%;min-height:56px;display:flex;gap:10px;align-items:center;justify-content:center;background:#a74725;color:#fff;border:0;border-radius:12px;font-size:16px}
#pantallaDevolucion .fila-buscar-voucher input{flex:1;min-width:0;min-height:48px;background:#faf8f5;border:1px solid #e7dcd3;border-radius:10px;padding:10px;font:inherit;color:#3b2b24}
#pantallaHistorial :is(h2,h3){color:#3b2b24}
@media(max-width:599px){#pantallaDevolucion .fila-buscar-voucher{flex-direction:column}#pantallaHistorial .fila-busqueda-historial{flex-wrap:wrap}#pantallaHistorial .buscador-historial{flex-basis:100%}:is(#pantallaHistorial,#pantallaDevolucion) .fila-venta-historial{grid-template-columns:40px minmax(0,1fr);padding:12px;gap:8px}:is(#pantallaHistorial,#pantallaDevolucion) .icono-medio-pago-historial{width:40px;height:40px}:is(#pantallaHistorial,#pantallaDevolucion) .monto-venta-historial{grid-column:2;justify-self:end}}
/* Ventanas existentes: mantienen sus campos, pasos y acciones. */

:is(#modalDevolucion,#modalAnularVenta,#modalDevolucionOk,#modalFiltrosHistorial,#modalPagaCon){--ih-naranja:#a74725;font-family:"Plus Jakarta Sans",sans-serif}
:is(#modalAnularVenta,#modalDevolucionOk,#modalFiltrosHistorial,#modalPagaCon) .caja{background:#faf8f5;color:#3b2b24;border:1px solid #e7dcd3;border-radius:18px;box-sizing:border-box;max-width:720px;width:100%;max-height:90dvh;height:auto;overflow-y:auto}
:is(#modalDevolucion,#modalAnularVenta,#modalDevolucionOk,#modalFiltrosHistorial,#modalPagaCon) button{min-height:48px;min-width:48px;font-family:inherit;border-radius:10px;transition:background-color 180ms}
:is(#modalDevolucion,#modalAnularVenta,#modalDevolucionOk,#modalFiltrosHistorial,#modalPagaCon) :is(input:not([type=checkbox]):not([type=radio]),select){min-height:48px;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid #e7dcd3;border-radius:10px;background:#fff;color:#3b2b24;font-family:inherit}
:is(#modalDevolucion,#modalAnularVenta,#modalDevolucionOk,#modalFiltrosHistorial,#modalPagaCon) .btn-cerrar-modal{background:#a74725;color:#fff}
:is(#modalDevolucion,#modalAnularVenta,#modalDevolucionOk,#modalFiltrosHistorial,#modalPagaCon) :is(.btn-secundario,.btn-volver-mercaderia,.btn-cambiar-venta-devolucion){background:#fff;color:#3b2b24;border:1px solid #e7dcd3}
:is(#modalDevolucion,#modalAnularVenta,#modalDevolucionOk,#modalFiltrosHistorial,#modalPagaCon) :focus-visible{outline:3px solid #a74725;outline-offset:2px}
#modalDevolucion .caja{background:#faf8f5;color:#3b2b24;box-sizing:border-box}
#modalDevolucion :is(.encabezado-mercaderia,.pie-mercaderia){background:#faf8f5;border-color:#e7dcd3;padding:16px}
#modalDevolucion :is(.tarjeta-venta-devolucion,.tarjeta-items-devolucion,.fila-a-devolver){background:#fff;border:1px solid #e7dcd3;border-radius:14px;padding:14px}
#modalDevolucion :is(.monto-venta-devolucion,#totalADevolver){font-size:24px;color:#3b2b24;font-weight:800}
#modalDevolucion .fila-item-devolucion{gap:10px;flex-wrap:wrap;padding:12px 0;border-color:#e7dcd3}
#modalDevolucion .info-item-devolucion{min-width:0;overflow-wrap:anywhere}
#modalDevolucion .fila-cantidad-factura button{width:48px;height:48px;background:#fff;color:#3b2b24;border:1px solid #e7dcd3}
#modalDevolucion .fila-cantidad-factura .mas-factura{background:#a74725;color:#fff}
#modalDevolucion .btn-anular-venta-devolucion{background:#fff;color:#9b2923;border:1px solid #e7dcd3}
#modalDevolucion .tarjeta-venta-devolucion{flex-wrap:wrap;gap:10px}
#modalDevolucion .info-venta-devolucion{min-width:0;overflow-wrap:anywhere}
#modalPagaCon :is(#pagaConModalInput,.paga-con-grande){font-size:28px}
body:has(:is(#pantallaHistorial,#pantallaDevolucion).activa) :is(#modalConfirmar,#modalAviso) .caja{background:#faf8f5;color:#3b2b24;border:1px solid #e7dcd3;border-radius:18px}
body:has(:is(#pantallaHistorial,#pantallaDevolucion).activa) :is(#modalConfirmar,#modalAviso) button{min-height:48px;background:#a74725;color:#fff;border-radius:10px}
body:has(:is(#pantallaHistorial,#pantallaDevolucion).activa) :is(#modalConfirmar,#modalAviso) button.btn-secundario{background:#fff;color:#3b2b24;border:1px solid #e7dcd3}
@media(prefers-reduced-motion:reduce){:is(#pantallaHistorial,#pantallaDevolucion,#modalDevolucion,#modalAnularVenta,#modalDevolucionOk,#modalFiltrosHistorial,#modalPagaCon) *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#desgloseMediosHistorial{display:flex;flex-wrap:wrap;gap:8px;width:100%;font-size:13px}
#desgloseMediosHistorial>span{padding:8px 12px;background:#fff;border:1px solid #e7dcd3;border-radius:10px}
#pantallaHistorial .fila-encabezado-lista-historial .tarjeta-resumen-vendedores{width:100%;margin:0;padding:12px}
#pantallaHistorial :is(.tarjeta-ganancia-panel,.tarjeta-margen-promedio,.seccion-panel,.tarjeta-seccion-panel){background:#fff;border:1px solid #e7dcd3;border-radius:18px;box-shadow:none;padding:16px;color:#3b2b24}
#modalPagaCon :is(#montoPagaCon,#totalPagaCon){font-size:28px;color:#3b2b24;font-weight:800}
#modalPagaCon :is(.teclado-paga-con button,.chips-paga-con button){background:#fff;border:1px solid #e7dcd3;color:#3b2b24}
#modalPagaCon #btnCobrarPagaCon{background:#a74725;color:#fff}
@media(max-width:767px){#modalPagaCon .caja{border-radius:18px 18px 0 0;max-width:none}}
#pantallaHistorial #subMercaderiaHistorial .fila-venta-historial{grid-template-columns:minmax(0,1fr) auto}
#pantallaHistorial #ajustesMercaderia .fila-venta-historial{grid-template-columns:minmax(0,1fr)}
#pantallaHistorial .tarjeta-ganancia-panel .monto-ganancia.negativa{color:#9b2923}
#pantallaHistorial .seccion-panel>summary{min-height:48px}
/* Revision de Claude: todos los medios del resumen con el mismo color (una regla vieja aclaraba el primero y el ultimo). */
#desgloseMediosHistorial>span{color:#3b2b24}
/* Revision de Claude: los filtros por medio de pago no bajaban de linea y ensanchaban la pagina en celular (el telefono achicaba todo). */
:is(#pantallaHistorial,#pantallaDevolucion) .fila-filtro-medio-historial{flex-wrap:wrap!important;max-width:100%}
/* Revision de Claude: en celular el titulo de la venta salia en letra gigante partido en 7 lineas y el icono del medio quedaba blanco sobre blanco. */
#modalDevolucion .tarjeta-venta-devolucion .info-venta-devolucion{flex:1 1 190px;min-width:0}#modalDevolucion #montoVentaDevolucion{font:800 18px/1.3 'Plus Jakarta Sans',sans-serif;color:#3b2b24}#modalDevolucion .tarjeta-venta-devolucion .icono-medio-pago-historial{background:#f7e9df;color:#a74725}