: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);margin:0;font-size:15px;font-weight:700}.pieza-card__descripcion{color:var(--texto-principal);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 4px;font-size:15px;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 .pieza-card__stock-num{color:var(--alerta-accesible)}.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--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)}.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-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}.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-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--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__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}.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)}.toast--alerta{background:var(--alerta);color:#1a1a1a}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}