:root{--bg-fondo:#fafafa;--bg-card:#fff;--texto-principal:#1a1a1a;--texto-secundario:#6b7280;--acento:#367c2b;--acento-hover:#2a5f22;--exito:#10b981;--alerta:#f59e0b;--error:#ef4444;--borde:#e5e7eb;--exito-accesible:#0a7a54;--alerta-accesible:#b45309;--error-accesible:#b91c1c;--top-bar-h:60px;--bottom-nav-h:72px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg-fondo);color:var(--texto-principal);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}button,input{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,.pieza-card:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.top-bar{height:var(--top-bar-h);background:var(--bg-card);border-bottom:1px solid var(--borde);padding:0 16px;padding-top:env(safe-area-inset-top);z-index:100;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.top-bar__title{margin:0;font-size:20px;font-weight:700}.top-bar__action{align-items:center;gap:8px;display:flex}.content{padding-top:calc(var(--top-bar-h) + env(safe-area-inset-top) + 16px);padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom) + 16px);min-height:100%}.screen{padding:0 16px;animation:.2s fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.screen[hidden]{display:none}.bottom-nav{height:var(--bottom-nav-h);padding-bottom:env(safe-area-inset-bottom);background:var(--bg-card);border-top:1px solid var(--borde);z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--texto-secundario);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:12px;font-weight:600;display:flex}.bottom-nav__item svg{width:24px;height:24px}.bottom-nav__item--active{color:var(--acento)}.buscador{border:1px solid var(--borde);background:var(--bg-card);border-radius:12px;width:100%;height:52px;margin-bottom:16px;padding:0 16px;font-size:16px}.buscador:focus{outline:2px solid var(--acento);outline-offset:1px}.lista-piezas{flex-direction:column;gap:10px;display:flex}.pieza-card{background:var(--bg-card);border:1px solid var(--borde);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s;display:flex}.pieza-card:active{border-color:var(--acento)}.pieza-card__info{min-width:0}.pieza-card__codigo{color:var(--acento);letter-spacing:.02em;margin:0;font-size:13px;font-weight:700}.pieza-card__descripcion{color:var(--texto-principal);text-overflow:ellipsis;white-space:nowrap;margin:1px 0 4px;font-size:16px;font-weight:600;overflow:hidden}.pieza-card__ubicacion{color:var(--texto-secundario);margin:0;font-size:13px}.pieza-card__stock{text-align:right;flex-shrink:0}.pieza-card__stock-num{font-size:24px;font-weight:800;line-height:1;display:block}.pieza-card__stock-label{color:var(--texto-secundario);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.pieza-card--stock-bajo{border-left:4px solid var(--alerta-accesible)}.pieza-card--stock-bajo .pieza-card__stock-num{color:var(--alerta-accesible)}.pieza-card--agotado{border-left:4px solid var(--error-accesible)}.pieza-card--agotado .pieza-card__stock-num{color:var(--error-accesible)}.pieza-card__estado{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;margin-top:2px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.pieza-card__estado--agotado{color:var(--error-accesible);background:#ef444426}.pieza-card__estado--bajo{color:var(--alerta-accesible);background:#f59e0b2e}.estado-vacio{text-align:center;color:var(--texto-secundario);padding:60px 20px;font-size:15px}.estado-vacio__icono{width:56px;height:56px;color:var(--acento);margin-bottom:16px}.estado-vacio__titulo{color:var(--texto-principal);margin:0 0 4px;font-size:18px;font-weight:700}.estado-vacio__acciones{flex-direction:column;gap:10px;margin-top:20px;display:flex}.placeholder-proximamente{text-align:center;color:var(--texto-secundario);padding:80px 20px}.placeholder-proximamente h2{color:var(--texto-principal);margin-bottom:8px;font-size:24px}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:60px;font-size:17px;font-weight:700;transition:background-color .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primario{background:var(--acento);color:#fff;width:100%}.btn--primario:active{background:var(--acento-hover)}.btn--latido{animation:2.2s ease-in-out infinite latido}.btn--latido:active{animation:none}@keyframes latido{0%,to{box-shadow:0 0 #367c2b59}50%{box-shadow:0 0 0 10px #367c2b00}}@media (prefers-reduced-motion:reduce){.btn--latido{animation:none}}.btn--secundario{background:var(--bg-card);color:var(--texto-principal);border:1px solid var(--borde);width:100%}.btn--peligro{background:var(--error-accesible);color:#fff;width:100%}.btn--peligro-contorno{background:var(--bg-card);color:var(--error-accesible);border:1px solid var(--error-accesible);width:100%}.zona-eliminar{border-top:1px solid var(--borde);margin-top:20px;padding-top:16px}.zona-eliminar__aviso{color:var(--texto-secundario);text-align:center;margin:0 0 12px;font-size:14px}.espaciado-superior{margin-top:10px}.btn--icono{width:44px;height:44px;color:var(--texto-principal);background:0 0;padding:0}.modal-overlay{z-index:200;background:#0006;align-items:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);width:100%;max-height:88vh;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow-y:auto}.modal__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal__titulo{margin:0;font-size:20px;font-weight:700}.modal__campo{margin-bottom:14px}.modal__campo label{color:var(--texto-secundario);margin-bottom:4px;font-size:13px;display:block}.modal__campo input{border:1px solid var(--borde);border-radius:10px;width:100%;height:48px;padding:0 12px;font-size:16px}.modal__campo input:disabled{background:var(--bg-fondo);color:var(--texto-secundario)}.segmentado{border:1px solid var(--borde);border-radius:10px;margin-bottom:16px;display:flex;overflow:hidden}.segmentado__btn{background:var(--bg-card);color:var(--texto-secundario);cursor:pointer;border:none;flex:1;padding:10px;font-size:14px;font-weight:600}.segmentado__btn--activo{background:var(--acento);color:#fff}.stepper{align-items:center;gap:12px;display:flex}.stepper__btn{border:1px solid var(--borde);background:var(--bg-card);width:48px;height:48px;color:var(--acento);cursor:pointer;border-radius:10px;font-size:22px;font-weight:700}.stepper__input{text-align:center;flex:1;font-size:20px;font-weight:700}.escaner-idle{text-align:center;padding:60px 16px 20px}.escaner-idle__icono{width:72px;height:72px;color:var(--acento);margin-bottom:20px}.escaner-idle p{color:var(--texto-secundario);margin-bottom:28px;font-size:15px}.escaner-camara{flex-direction:column;gap:14px;display:flex}.lector-camara{background:#000;border-radius:16px;width:100%;min-height:340px;overflow:hidden}.escaner-camara--fullscreen{z-index:150;background:#000;gap:0;display:block;position:fixed;inset:0}.escaner-camara--fullscreen .lector-camara{border-radius:0;width:100%;height:100%;min-height:0;position:absolute;inset:0}.escaner-camara--fullscreen .lector-camara video{object-fit:cover;width:100%!important;height:100%!important}.escaner-camara--fullscreen #qr-shaded-region{display:none!important}.viewfinder{pointer-events:none;width:min(78vw,300px);height:min(50vw,190px);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.viewfinder__esquina{border:4px solid var(--acento);width:30px;height:30px;position:absolute}.viewfinder__esquina--tl{border-bottom:none;border-right:none;border-top-left-radius:8px;top:0;left:0}.viewfinder__esquina--tr{border-bottom:none;border-left:none;border-top-right-radius:8px;top:0;right:0}.viewfinder__esquina--bl{border-top:none;border-right:none;border-bottom-left-radius:8px;bottom:0;left:0}.viewfinder__esquina--br{border-top:none;border-left:none;border-bottom-right-radius:8px;bottom:0;right:0}.viewfinder__linea{background:var(--acento);height:2px;animation:2s ease-in-out infinite viewfinder-barrido;position:absolute;left:6px;right:6px;box-shadow:0 0 8px 1px #367c2be6}@keyframes viewfinder-barrido{0%,to{opacity:.35;top:6px}50%{opacity:1;top:calc(100% - 8px)}}.escaner-camara__ayuda{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 96px);text-align:center;color:#fff;text-shadow:0 1px 4px #000000b3;margin:0;font-size:15px;font-weight:600;position:absolute}.escaner-camara__detener{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 24px);width:auto;position:absolute}.escaner-exito{background:#367c2b8c;justify-content:center;align-items:center;animation:.12s fade-in;display:flex;position:absolute;inset:0}.escaner-exito[hidden]{display:none}.escaner-exito__check{color:#fff;width:128px;height:128px;animation:.32s cubic-bezier(.2,.8,.3,1.2) check-pop}@keyframes check-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.viewfinder__linea,.escaner-exito__check{animation:none}}.escaner-error{padding-top:12px}.escaner-error__mensaje{color:var(--error-accesible);margin-bottom:20px;font-size:15px}.resultado-card{background:var(--bg-card);border:1px solid var(--borde);text-align:center;border-radius:16px;margin-top:8px;padding:28px 20px}.resultado-card__codigo{color:var(--acento);margin:0 0 4px;font-size:22px;font-weight:800}.resultado-card__descripcion{margin:0 0 20px;font-size:16px}.resultado-card__stock-label{text-transform:uppercase;letter-spacing:.04em;color:var(--texto-secundario);margin:0;font-size:12px}.resultado-card__stock{margin:2px 0 20px;font-size:52px;font-weight:800;line-height:1}.resultado-card--no-encontrada .resultado-card__aviso{color:var(--error-accesible);margin:0 0 6px;font-size:18px;font-weight:700}.resultado-card--no-encontrada .resultado-card__codigo{margin-bottom:24px}.resultado-card .btn{width:100%;margin-bottom:10px}.resultado-card .stepper{justify-content:center;margin-bottom:20px}.ajustes-seccion{margin-bottom:28px}.ajustes-seccion__titulo{text-transform:uppercase;letter-spacing:.04em;color:var(--texto-secundario);margin:0 0 10px;font-size:13px;font-weight:700}.ajustes-seccion .btn{margin-bottom:10px}.ajustes-card{background:var(--bg-card);border:1px solid var(--borde);border-radius:12px;overflow:hidden}.ajustes-card--texto{padding:14px 16px}.ajustes-card--texto .sobre-app-texto:last-child{margin-bottom:0}.ajustes-card--texto #contenedor-btn-instalar .btn{margin-top:4px;margin-bottom:0}.ajustes-opcion{border:none;border-bottom:1px solid var(--borde);cursor:pointer;text-align:left;width:100%;color:var(--texto-principal);background:0 0;align-items:center;gap:14px;padding:14px 16px;font-size:15px;font-weight:600;display:flex}.ajustes-opcion:last-child{border-bottom:none}.ajustes-opcion:active{background:var(--bg-fondo)}.ajustes-opcion__icono{width:40px;height:40px;color:var(--acento);background:#367c2b1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ajustes-opcion__icono svg{width:20px;height:20px}.ajustes-opcion__texto{flex:1;min-width:0}.ajustes-opcion__chevron{width:18px;height:18px;color:var(--texto-secundario);flex-shrink:0}.ajustes-opcion--peligro .ajustes-opcion__icono{color:var(--error-accesible);background:#ef44441f}.ajustes-opcion--peligro .ajustes-opcion__texto{color:var(--error-accesible)}.sobre-app-texto{color:var(--texto-secundario);margin:0 0 12px;font-size:14px;line-height:1.5}.ajustes-fila{background:var(--bg-card);border:1px solid var(--borde);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;display:flex}.ajustes-card .ajustes-fila{border:none;border-bottom:1px solid var(--borde);border-radius:0;margin-bottom:0}.ajustes-card .ajustes-fila:last-child{border-bottom:none}.ajustes-fila__label{font-size:15px}.toggle-switch{flex-shrink:0;width:50px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch__slider{background-color:var(--borde);cursor:pointer;border-radius:28px;transition:background-color .15s;position:absolute;inset:0}.toggle-switch__slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-switch__slider{background-color:var(--acento)}.toggle-switch input:checked+.toggle-switch__slider:before{transform:translate(22px)}.historial-item{background:var(--bg-card);border:1px solid var(--borde);border-radius:12px;margin-bottom:8px;padding:12px 16px}.historial-item__fila-superior{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.historial-item__tipo{text-transform:uppercase;letter-spacing:.03em;background:var(--borde);color:var(--texto-secundario);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.historial-item__tipo--entrada{color:#0d9668;background:#10b98126}.historial-item__tipo--salida{color:var(--error-accesible);background:#ef444426}.historial-item__tipo--alta{color:var(--acento);background:#367c2b26}.historial-item__tipo--edicion{color:var(--texto-secundario);background:#6b728026}.historial-item__tipo--importacion{color:#b45309;background:#f59e0b26}.historial-item__tipo--baja{color:var(--error-accesible);background:#ef444426}.historial-item__fecha{color:var(--texto-secundario);font-size:12px}.historial-item__detalle{margin:0 0 2px;font-size:14px}.historial-item__stock{margin:0;font-size:16px;font-weight:700}.historial-item__cantidad{color:var(--texto-secundario);font-size:13px;font-weight:600}.modal__campo select{border:1px solid var(--borde);background:var(--bg-card);border-radius:10px;width:100%;height:48px;padding:0 12px;font-size:16px}.import-preview-wrap{border:1px solid var(--borde);border-radius:10px;margin-bottom:16px;overflow-x:auto}.import-preview-table{border-collapse:collapse;width:100%;font-size:13px}.import-preview-table th,.import-preview-table td{border-bottom:1px solid var(--borde);text-align:left;white-space:nowrap;padding:6px 10px}.import-preview-table th{background:var(--bg-fondo);font-weight:700}.lista-empleados{flex-direction:column;gap:10px;margin:16px 0;display:flex}.empleado-card{background:var(--bg-card);border:1px solid var(--borde);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.empleado-card__nombre{margin:0;font-size:16px;font-weight:700}.empleado-card__rol{color:var(--texto-secundario);margin:2px 0 0;font-size:13px}.screen--login{padding-top:max(env(safe-area-inset-top), 24px);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-cargando{color:var(--texto-secundario);text-align:center;padding:40px 0}.login-pantalla{text-align:center;width:100%;max-width:360px;padding:0 20px;transition:transform 80ms;position:relative}.login-pantalla--error{animation:.3s login-shake}@keyframes login-shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.login-titulo{margin:0 0 24px;font-size:24px;font-weight:700}.login-subtitulo{color:var(--texto-secundario);margin:-12px 0 24px}.login-lista-empleados{flex-direction:column;gap:10px;display:flex}.login-empleado-btn{border:1px solid var(--borde);background:var(--bg-card);cursor:pointer;border-radius:12px;height:60px;font-size:17px;font-weight:600}.login-empleado-btn:active{border-color:var(--acento)}.login-btn-volver{font-size:22px;position:absolute;top:-4px;left:20px}.pin-puntos{justify-content:center;gap:16px;margin-bottom:12px;display:flex}.pin-punto{border:2px solid var(--borde);background:0 0;border-radius:50%;width:16px;height:16px;transition:background-color .1s}.pin-punto--lleno{background:var(--acento);border-color:var(--acento)}.login-error{color:var(--error-accesible);min-height:20px;margin:0 0 16px;font-size:14px;font-weight:600}.pin-teclado{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pin-tecla{border:1px solid var(--borde);background:var(--bg-card);cursor:pointer;border-radius:12px;height:64px;font-size:22px;font-weight:700}.pin-tecla:active{background:var(--bg-fondo)}.pin-tecla--borrar{color:var(--texto-secundario);background:0 0;border:none;font-size:20px}.toast-container{top:calc(var(--top-bar-h) + env(safe-area-inset-top) + 12px);z-index:300;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;left:16px;right:16px}.toast{background:var(--texto-principal);color:#fff;border-radius:10px;padding:14px 18px;font-size:15px;font-weight:600;animation:.2s toast-in;box-shadow:0 4px 12px #00000026}.toast--exito{background:var(--exito-accesible)}.toast--error{background:var(--error-accesible)}.aviso-banner{background:var(--alerta);color:#1a1a1a;border-radius:10px;margin-bottom:12px;padding:12px 16px;font-size:14px;font-weight:600}.toast--alerta{background:var(--alerta);color:#1a1a1a}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}