:root{color:#1f2933;-webkit-text-size-adjust:100%;background:#f7f7f5;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}.entrada{max-width:24rem;margin:0 auto;padding:3rem 1.25rem}.entrada h1{color:#0f766e;margin:0 0 2rem;font-size:1.6rem}.entrada form{gap:1rem;display:grid}.entrada label{gap:.35rem;font-weight:600;display:grid}.entrada input{font:inherit;background:#fff;border:1px solid #c3c8cd;border-radius:.5rem;padding:.75rem}.entrada [role=alert]{color:#8a1c10;background:#fdecea;border-radius:.5rem;margin:0;padding:.75rem}.entrada button,.inicio button{font:inherit;color:#fff;background:#0f766e;border:0;border-radius:.5rem;padding:.8rem 1rem;font-weight:600}.entrada button:disabled{opacity:.6}.inicio header{background:#fff;border-bottom:1px solid #e3e5e8;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.inicio .nombre{margin:0;font-weight:600}.inicio button{background:#4b5563;padding:.5rem .9rem}.sincronizacion{gap:.5rem;padding:.75rem 1.25rem;display:grid}.sincronizacion .resumen{background:#0f766e;justify-self:start}.sincronizacion [role=alert]{color:#7a4100;background:#fff4e5;border-radius:.5rem;margin:0;padding:.6rem .75rem}.sincronizacion .detalle{background:#fff;border:1px solid #e3e5e8;border-radius:.5rem;gap:.5rem;padding:.75rem;display:grid}.sincronizacion .detalle p{margin:0}.sincronizacion ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.sincronizacion li{grid-template-columns:1fr auto;gap:.1rem .75rem;display:grid}.sincronizacion li small{color:#8a1c10;grid-column:1/-1}.sincronizacion li[data-estado=pendiente] strong{color:#7a4100}.sincronizacion li[data-estado=aceptada] strong{color:#0f766e}.sincronizacion li[data-estado=en_excepcion] strong,.sincronizacion li[data-estado=rechazada] strong{color:#8a1c10}.contador{background:#fff;border:1px dashed #c3c8cd;border-radius:.5rem;gap:.75rem;margin:1rem 1.25rem;padding:1rem;display:grid}.contador h2{margin:0;font-size:1.1rem}.contador p{margin:0}.contador label{gap:.35rem;font-weight:600;display:grid}.contador input{font:inherit;border:1px solid #c3c8cd;border-radius:.5rem;padding:.6rem}.contador .botones{gap:.75rem;display:flex}.contador button{background:#0f766e;flex:1;padding:.8rem 1rem}.secciones{flex-wrap:wrap;gap:.5rem;padding:.75rem 1.25rem 0;display:flex}.secciones button[aria-pressed=true]{background:#0f766e}.avisos{background:#fdecea;border-radius:.5rem;margin:0 1.25rem;padding:.75rem}.avisos h2{color:#8a1c10;margin:0 0 .5rem;font-size:1rem}.avisos ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.avisos li{grid-template-columns:1fr auto;gap:.1rem .75rem;display:grid}.avisos li p{color:#8a1c10;grid-column:1/-1;margin:0}.supervision{gap:.75rem;padding:.75rem 1.25rem 2rem;display:grid}.supervision .encabezado{justify-content:space-between;align-items:center;gap:1rem;display:flex}.supervision h2{margin:0;font-size:1.2rem}.supervision [role=alert]{color:#8a1c10;background:#fdecea;border-radius:.5rem;margin:0;padding:.6rem .75rem}.supervision pre{background:#f3f4f6;border-radius:.35rem;margin:0;padding:.5rem;font-size:.85rem;overflow-x:auto}.excepcion{background:#fff;border:1px solid #e3e5e8;border-radius:.5rem;gap:.4rem;padding:.9rem;display:grid}.excepcion h3,.excepcion p{margin:0}.excepcion .detalle{color:#52606d;font-size:.9rem}.excepcion .acciones{gap:.5rem;display:flex}.excepcion .acciones button{background:#0f766e}.excepcion .acciones .secundario{background:#4b5563}.excepcion label{gap:.35rem;font-weight:600;display:grid}.excepcion textarea{font:inherit;border:1px solid #c3c8cd;border-radius:.5rem;padding:.6rem}.supervision .tabla{overflow-x:auto}.supervision table{border-collapse:collapse;background:#fff;width:100%}.supervision th,.supervision td{text-align:left;border-bottom:1px solid #e3e5e8;padding:.5rem}.supervision dl{grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0;display:grid}.supervision dt{font-weight:600}.supervision dd{margin:0}.inicio .anular{background:#8a1c10;flex:none;justify-self:start}.anulacion{gap:.5rem;display:grid}.sincronizacion li .anular,.sincronizacion li .anulacion{grid-column:1/-1}.anulacion label{gap:.35rem;font-weight:600;display:grid}.anulacion textarea{font:inherit;border:1px solid #c3c8cd;border-radius:.5rem;padding:.6rem}.anulacion .acciones{gap:.5rem;display:flex}.anulacion .acciones button{background:#8a1c10}.anulacion .acciones .secundario{background:#4b5563}.anulacion [role=alert]{color:#8a1c10;margin:0}.supervision form{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.supervision label{gap:.35rem;font-weight:600;display:grid}.supervision input{font:inherit;border:1px solid #c3c8cd;border-radius:.5rem;padding:.6rem}.detalle-operacion{background:#fff;border:1px solid #e3e5e8;border-radius:.5rem;padding:.9rem}.detalle-operacion h3,.detalle-operacion h4{margin:0}.detalle-operacion ul,.detalle-operacion ol,.cambios{margin:0;padding-left:1.25rem}.cambios p{margin:0}.cambios code{word-break:break-all;font-size:.85rem}.usuarios{gap:.75rem;padding:.75rem 1.25rem 2rem;display:grid}.usuarios h2,.usuarios h3,.usuarios p{margin:0}.usuarios h2{font-size:1.2rem}.usuarios h3{font-size:1.05rem}.crear-usuario,.usuarios .usuario{background:#fff;border:1px solid #e3e5e8;border-radius:.5rem;gap:.5rem;padding:.9rem;display:grid}.crear-usuario label{gap:.35rem;font-weight:600;display:grid}.crear-usuario input:not([type=checkbox]){font:inherit;border:1px solid #c3c8cd;border-radius:.5rem;padding:.6rem}.crear-usuario small{color:#52606d;margin-top:-.25rem}.usuarios .crear-usuario button{background:#0f766e;justify-self:start}.usuarios fieldset{border:0;gap:.4rem;margin:0;padding:0;display:grid}.usuarios legend{margin-bottom:.4rem;font-weight:600}.usuarios .casilla{align-items:flex-start;gap:.5rem;font-weight:400;display:flex}.usuarios .casilla input{margin-top:.2rem}.usuarios .estado-cambio{color:#7a4100}.usuarios .lista-usuarios{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.usuarios [role=alert]{color:#8a1c10;background:#fdecea;border-radius:.5rem;padding:.6rem .75rem}.usuarios .acciones{flex-wrap:wrap;gap:.5rem;display:flex}.usuarios .accion{justify-items:start;gap:.5rem;display:grid}.usuarios .confirmar{background:#fff4e5;border-radius:.5rem;gap:.5rem;padding:.75rem;display:grid}.usuarios .confirmar .acciones button:not(.secundario),.usuarios .renombrar button[type=submit]{background:#0f766e}.usuarios .confirmar label,.usuarios .renombrar label{gap:.35rem;font-weight:600;display:grid}.usuarios .confirmar input,.usuarios .renombrar input{font:inherit;border:1px solid #c3c8cd;border-radius:.5rem;padding:.6rem}.usuarios .renombrar{gap:.5rem;display:grid}.usuarios .entrada-dispositivo{color:#52606d;font-size:.9rem}.inicio .cierre-con-pendientes{color:#7a4100;background:#fff4e5;border-radius:.5rem;gap:.5rem;margin:.75rem 1.25rem 0;padding:.75rem;display:grid}.inicio .cierre-con-pendientes p{margin:0}.inicio .cierre-con-pendientes .acciones{flex-wrap:wrap;gap:.5rem;display:flex}.inicio .cierre-con-pendientes button:not(.secundario){background:#8a1c10}.inicio .acciones-sesion{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.cambiar-contrasena{gap:.75rem;max-width:24rem;padding:.75rem 1.25rem 2rem;display:grid}.cambiar-contrasena h2,.cambiar-contrasena p{margin:0}.cambiar-contrasena h2{font-size:1.2rem}.cambiar-contrasena form{gap:.75rem;display:grid}.cambiar-contrasena label{gap:.35rem;font-weight:600;display:grid}.cambiar-contrasena input{font:inherit;border:1px solid #c3c8cd;border-radius:.5rem;padding:.6rem}.cambiar-contrasena small{color:#52606d;margin-top:-.4rem}.cambiar-contrasena .acciones{gap:.5rem;display:flex}.cambiar-contrasena button[type=submit]{background:#0f766e}.cambiar-contrasena [role=alert]{color:#8a1c10;background:#fdecea;border-radius:.5rem;padding:.6rem .75rem}.cambiar-contrasena [role=status]{color:#0f5b54;background:#e6f4f1;border-radius:.5rem;padding:.6rem .75rem}.catalogo{gap:.75rem;padding:.75rem 1.25rem 2rem;display:grid}.catalogo h2,.catalogo h3,.catalogo p{margin:0}.catalogo h2{font-size:1.2rem}.catalogo h3{font-size:1.05rem}.crear-producto,.catalogo .producto{background:#fff;border:1px solid #e3e5e8;border-radius:.5rem;gap:.5rem;padding:.9rem;display:grid}.catalogo label{gap:.35rem;font-weight:600;display:grid}.catalogo input{font:inherit;border:1px solid #c3c8cd;border-radius:.5rem;padding:.6rem}.catalogo small{color:#52606d}.catalogo fieldset{border:1px dashed #c3c8cd;border-radius:.5rem;gap:.5rem;margin:0;padding:.6rem;display:grid}.catalogo .acciones{flex-wrap:wrap;gap:.5rem;display:flex}.catalogo button[type=submit]{background:#0f766e}.catalogo .productos,.catalogo .presentaciones{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.catalogo .presentaciones li{border-top:1px solid #eef0f2;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.catalogo .editar{background:#f4f6f8;border-radius:.5rem;flex-basis:100%;gap:.5rem;padding:.75rem;display:grid}.catalogo .supervision{flex-basis:100%;padding:.5rem 0}.catalogo .estado-cambio{color:#7a4100}.catalogo [role=alert]{color:#8a1c10;background:#fdecea;border-radius:.5rem;padding:.6rem .75rem}.catalogo [role=status]{color:#0f5b54;background:#e6f4f1;border-radius:.5rem;padding:.6rem .75rem}.inventario{gap:.75rem;padding:.75rem 1.25rem 2rem;display:grid}.inventario h2,.inventario h3,.inventario p{margin:0}.inventario h2{font-size:1.2rem}.inventario h3{font-size:1.05rem}.inventario .acciones{flex-wrap:wrap;gap:.5rem;display:flex}.inventario label{gap:.35rem;font-weight:600;display:grid}.inventario input,.inventario select,.inventario textarea{font:inherit;background:#fff;border:1px solid #c3c8cd;border-radius:.5rem;padding:.6rem}.inventario small{color:#52606d}.inventario .movimiento{background:#fff;border:1px solid #e3e5e8;border-radius:.5rem;gap:.5rem;padding:.9rem;display:grid}.inventario button[type=submit]{background:#0f766e}.inventario .existencias{gap:.75rem;display:grid}.inventario .existencias>button{justify-self:start}.inventario .lista-existencias{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.inventario .existencia{background:#fff;border:1px solid #e3e5e8;border-radius:.5rem;gap:.25rem;padding:.75rem .9rem;display:grid}.inventario .existencia.de-prueba{background:#fffaf0;border-style:dashed}.inventario .cantidad{font-size:1.1rem;font-weight:600}.inventario .dato{color:#52606d;font-size:.9rem}.inventario fieldset{border:0;gap:.35rem;margin:0;padding:0;display:grid}.inventario legend{margin-bottom:.35rem;font-weight:600}.inventario .casilla{align-items:center;gap:.5rem;font-weight:400;display:flex}.inventario .historial-producto{background:#f4f6f8;border-radius:.5rem;gap:.5rem;margin-top:.5rem;padding:.75rem;display:grid}.inventario .movimientos{gap:.5rem;margin:0;padding-left:1.25rem;display:grid}.inventario .movimientos p{margin:0}.inventario .anulada{color:#8a1c10;font-weight:600}.inventario .aviso-prueba{color:#7a4100;background:#fff4e5;border-radius:.5rem;padding:.6rem .75rem}.inventario .total.de-prueba,.inventario .estado-cambio{color:#7a4100}.inventario [role=alert]{color:#8a1c10;background:#fdecea;border-radius:.5rem;padding:.6rem .75rem}.inventario form [role=status]{color:#0f5b54;background:#e6f4f1;border-radius:.5rem;padding:.6rem .75rem}
