.sidebar{position:fixed;top:0;left:-17.5rem;width:17.5rem;height:100vh;background:#fff;z-index:1000;transition:left .3s ease;display:flex;flex-direction:column;box-shadow:.25rem 0 .9375rem #0000001a}.sidebar.open{left:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:.0625rem solid var(--color-border);background:var(--color-primary)}.sidebar-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.sidebar-close{background:none;border:none;color:#fffc;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.sidebar-close:hover{background:#fff3;color:#fff}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:.0625rem solid var(--color-border);background:var(--color-bg-secondary)}.user-avatar{width:2.5rem;height:2.5rem;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.user-info{display:flex;flex-direction:column}.user-name{color:var(--color-text);font-weight:600;font-size:.9rem}.user-role{color:var(--color-text-light);font-size:.75rem}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;background:none;border:none;color:var(--color-text-light);font-size:1rem;cursor:pointer;transition:all .2s;text-align:left}.sidebar-item:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.sidebar-item.active{background:linear-gradient(90deg,rgba(249,115,22,.15) 0%,transparent 100%);color:var(--color-primary);border-left:.1875rem solid var(--color-primary)}.sidebar-group-toggle{position:relative}.sidebar-group-toggle span{flex:1}.sidebar-chevron{transition:transform .25s ease;color:var(--color-text-light);flex-shrink:0}.sidebar-chevron.rotated{transform:rotate(180deg)}.sidebar-group-toggle.group-open{color:var(--color-primary)}.sidebar-group-children{max-height:0;overflow:hidden;transition:max-height .25s ease}.sidebar-group-children.expanded{max-height:20rem}.sidebar-child{padding:.65rem 1.5rem .65rem 2.75rem;font-size:.9rem;gap:.75rem}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;opacity:0;visibility:hidden;z-index:999;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.menu-button{position:fixed;top:1rem;left:1rem;background:var(--color-primary);border:none;color:#fff;padding:.75rem;border-radius:.625rem;cursor:pointer;z-index:100;transition:all .2s;box-shadow:0 .125rem .625rem #f973164d}.menu-button:hover{background:var(--color-primary-dark);transform:scale(1.05)}.sidebar-footer{padding:1rem 0;border-top:.0625rem solid var(--color-border)}.sidebar-item.logout{color:#ef4444}.sidebar-item.logout:hover{background:#ef44441a;color:#dc2626}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--pos-spacing: clamp(.5rem, 1.5vw, 1rem);--pos-font-sm: clamp(.7rem, 1.2vw, .875rem);--pos-font-base: clamp(.8rem, 1.4vw, 1rem);--pos-font-lg: clamp(1rem, 1.8vw, 1.25rem);--pos-font-xl: clamp(1.25rem, 2.5vw, 1.75rem);--pos-font-xxl: clamp(2rem, 4vw, 4rem);--pos-radius: clamp(.375rem, 1vw, .75rem);--pos-btn-padding: clamp(.4rem, 1vw, .75rem)}.ventas-pos{display:flex;height:calc(100vh - clamp(3rem,5vh,4rem));gap:var(--pos-spacing);padding:var(--pos-spacing);background:var(--color-bg);overflow:hidden}.pos-productos{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:var(--pos-radius);overflow:hidden;border:.0625rem solid var(--color-border);min-width:0}.pos-categorias{display:flex;gap:clamp(.25rem,.5vw,.5rem);padding:var(--pos-spacing);background:var(--color-bg-secondary);border-bottom:.0625rem solid var(--color-border);overflow:hidden;flex-shrink:0;flex-wrap:wrap}.cat-btn{padding:clamp(.35rem,.8vw,.5rem) clamp(.6rem,1.2vw,1rem);border:.0625rem solid var(--color-border);background:#fff;border-radius:2rem;font-size:var(--pos-font-sm);cursor:pointer;white-space:nowrap;transition:all .2s}.cat-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.cat-btn.activa{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pos-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(5.5rem,10vw,8rem),1fr));gap:clamp(.4rem,.8vw,.75rem);padding:var(--pos-spacing);overflow:hidden;align-content:start}.pos-producto-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(.5rem,1vw,1rem) clamp(.25rem,.5vw,.5rem);background:linear-gradient(135deg,#fff,#f8f9fa);border:.125rem solid var(--color-border);border-radius:var(--pos-radius);cursor:pointer;transition:all .2s;min-height:clamp(3.5rem,7vh,5rem);aspect-ratio:1 / .8}.pos-producto-btn:hover{border-color:var(--color-primary);transform:translateY(-.125rem);box-shadow:0 .25rem .75rem #f9731626}.pos-producto-btn:active{transform:translateY(0)}.prod-nombre{font-weight:600;font-size:var(--pos-font-sm);color:var(--color-text);text-align:center;line-height:1.2;margin-bottom:clamp(.125rem,.3vw,.25rem);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.prod-precio{font-size:var(--pos-font-base);font-weight:700;color:var(--color-primary)}.prod-unidad{font-size:clamp(.55rem,1vw,.7rem);color:var(--color-text-light)}.pos-carrito{width:clamp(16rem,25vw,22rem);display:flex;flex-direction:column;background:#fff;border-radius:var(--pos-radius);border:.0625rem solid var(--color-border);overflow:hidden;flex-shrink:0}.carrito-header{display:flex;justify-content:space-between;align-items:center;padding:var(--pos-spacing);background:var(--color-primary);color:#fff}.carrito-header h3{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);margin:0;font-size:var(--pos-font-base)}.btn-limpiar{display:flex;align-items:center;gap:.25rem;padding:clamp(.25rem,.5vw,.35rem) clamp(.5rem,1vw,.75rem);background:#fff3;border:none;border-radius:.375rem;color:#fff;font-size:var(--pos-font-sm);cursor:pointer}.carrito-items{flex:1;overflow:hidden;padding:clamp(.25rem,.5vw,.5rem);min-height:0}.carrito-vacio{text-align:center;color:var(--color-text-light);padding:clamp(1rem,3vw,2rem);font-size:var(--pos-font-sm)}.carrito-item{display:flex;justify-content:space-between;align-items:center;padding:clamp(.25rem,.5vw,.5rem);border-bottom:.0625rem solid var(--color-border)}.carrito-item:last-child{border-bottom:none}.item-info{display:flex;flex-direction:column;flex:1;min-width:0}.item-nombre{font-weight:500;font-size:var(--pos-font-sm);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-precio{font-size:clamp(.65rem,1vw,.75rem);color:var(--color-text-light)}.item-acciones{display:flex;align-items:center;gap:clamp(.125rem,.3vw,.25rem)}.item-subtotal{font-weight:600;font-size:var(--pos-font-sm);color:var(--color-primary);margin-right:clamp(.25rem,.5vw,.5rem)}.btn-cant{display:flex;align-items:center;justify-content:center;width:clamp(1.25rem,2vw,1.5rem);height:clamp(1.25rem,2vw,1.5rem);border:.0625rem solid var(--color-border);background:#fff;border-radius:.25rem;cursor:pointer;color:var(--color-text)}.btn-cant:hover{background:var(--color-bg-secondary)}.btn-cant.btn-eliminar:hover{background:#ef4444;border-color:#ef4444;color:#fff}.carrito-total{display:flex;justify-content:space-between;align-items:center;padding:var(--pos-spacing);background:var(--color-bg-secondary);border-top:.125rem solid var(--color-border);font-weight:600;font-size:var(--pos-font-base)}.total-monto{font-size:var(--pos-font-lg);color:var(--color-primary)}.pos-pago{padding:var(--pos-spacing);border-top:.0625rem solid var(--color-border);display:flex;gap:clamp(.25rem,.5vw,.5rem)}.metodo-pago{display:flex;gap:clamp(.25rem,.5vw,.5rem);margin-bottom:clamp(.5rem,1vw,.75rem)}.metodo-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(.25rem,.5vw,.5rem);padding:clamp(.4rem,.8vw,.6rem);border:.125rem solid var(--color-border);background:#fff;border-radius:.5rem;font-size:var(--pos-font-sm);cursor:pointer;transition:all .2s}.metodo-btn:hover{border-color:var(--color-primary)}.metodo-btn.activo{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pago-input-row{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.pago-input-row label{font-size:var(--pos-font-sm);color:var(--color-text-light)}.pago-input{flex:1;padding:clamp(.4rem,.8vw,.6rem);border:.125rem solid var(--color-border);border-radius:.5rem;font-size:var(--pos-font-lg);font-weight:600;text-align:right;color:var(--color-text)}.pago-input:focus{outline:none;border-color:var(--color-primary)}.pago-rapido{display:flex;gap:clamp(.2rem,.4vw,.35rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.pago-rapido button{flex:1;padding:clamp(.25rem,.5vw,.4rem);border:.0625rem solid var(--color-border);background:var(--color-bg-secondary);border-radius:.375rem;font-size:clamp(.65rem,1vw,.75rem);cursor:pointer;transition:all .2s}.pago-rapido button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pago-rapido .btn-exacto{background:#16a34a;border-color:#16a34a;color:#fff}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.2rem,.4vw,.35rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.numpad-btn{padding:clamp(.4rem,.8vw,.6rem);border:.0625rem solid var(--color-border);background:#fff;border-radius:.375rem;font-size:var(--pos-font-base);font-weight:600;cursor:pointer;transition:all .15s}.numpad-btn:hover{background:var(--color-bg-secondary)}.numpad-btn:active{background:var(--color-primary);color:#fff}.cambio-display{display:flex;justify-content:space-between;align-items:center;padding:clamp(.5rem,1vw,.75rem);border-radius:.5rem;margin-bottom:clamp(.25rem,.5vw,.5rem);font-weight:600;font-size:var(--pos-font-sm)}.cambio-display.positivo{background:#22c55e26;color:#16a34a}.cambio-display.negativo{background:#ef444426;color:#ef4444}.cambio-monto{font-size:var(--pos-font-lg)}.btn-cobrar{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(.25rem,.5vw,.5rem);padding:clamp(.6rem,1.2vw,1rem);background:#16a34a;border:none;border-radius:.5rem;color:#fff;font-size:var(--pos-font-base);font-weight:700;cursor:pointer;transition:background .2s}.btn-cobrar:hover:not(:disabled){background:#15803d}.btn-cobrar:disabled{background:#9ca3af;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--pos-spacing)}.modal{background:#fff;border-radius:var(--pos-radius);max-width:min(25rem,95vw);width:100%;max-height:95vh;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--pos-spacing) clamp(.75rem,1.5vw,1.25rem);border-bottom:.0625rem solid var(--color-border)}.modal-header h3{margin:0;font-size:var(--pos-font-base);color:var(--color-text)}.btn-icon{background:none;border:none;cursor:pointer;color:var(--color-text-light);padding:.25rem}.btn-icon:hover{color:var(--color-text)}.modal.modal-cantidad{max-width:min(24rem,90vw);width:90vw;max-height:95vh;height:auto;overflow:visible}.modal-cantidad .cantidad-content{padding:clamp(.75rem,1.5vw,1.25rem)}.cantidad-precio{text-align:center;font-size:var(--pos-font-lg);font-weight:600;color:var(--color-primary);margin-bottom:clamp(.5rem,1vw,.75rem)}.modo-captura{display:flex;gap:clamp(.25rem,.5vw,.5rem);margin-bottom:clamp(.5rem,1vw,.75rem)}.modo-btn{flex:1;padding:clamp(.35rem,.7vw,.5rem);border:.125rem solid var(--color-border);background:#fff;border-radius:.5rem;font-size:var(--pos-font-sm);font-weight:500;cursor:pointer;transition:all .2s}.modo-btn:hover{border-color:var(--color-primary)}.modo-btn.activo{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cantidad-input{width:100%;padding:clamp(.5rem,1vw,.75rem);border:.125rem solid var(--color-border);border-radius:.5rem;font-size:var(--pos-font-lg);font-weight:600;text-align:center;margin-bottom:clamp(.5rem,1vw,.75rem)}.cantidad-input:focus{outline:none;border-color:var(--color-primary)}.cantidad-rapida{display:flex;gap:clamp(.2rem,.4vw,.35rem);margin-bottom:clamp(.5rem,1vw,.75rem)}.cantidad-rapida button{flex:1;padding:clamp(.35rem,.7vw,.5rem);border:.0625rem solid var(--color-border);background:var(--color-bg-secondary);border-radius:.375rem;font-size:var(--pos-font-sm);cursor:pointer}.cantidad-rapida button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cantidad-resultado{margin-top:clamp(.5rem,1vw,.75rem);padding:clamp(.5rem,1vw,.75rem);background:var(--color-bg-secondary);border-radius:.5rem}.resultado-linea{display:flex;justify-content:space-between;font-size:var(--pos-font-sm);margin-bottom:clamp(.125rem,.3vw,.25rem)}.resultado-linea:last-child{margin-bottom:0}.resultado-total{font-weight:700;font-size:var(--pos-font-base);color:var(--color-primary);padding-top:clamp(.25rem,.5vw,.5rem);border-top:.0625rem solid var(--color-border);margin-top:clamp(.125rem,.3vw,.25rem)}.resultado-valor{font-weight:600}.modal-actions{display:flex;gap:clamp(.5rem,1vw,.75rem);padding:var(--pos-spacing) clamp(.75rem,1.5vw,1.25rem);border-top:.0625rem solid var(--color-border)}.modal-actions .btn-secondary{flex:1;padding:clamp(.5rem,1vw,.75rem);border:.0625rem solid var(--color-border);background:#fff;border-radius:.5rem;font-size:var(--pos-font-sm);cursor:pointer}.modal-actions .btn-primary{flex:1;padding:clamp(.5rem,1vw,.75rem);border:none;background:var(--color-primary);color:#fff;border-radius:.5rem;font-size:var(--pos-font-sm);font-weight:600;cursor:pointer}.modal-actions .btn-primary:hover{background:var(--color-primary-dark)}.modal.modal-pago{width:95vw;max-width:60rem;height:auto;max-height:95vh;aspect-ratio:16 / 10;display:flex;flex-direction:column;overflow:visible}.modal.modal-pago .modal-header{flex-shrink:0;padding:1vh 2vw}.modal.modal-pago .modal-header h3{font-size:clamp(.8rem,1.8vw,1.1rem)}.pago-content{flex:1;padding:1vh 2vw;display:flex;flex-direction:column;overflow:visible}.pago-content .metodo-pago{margin-bottom:1vh;flex-shrink:0}.pago-content .metodo-btn{padding:.8vh 1.2vw;font-size:clamp(.65rem,1.3vw,.85rem)}.pago-layout{display:flex;gap:1.5vw;flex:1;min-height:0}.pago-izquierda{width:35%;flex-shrink:0;display:flex;flex-direction:column}.pago-derecha{flex:1;display:flex;flex-direction:column;gap:1vh;min-width:0}.pago-total{display:flex;justify-content:space-between;align-items:center;padding:.8vh 1.2vw;background:var(--color-primary);color:#fff;border-radius:clamp(.25rem,.5vw,.5rem);margin-bottom:.8vh;flex-shrink:0}.pago-total-monto{font-size:clamp(.9rem,2vw,1.5rem);font-weight:700}.pago-izquierda .pago-input-row{display:flex;flex-direction:column;gap:.3vh;margin-bottom:.6vh;flex-shrink:0}.pago-izquierda .pago-input-row label{font-weight:600;font-size:clamp(.6rem,1.2vw,.8rem);color:var(--color-text)}.pago-izquierda .pago-input{width:100%;font-size:clamp(.9rem,2vw,1.5rem);padding:.6vh .8vw;flex:none}.pago-izquierda .numpad{margin-bottom:.6vh;flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.15rem,.4vw,.3rem)}.pago-izquierda .numpad-btn{padding:0;font-size:clamp(.8rem,1.8vw,1.2rem);display:flex;align-items:center;justify-content:center}.btn-exacto-full{width:100%;padding:.8vh .8vw;background:#16a34a;border:none;border-radius:clamp(.25rem,.5vw,.5rem);color:#fff;font-size:clamp(.6rem,1.3vw,.9rem);font-weight:600;cursor:pointer;margin-bottom:.6vh;flex-shrink:0}.btn-exacto-full:hover{background:#15803d}.pago-izquierda .cambio-display{margin-top:auto;padding:.8vh .8vw;flex-shrink:0}.pago-izquierda .cambio-display .cambio-monto{font-size:clamp(.8rem,1.8vw,1.3rem)}.dinero-seccion{background:var(--color-bg-secondary);border-radius:clamp(.25rem,.6vw,.5rem);padding:.8vh 1vw;flex:1;display:flex;flex-direction:column}.dinero-seccion:first-child{flex:2}.dinero-label{display:block;font-size:clamp(.55rem,1vw,.75rem);font-weight:700;color:var(--color-text);text-transform:uppercase;margin-bottom:.6vh;letter-spacing:.05em;flex-shrink:0}.billetes-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:clamp(.2rem,.5vw,.5rem);flex:1}.btn-billete{position:relative;aspect-ratio:2 / 1;border:none;border-radius:clamp(.15rem,.3vw,.4rem);cursor:pointer;transition:all .2s;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.btn-billete:hover{transform:scale(1.02);box-shadow:0 .3rem .6rem #0003}.btn-billete:active{transform:scale(.98)}.billete-valor{position:relative;z-index:1;font-size:clamp(.7rem,1.5vw,1.2rem);font-weight:800;color:#fff;text-shadow:.1rem .1rem .2rem rgba(0,0,0,.5)}.btn-billete.b20{background:linear-gradient(145deg,#1a4d7c,#2980b9,#1a4d7c);border:.1875rem solid #3498db}.btn-billete.b50{background:linear-gradient(145deg,#8e1c5a,#c2185b,#8e1c5a);border:.1875rem solid #e91e8c}.btn-billete.b100{background:linear-gradient(145deg,#8b1a1a,#c62828,#8b1a1a);border:.1875rem solid #ef5350}.btn-billete.b200{background:linear-gradient(145deg,#1b5e20,#2e7d32,#1b5e20);border:.1875rem solid #4caf50}.btn-billete.b500{background:linear-gradient(145deg,#4a332c,#6d4c41,#4a332c);border:.1875rem solid #8d6e63}.btn-billete.b1000{background:linear-gradient(145deg,#4a148c,#7b1fa2,#4a148c);border:.1875rem solid #ab47bc}.billete-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:clamp(.2rem,.4vw,.35rem)}.monedas-grid{display:flex;gap:clamp(.2rem,.5vw,.5rem);justify-content:space-around;flex:1;align-items:center}.btn-moneda{width:clamp(2rem,3.5vw,3.5rem);height:clamp(2rem,3.5vw,3.5rem);border-radius:50%;font-weight:800;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:clamp(.6rem,1.2vw,.95rem);position:relative;text-shadow:.05rem .05rem .1rem rgba(0,0,0,.3);aspect-ratio:1 / 1;flex-shrink:0}.btn-moneda:hover{transform:scale(1.08);box-shadow:0 .2rem .5rem #00000040}.btn-moneda:active{transform:scale(.95)}.btn-moneda.m1,.btn-moneda.m2{background:linear-gradient(145deg,silver,#e8e8e8 30%,#a0a0a0 70%,silver);border:clamp(.15rem,.3vw,.25rem) solid #888;color:#333}.btn-moneda.m5{background:linear-gradient(145deg,#b87333,#cd8c52 30%,#8b5a2b 70%,#b87333);border:clamp(.15rem,.3vw,.25rem) solid #8b4513;color:#fff}.btn-moneda.m10{background:radial-gradient(circle at center,silver,silver 40%,#b87333 45%,#b87333);border:clamp(.15rem,.3vw,.25rem) solid #8b4513;color:#333}.btn-moneda.m20{background:radial-gradient(circle at center,#b87333,#b87333 40%,silver 45%,silver);border:clamp(.15rem,.3vw,.25rem) solid #888;color:#333}.pago-tarjeta{text-align:center;padding:clamp(.5rem,1.5vw,1rem)}.pago-total-tarjeta{max-width:min(18rem,90%);margin:0 auto clamp(.4rem,.8vw,.6rem)}.tarjeta-instruccion{color:var(--color-text-light);font-style:italic;font-size:clamp(.65rem,1.2vw,.8rem)}.btn-confirmar-pago{width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(.2rem,.4vw,.35rem);padding:1vh .8vw;background:#16a34a;border:none;border-radius:clamp(.25rem,.5vw,.5rem);color:#fff;font-size:clamp(.7rem,1.4vw,.95rem);font-weight:700;cursor:pointer;transition:background .2s;flex-shrink:0;margin-top:auto}.btn-confirmar-pago:hover:not(:disabled){background:#15803d}.btn-confirmar-pago:disabled{background:#9ca3af;cursor:not-allowed}.modal-cambio{max-width:min(24rem,95vw);width:90vw;max-height:95vh;height:auto;overflow:visible;text-align:center}.cambio-content{padding:clamp(.5rem,1.5vw,1rem) clamp(.5rem,1.5vw,1rem)}.cambio-titulo{font-size:var(--pos-font-base);font-weight:700;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:clamp(.15rem,.3vw,.25rem)}.cambio-titulo.exito{color:#16a34a}.cambio-grande{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;color:#16a34a;line-height:1.1;margin-bottom:clamp(.5rem,1vw,.75rem)}.cambio-grande.exito{color:#16a34a;display:flex;justify-content:center;align-items:center;padding:clamp(.25rem,.5vw,.5rem) 0}.cambio-detalle{background:var(--color-bg-secondary);border-radius:.5rem;padding:clamp(.4rem,.8vw,.6rem);margin-bottom:clamp(.4rem,.8vw,.6rem)}.detalle-linea{display:flex;justify-content:space-between;font-size:var(--pos-font-sm);margin-bottom:clamp(.15rem,.3vw,.25rem)}.detalle-linea:last-child{margin-bottom:0}.detalle-linea span:last-child{font-weight:600}.cambio-folio{font-size:clamp(.65rem,1vw,.75rem);color:var(--color-text-light)}.btn-cerrar-cambio{margin:0 clamp(.5rem,1vw,.75rem) clamp(.5rem,1vw,.75rem);display:flex;align-items:center;justify-content:center;gap:clamp(.25rem,.5vw,.5rem);width:calc(100% - clamp(1rem,2vw,1.5rem));padding:clamp(.4rem,.8vw,.6rem);font-size:var(--pos-font-sm)}.cliente-selector{padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.75rem);border-bottom:.0625rem solid var(--color-border)}.btn-seleccionar-cliente{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);width:100%;padding:clamp(.35rem,.7vw,.5rem) clamp(.5rem,1vw,.75rem);background:var(--color-bg-secondary);border:.0625rem dashed var(--color-border);border-radius:.375rem;color:var(--color-text-light);font-size:var(--pos-font-sm);cursor:pointer;transition:all .2s}.btn-seleccionar-cliente:hover{background:#fff;border-color:var(--color-primary);color:var(--color-primary)}.cliente-seleccionado{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);padding:clamp(.35rem,.7vw,.5rem) clamp(.5rem,1vw,.75rem);background:#f973161a;border:.0625rem solid var(--color-primary);border-radius:.375rem;color:var(--color-primary);font-size:var(--pos-font-sm);font-weight:500}.cliente-seleccionado span{flex:1}.btn-quitar-cliente{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:.125rem;display:flex;align-items:center;border-radius:50%;transition:background .2s}.btn-quitar-cliente:hover{background:#f9731633}.btn-pausar{display:flex;align-items:center;justify-content:center;gap:clamp(.25rem,.5vw,.5rem);padding:clamp(.6rem,1.2vw,1rem) clamp(.75rem,1.5vw,1.25rem);background:#3b82f6;border:none;border-radius:.5rem;color:#fff;font-size:var(--pos-font-base);font-weight:600;cursor:pointer;transition:background .2s}.btn-pausar:hover{background:#2563eb}.pedidos-pausados{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:.125rem solid var(--color-primary);box-shadow:0 -.25rem 1rem #0000001a;z-index:50;max-height:clamp(6rem,12vh,10rem);overflow:hidden}.pedidos-pausados-header{padding:clamp(.25rem,.5vw,.5rem) var(--pos-spacing);background:var(--color-bg-secondary);border-bottom:.0625rem solid var(--color-border);position:sticky;top:0}.pedidos-pausados-header h4{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);margin:0;font-size:var(--pos-font-sm);color:var(--color-text)}.pedidos-pausados-lista{display:flex;flex-wrap:wrap;gap:clamp(.25rem,.5vw,.5rem);padding:clamp(.5rem,1vw,.75rem) var(--pos-spacing)}.pedido-pausado-item{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.35rem,.7vw,.5rem) clamp(.5rem,1vw,.75rem);background:var(--color-bg-secondary);border:.0625rem solid var(--color-border);border-radius:.5rem;min-width:clamp(12rem,18vw,15rem)}.pedido-info{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.pedido-cliente{font-weight:600;color:var(--color-text);font-size:var(--pos-font-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pedido-total{font-weight:700;color:var(--color-primary);font-size:var(--pos-font-sm)}.pedido-items{font-size:clamp(.6rem,1vw,.75rem);color:var(--color-text-light)}.pedido-acciones{display:flex;gap:clamp(.125rem,.3vw,.25rem)}.pedido-acciones button{padding:clamp(.25rem,.5vw,.375rem);border:none;border-radius:.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-retomar{background:#3b82f6;color:#fff}.btn-retomar:hover{background:#2563eb}.btn-cobrar-pausado{background:#16a34a;color:#fff}.btn-cobrar-pausado:hover{background:#15803d}.btn-cancelar-pausado{background:#ef4444;color:#fff}.btn-cancelar-pausado:hover{background:#dc2626}.modal-cliente{max-width:min(28rem,95vw)}.cliente-busqueda{padding:var(--pos-spacing);border-bottom:.0625rem solid var(--color-border)}.cliente-busqueda input{width:100%;padding:clamp(.5rem,1vw,.75rem) var(--pos-spacing);border:.0625rem solid var(--color-border);border-radius:.5rem;font-size:var(--pos-font-sm);outline:none}.cliente-busqueda input:focus{border-color:var(--color-primary)}.clientes-lista{max-height:clamp(12rem,25vh,18rem);overflow:hidden;padding:clamp(.25rem,.5vw,.5rem)}.cliente-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:clamp(.5rem,1vw,.75rem) var(--pos-spacing);margin-bottom:clamp(.125rem,.3vw,.25rem);background:var(--color-bg-secondary);border:.0625rem solid transparent;border-radius:.375rem;cursor:pointer;transition:all .2s}.cliente-item:hover{background:#fff;border-color:var(--color-primary)}.cliente-item .cliente-nombre{font-weight:500;color:var(--color-text);font-size:var(--pos-font-sm)}.cliente-item .cliente-tel{font-size:clamp(.65rem,1vw,.8rem);color:var(--color-text-light)}.sin-clientes{text-align:center;color:var(--color-text-light);padding:clamp(1rem,3vw,2rem);font-style:italic;font-size:var(--pos-font-sm)}.turno-inicio{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:var(--pos-radius);border:.0625rem solid var(--color-border);max-width:50rem;margin:0 auto;overflow:hidden}.turno-header{text-align:center;padding:clamp(1rem,2vh,1.5rem) var(--pos-spacing);background:linear-gradient(135deg,var(--color-primary) 0%,#ea580c 100%);color:#fff}.turno-header h2{margin:.25rem 0;font-size:clamp(1.1rem,2.5vw,1.5rem)}.turno-header p{margin:0;font-size:var(--pos-font-sm);opacity:.85}.turno-body{flex:1;padding:var(--pos-spacing);overflow-y:auto;display:flex;flex-direction:column;gap:clamp(.75rem,1.5vh,1rem)}.turno-seccion h3{display:flex;align-items:center;gap:.5rem;margin:0 0 clamp(.5rem,1vh,.75rem);font-size:var(--pos-font-base);color:var(--color-text);padding-bottom:.35rem;border-bottom:.0625rem solid var(--color-border)}.turno-fondo-row{display:flex;gap:clamp(.5rem,1vw,1rem);align-items:center}.turno-fondo-input{flex:1;padding:clamp(.6rem,1.2vh,.85rem) clamp(.75rem,1.5vw,1rem);border:.125rem solid var(--color-border);border-radius:.5rem;font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:700;text-align:center;color:var(--color-text);max-width:12rem}.turno-fondo-input:focus{outline:none;border-color:var(--color-primary)}.turno-fondo-rapido{display:flex;gap:clamp(.25rem,.5vw,.5rem)}.turno-fondo-btn{padding:clamp(.4rem,.8vh,.6rem) clamp(.6rem,1.2vw,1rem);border:.0625rem solid var(--color-border);background:var(--color-bg-secondary);border-radius:.375rem;font-size:var(--pos-font-sm);font-weight:600;cursor:pointer;transition:all .2s}.turno-fondo-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.turno-inventario{border:.0625rem solid var(--color-border);border-radius:.5rem;overflow:hidden}.turno-inv-header{display:grid;grid-template-columns:1fr 5.5rem 5.5rem 4rem;gap:.5rem;padding:clamp(.35rem,.7vh,.5rem) clamp(.5rem,1vw,.75rem);background:var(--color-bg-secondary);font-size:clamp(.65rem,1.1vw,.75rem);font-weight:700;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.03em}.turno-inv-body{max-height:clamp(15rem,35vh,25rem);overflow-y:auto}.turno-inv-row{display:grid;grid-template-columns:1fr 5.5rem 5.5rem 4rem;gap:.5rem;padding:clamp(.3rem,.6vh,.45rem) clamp(.5rem,1vw,.75rem);align-items:center;border-bottom:.0625rem solid var(--color-border)}.turno-inv-row:last-child{border-bottom:none}.turno-inv-nombre{font-size:var(--pos-font-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turno-inv-sistema{font-size:clamp(.65rem,1.1vw,.8rem);color:var(--color-text-light);text-align:center}.turno-inv-input{width:100%;padding:clamp(.25rem,.5vh,.35rem) .25rem;border:.125rem solid var(--color-border);border-radius:.375rem;font-size:var(--pos-font-sm);font-weight:600;text-align:center;color:var(--color-text)}.turno-inv-input:focus{outline:none;border-color:var(--color-primary);background:#fff8f0}.turno-inv-dif{font-size:clamp(.65rem,1.1vw,.8rem);font-weight:600;text-align:center}.turno-inv-dif.negativa{color:#ef4444}.turno-inv-dif.positiva{color:#16a34a}.turno-footer{padding:var(--pos-spacing);border-top:.125rem solid var(--color-border)}.turno-btn-iniciar{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:clamp(.75rem,1.5vh,1rem);background:#16a34a;border:none;border-radius:.5rem;color:#fff;font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:700;cursor:pointer;transition:background .2s}.turno-btn-iniciar:hover:not(:disabled){background:#15803d}.turno-btn-iniciar:disabled{background:#9ca3af;cursor:not-allowed}@media(min-width:87.5rem){:root{--pos-spacing: 1.25rem;--pos-font-sm: .9rem;--pos-font-base: 1.1rem;--pos-font-lg: 1.35rem;--pos-font-xl: 1.85rem}}@media(max-width:48rem){.ventas-pos{flex-direction:column;height:calc(100vh - 3rem);overflow:hidden}.pos-productos{flex:1;min-height:0;max-height:55vh}.pos-carrito{width:100%;flex:1;min-height:0}.carrito-items{overflow:hidden}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr))}.modal.modal-pago{width:98vw;aspect-ratio:4 / 3}.pedido-pausado-item{min-width:100%}}@media(max-width:30rem){:root{--pos-spacing: .5rem}.ventas-pos{height:calc(100vh - 3rem);overflow:hidden}.pos-productos{flex:1;min-height:0}.pos-grid{grid-template-columns:repeat(3,1fr);gap:.35rem}.pos-producto-btn{min-height:3rem;padding:.35rem}.modal.modal-pago{width:98vw;aspect-ratio:3 / 4;max-height:95vh}.pago-izquierda{width:40%}.pedidos-pausados{max-height:8rem;overflow:hidden}}@media(max-width:20rem){.pos-grid{grid-template-columns:repeat(2,1fr)}}@media(max-height:600px){.ventas-pos{height:100vh;overflow:hidden}.carrito-items{overflow:hidden}.pedidos-pausados{max-height:5rem;overflow:hidden}.modal{max-height:95vh;overflow:hidden}.modal.modal-pago{aspect-ratio:16 / 9;max-height:95vh}}.productos{--prod-spacing: clamp(.75rem, 1.5vw, 1rem);--prod-font-sm: clamp(.7rem, 1.2vw, .8rem);--prod-font-base: clamp(.8rem, 1.4vw, .95rem);--prod-font-lg: clamp(1rem, 1.8vw, 1.25rem);--prod-font-xl: clamp(1.25rem, 2.2vw, 1.5rem);--prod-radius: clamp(.375rem, .8vw, .5rem);padding:var(--prod-spacing);height:calc(100vh - 4rem);display:flex;flex-direction:column;overflow:hidden}.productos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--prod-spacing);flex-shrink:0}.productos-header h2{color:var(--color-text);font-size:var(--prod-font-xl);margin:0}.productos-header .btn-primary{flex:0 0 auto;width:auto}.btn-primary{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);background:var(--color-primary);color:#fff;border:none;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem);border-radius:var(--prod-radius);font-size:var(--prod-font-base);cursor:pointer;transition:background .2s}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:.0625rem solid var(--color-border);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem);border-radius:var(--prod-radius);font-size:var(--prod-font-base);cursor:pointer}.productos-filtros{display:flex;gap:var(--prod-spacing);margin-bottom:var(--prod-spacing);flex-wrap:wrap;flex-shrink:0}.search-box{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);background:#fff;border:.0625rem solid var(--color-border);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);border-radius:var(--prod-radius);flex:1;max-width:clamp(15rem,40vw,25rem);min-width:12rem}.search-box input{background:none;border:none;color:var(--color-text);font-size:var(--prod-font-base);width:100%;outline:none}.productos-tabla{background:#fff;border-radius:var(--prod-radius);overflow-y:auto;overflow-x:hidden;border:.0625rem solid var(--color-border);flex:1;min-height:0}.productos-tabla table{width:100%;border-collapse:collapse;min-width:50rem;font-size:var(--prod-font-sm)}.productos-tabla th,.productos-tabla td{padding:clamp(.3rem,.6vw,.4rem) clamp(.4rem,.8vw,.5rem);text-align:left;white-space:nowrap}.productos-tabla th{background:var(--color-bg-secondary);color:var(--color-text-light);font-weight:600;font-size:clamp(.6rem,1vw,.7rem);text-transform:uppercase;letter-spacing:.03em;border-bottom:.125rem solid var(--color-border);position:sticky;top:0;z-index:1}.productos-tabla td{color:var(--color-text);border-bottom:.0625rem solid var(--color-border)}.productos-tabla th:nth-child(3),.productos-tabla th:nth-child(5),.productos-tabla th:nth-child(6),.productos-tabla td:nth-child(3),.productos-tabla td:nth-child(5),.productos-tabla td:nth-child(6){text-align:right}.productos-tabla tr:last-child td{border-bottom:none}.productos-tabla tbody tr:nth-child(2n) td{background:#fafafa}.productos-tabla tbody tr:hover td{background:#f0f0f0}.productos-tabla tr.stock-bajo td{background:#ef44441a}.productos-tabla tr.stock-bajo:hover td{background:#ef444426}.producto-nombre{display:flex;flex-direction:column;white-space:normal;max-width:15rem}.producto-nombre strong{color:var(--color-text)}.producto-nombre small{color:var(--color-text-light);font-size:clamp(.6rem,1vw,.7rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sin-resultados{text-align:center;color:var(--color-text-light);padding:var(--prod-spacing);font-size:var(--prod-font-sm)}.modal-overlay-productos{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-productos{background:#fff;border-radius:.5rem;width:min(30rem,94vw);box-shadow:0 8px 30px #0000002e}.modal-productos .modal-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.4rem,1vh,.8rem) clamp(.8rem,2vw,1.2rem);border-bottom:1px solid #e2e8f0}.modal-productos .modal-header h3{color:#1e293b;margin:0;font-size:clamp(.8rem,1.8vh,1.1rem);font-weight:600}.modal-productos .modal-header .btn-close{padding:clamp(.15rem,.4vh,.3rem);border:none;background:none;color:#94a3b8;cursor:pointer;border-radius:.25rem;display:flex;align-items:center}.modal-productos .modal-header .btn-close:hover{background:#f1f5f9;color:#334155}.modal-productos form{padding:clamp(.4rem,1.2vh,1rem) clamp(.8rem,2vw,1.2rem) clamp(.5rem,1.2vh,1rem);display:flex;flex-direction:column;gap:clamp(.3rem,.9vh,.7rem)}.modal-productos .mp-field{margin:0}.modal-productos .mp-field label{display:block;color:#64748b;font-size:clamp(.6rem,1.3vh,.8rem);margin-bottom:clamp(.1rem,.25vh,.2rem);font-weight:500}.modal-productos .mp-field input,.modal-productos .mp-field select{width:100%;background:#fff;border:1px solid #e2e8f0;color:#1e293b;padding:clamp(.2rem,.6vh,.45rem) .5rem!important;border-radius:.375rem;font-size:clamp(.68rem,1.5vh,.9rem);outline:none;transition:border-color .15s;box-sizing:border-box}.modal-productos .mp-field input:focus,.modal-productos .mp-field select:focus{border-color:#f97316}.modal-productos .mp-field input[type=number]{text-align:right;-moz-appearance:textfield}.modal-productos .mp-field input[type=number]::-webkit-outer-spin-button,.modal-productos .mp-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal-productos .mp-row{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(.4rem,1vw,.8rem)}.modal-productos .mp-checks{display:flex;gap:clamp(.8rem,2vw,1.5rem);flex-wrap:wrap}.modal-productos .mp-check-label{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:clamp(.68rem,1.5vh,.9rem);color:#1e293b;-webkit-user-select:none;user-select:none}.modal-productos .mp-check-label input[type=checkbox]{display:none}.modal-productos .mp-check-box{width:clamp(.8rem,1.8vh,1.1rem);height:clamp(.8rem,1.8vh,1.1rem);border:2px solid #cbd5e1;border-radius:.2rem;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.modal-productos .mp-check-label input[type=checkbox]:checked+.mp-check-box{background:#f97316;border-color:#f97316}.modal-productos .mp-check-label input[type=checkbox]:checked+.mp-check-box:after{content:"✓";color:#fff;font-size:clamp(.45rem,1vh,.65rem);font-weight:700}.modal-productos .mp-check-label:hover .mp-check-box{border-color:#f97316}.modal-productos .mp-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:clamp(.3rem,.8vh,.6rem);border-top:1px solid #e2e8f0}.modal-productos .mp-actions button{padding:clamp(.25rem,.6vh,.45rem) clamp(.8rem,2vw,1.2rem);font-size:clamp(.68rem,1.5vh,.9rem);border-radius:.375rem;cursor:pointer}.modal-productos .mp-actions .mp-btn-save{background:#f97316;color:#fff;border:none}.modal-productos .mp-actions .mp-btn-save:hover{background:#ea580c}.modal-productos .mp-actions .mp-btn-cancel{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.modal-productos .mp-actions .mp-btn-cancel:hover{background:#e2e8f0}.receta-badge{display:inline-flex;align-items:center;justify-content:center;background:#22c55e26;color:#16a34a;padding:clamp(.1rem,.2vw,.15rem);border-radius:.25rem;margin-left:clamp(.25rem,.5vw,.35rem);vertical-align:middle}.btn-receta:hover{background:#16a34a;border-color:#16a34a;color:#fff}.modal.modal-receta{width:min(80rem,95vw)!important;max-height:95vh!important;min-height:70vh;aspect-ratio:16 / 10}.modal-receta .receta-content{padding:clamp(1rem,2vw,1.5rem);max-height:calc(95vh - 150px);min-height:50vh;overflow-y:auto}.receta-seccion{margin-bottom:clamp(1rem,2vw,1.5rem)}.receta-seccion:last-child{margin-bottom:0}.receta-seccion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(.5rem,1vw,.75rem);padding-bottom:clamp(.35rem,.7vw,.5rem);border-bottom:.0625rem solid var(--color-border)}.receta-seccion-header h4{display:flex;align-items:center;gap:clamp(.35rem,.7vw,.5rem);margin:0;font-size:var(--prod-font-base);color:var(--color-text)}.btn-sm{display:inline-flex;align-items:center;gap:clamp(.15rem,.3vw,.25rem);padding:clamp(.25rem,.5vw,.35rem) clamp(.5rem,1vw,.75rem);font-size:var(--prod-font-sm);border-radius:.375rem}.btn-sm.btn-primary{background:var(--color-primary);color:#fff;border:none;cursor:pointer}.btn-sm.btn-primary:hover{background:var(--color-primary-dark)}.receta-vacia{color:var(--color-text-light);font-size:var(--prod-font-sm);font-style:italic;text-align:center;padding:var(--prod-spacing);background:var(--color-bg-secondary);border-radius:var(--prod-radius)}.receta-items{display:flex;flex-direction:column;gap:clamp(.35rem,.7vw,.5rem)}.receta-item{display:flex;gap:clamp(.35rem,.7vw,.5rem);align-items:center;padding:clamp(.35rem,.7vw,.5rem);background:var(--color-bg-secondary);border-radius:var(--prod-radius)}.receta-select{flex:1;min-width:12rem}.receta-cantidad{width:clamp(4rem,8vw,5rem);padding:clamp(.35rem,.7vw,.5rem);border:.0625rem solid var(--color-border);border-radius:.375rem;text-align:right;font-size:var(--prod-font-sm)}.receta-cantidad:focus{outline:none;border-color:var(--color-primary)}.receta-unidad{width:clamp(5rem,10vw,6rem)}.modal-receta .modal-actions{padding:var(--prod-spacing) clamp(1rem,2vw,1.5rem);border-top:.0625rem solid var(--color-border);margin-top:0}@media(min-width:87.5rem){.productos{--prod-spacing: 1.25rem;--prod-font-sm: .85rem;--prod-font-base: 1rem;--prod-font-lg: 1.35rem;--prod-font-xl: 1.6rem}}@media(max-width:64rem){.productos-tabla{overflow-x:auto}}@media(max-width:48rem){.productos{height:auto;min-height:calc(100vh - 3rem)}.productos-header{flex-direction:column;gap:var(--prod-spacing);align-items:flex-start}.productos-filtros{flex-direction:column}.search-box{max-width:100%}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.modal.modal-receta{aspect-ratio:auto}.receta-item{flex-wrap:wrap}.receta-select{width:100%;min-width:100%}.receta-cantidad,.receta-unidad{flex:1}}@media(max-width:30rem){.productos{--prod-spacing: .75rem}}@media(max-height:600px){.productos{height:auto;min-height:100vh}.modal.modal-receta{aspect-ratio:16 / 9}}.categorias{--cat-spacing: clamp(.75rem, 2vw, 1.5rem);--cat-font-sm: clamp(.7rem, 1.2vw, .85rem);--cat-font-base: clamp(.8rem, 1.4vw, .95rem);--cat-font-lg: clamp(1rem, 1.8vw, 1.25rem);--cat-font-xl: clamp(1.25rem, 2.2vw, 1.5rem);--cat-radius: clamp(.375rem, .8vw, .75rem);padding:var(--cat-spacing);height:calc(100vh - 4rem);display:flex;flex-direction:column;overflow:hidden}.categorias-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--cat-spacing);flex-shrink:0}.categorias-header h2{color:var(--color-text);font-size:var(--cat-font-xl);margin:0}.categorias .btn-primary{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);background:var(--color-primary);color:#fff;border:none;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem);border-radius:var(--cat-radius);font-size:var(--cat-font-base);cursor:pointer;transition:background .2s;white-space:nowrap}.categorias .btn-primary:hover{background:var(--color-primary-dark)}.categorias .btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:.0625rem solid var(--color-border);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem);border-radius:var(--cat-radius);font-size:var(--cat-font-base);cursor:pointer}.categorias .btn-secondary:hover{background:var(--color-border)}.categorias .btn-icon{background:var(--color-bg-secondary);border:.0625rem solid var(--color-border);color:var(--color-text-light);padding:clamp(.35rem,.7vw,.5rem);border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.categorias .btn-icon:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.categorias .btn-icon.btn-danger:hover{background:#ef4444;border-color:#ef4444}.categorias-filtros{display:flex;gap:var(--cat-spacing);margin-bottom:var(--cat-spacing);flex-wrap:wrap;align-items:center;flex-shrink:0}.categorias .search-box{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);background:#fff;border:.0625rem solid var(--color-border);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);border-radius:var(--cat-radius);flex:1;max-width:clamp(15rem,40vw,25rem);min-width:12rem}.categorias .search-box input{background:none;border:none;color:var(--color-text);font-size:var(--cat-font-base);width:100%;outline:none}.categorias .search-box input::placeholder{color:var(--color-text-light)}.categorias .search-box svg{color:var(--color-text-light);flex-shrink:0}.categorias-count{font-size:var(--cat-font-sm);color:var(--color-text-light);background:var(--color-bg-secondary);padding:clamp(.35rem,.7vw,.5rem) clamp(.75rem,1.5vw,1rem);border-radius:var(--cat-radius)}.categorias-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(14rem,25vw,20rem),1fr));gap:var(--cat-spacing);overflow-y:auto;flex:1;align-content:start;padding-bottom:var(--cat-spacing)}.categoria-card{display:flex;align-items:center;gap:clamp(.75rem,1.5vw,1rem);background:#fff;border:.0625rem solid var(--color-border);border-radius:var(--cat-radius);padding:clamp(.75rem,1.5vw,1rem);transition:all .2s}.categoria-card:hover{border-color:var(--color-primary);box-shadow:0 .25rem .75rem #00000014}.categoria-color{width:clamp(2.5rem,5vw,3.5rem);height:clamp(2.5rem,5vw,3.5rem);border-radius:var(--cat-radius);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;aspect-ratio:1 / 1}.categoria-color svg{width:clamp(1.25rem,2.5vw,1.5rem);height:clamp(1.25rem,2.5vw,1.5rem)}.categoria-info{flex:1;min-width:0}.categoria-info h4{margin:0 0 clamp(.125rem,.3vw,.25rem) 0;font-size:var(--cat-font-base);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.categoria-info p{margin:0 0 clamp(.25rem,.5vw,.35rem) 0;font-size:var(--cat-font-sm);color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.categoria-productos{font-size:clamp(.65rem,1vw,.75rem);color:var(--color-primary);background:#f973161a;padding:clamp(.125rem,.3vw,.2rem) clamp(.35rem,.7vw,.5rem);border-radius:1rem}.categoria-acciones{display:flex;gap:clamp(.25rem,.5vw,.35rem);flex-shrink:0}.sin-resultados{grid-column:1 / -1;text-align:center;color:var(--color-text-light);padding:clamp(2rem,5vw,3rem);font-size:var(--cat-font-base)}.modal-overlay-categorias{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-categorias{background:#fff;border-radius:.5rem;width:min(28rem,94vw);box-shadow:0 8px 30px #0000002e}.mk-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.5rem,1.2vh,.9rem) clamp(.8rem,2vw,1.2rem);border-bottom:1px solid #e2e8f0}.mk-header h3{color:#1e293b;margin:0;font-size:clamp(.85rem,2vh,1.15rem)}.mk-btn-close{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;padding:clamp(.2rem,.5vh,.35rem);border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mk-btn-close:hover{background:#ef4444;border-color:#ef4444;color:#fff}.modal-categorias form{padding:clamp(.4rem,1.2vh,1rem) clamp(.8rem,2vw,1.2rem);display:flex;flex-direction:column;gap:clamp(.3rem,.9vh,.7rem)}.mk-field{display:flex;flex-direction:column}.mk-field label{font-size:clamp(.6rem,1.3vh,.8rem);margin-bottom:clamp(.1rem,.25vh,.2rem);color:#64748b;font-weight:500}.mk-field input[type=text]{width:100%;background:#fff;border:1px solid #e2e8f0;color:#1e293b;padding:clamp(.2rem,.6vh,.45rem) .5rem!important;border-radius:.375rem;font-size:clamp(.68rem,1.5vh,.9rem);outline:none;transition:border-color .2s;box-sizing:border-box}.mk-field input[type=text]:focus{border-color:#f97316}.mk-color-selector{display:flex;flex-direction:column;gap:clamp(.25rem,.6vh,.5rem)}.mk-colores-predefinidos{display:flex;flex-wrap:wrap;gap:clamp(.2rem,.5vh,.4rem)}.mk-color-option{width:clamp(1.4rem,3vh,2rem);height:clamp(1.4rem,3vh,2rem);border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;padding:0;aspect-ratio:1 / 1}.mk-color-option:hover{transform:scale(1.1)}.mk-color-option.activo{border-color:#1e293b;box-shadow:0 0 0 2px #fff,0 0 0 4px #1e293b}.mk-color-custom{display:flex;align-items:center;gap:clamp(.3rem,.7vh,.5rem);padding:clamp(.2rem,.5vh,.35rem);background:#f8fafc;border-radius:.375rem;width:fit-content}.mk-color-custom input[type=color]{width:clamp(1.5rem,3vh,2rem);height:clamp(1.5rem,3vh,2rem);border:none;border-radius:.25rem;cursor:pointer;padding:0}.mk-color-custom input[type=color]::-webkit-color-swatch-wrapper{padding:0}.mk-color-custom input[type=color]::-webkit-color-swatch{border:none;border-radius:.25rem}.mk-color-custom span{font-size:clamp(.6rem,1.3vh,.8rem);color:#64748b;font-family:monospace;text-transform:uppercase}.mk-preview{margin-top:clamp(.3rem,.8vh,.6rem);padding-top:clamp(.3rem,.8vh,.6rem);border-top:1px solid #e2e8f0}.mk-preview>label{display:block;color:#64748b;font-size:clamp(.6rem,1.3vh,.8rem);font-weight:500;margin-bottom:clamp(.2rem,.5vh,.4rem)}.mk-preview-card{display:flex;align-items:center;gap:clamp(.5rem,1.2vh,.8rem);background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;padding:clamp(.4rem,1vh,.7rem);pointer-events:none}.mk-preview-color{width:clamp(2rem,4.5vh,3rem);height:clamp(2rem,4.5vh,3rem);border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.mk-preview-color svg{width:clamp(1rem,2.2vh,1.4rem);height:clamp(1rem,2.2vh,1.4rem)}.mk-preview-info{flex:1;min-width:0}.mk-preview-info h4{margin:0;font-size:clamp(.68rem,1.5vh,.9rem);color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-preview-info p{margin:clamp(.1rem,.2vh,.15rem) 0 0 0;font-size:clamp(.6rem,1.3vh,.8rem);color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-actions{display:flex;justify-content:flex-end;gap:clamp(.3rem,.8vh,.6rem);margin-top:clamp(.3rem,.8vh,.6rem);padding-top:clamp(.3rem,.8vh,.6rem);border-top:1px solid #e2e8f0}.mk-btn-cancel{background:#f8fafc;color:#1e293b;border:1px solid #e2e8f0;padding:clamp(.25rem,.6vh,.45rem) clamp(.8rem,2vw,1.2rem);border-radius:.375rem;font-size:clamp(.68rem,1.5vh,.9rem);cursor:pointer;transition:background .2s}.mk-btn-cancel:hover{background:#e2e8f0}.mk-btn-save{background:#f97316;color:#fff;border:none;padding:clamp(.25rem,.6vh,.45rem) clamp(.8rem,2vw,1.2rem);border-radius:.375rem;font-size:clamp(.68rem,1.5vh,.9rem);cursor:pointer;transition:background .2s}.mk-btn-save:hover{background:#ea580c}@media(min-width:87.5rem){.categorias{--cat-spacing: 1.5rem;--cat-font-sm: .85rem;--cat-font-base: 1rem;--cat-font-lg: 1.35rem;--cat-font-xl: 1.6rem}}@media(max-width:64rem){.categorias-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}}@media(max-width:48rem){.categorias-header{flex-direction:column;gap:var(--cat-spacing);align-items:stretch}.categorias-header .btn-primary{justify-content:center}.categorias-filtros{flex-direction:column;align-items:stretch}.categorias .search-box{max-width:100%}.categorias-count{text-align:center}.categorias-grid{grid-template-columns:1fr}.mk-actions{flex-direction:column}.mk-actions button{width:100%}}@media(max-width:30rem){.categorias{--cat-spacing: .75rem}.categoria-card{flex-wrap:wrap}.categoria-info{flex:1 1 calc(100% - 4rem)}.categoria-acciones{width:100%;justify-content:flex-end;margin-top:.5rem;padding-top:.5rem;border-top:.0625rem solid var(--color-border)}}@media(max-height:600px){.categorias{height:auto;min-height:100vh}.categorias-grid{max-height:none}.modal-categorias{max-height:95vh;overflow-y:auto}}.ingredientes{--ing-spacing: clamp(.75rem, 1.5vw, 1rem);--ing-font-sm: clamp(.7rem, 1.2vw, .8rem);--ing-font-base: clamp(.8rem, 1.4vw, .95rem);--ing-font-lg: clamp(1rem, 1.8vw, 1.25rem);--ing-font-xl: clamp(1.25rem, 2.2vw, 1.5rem);--ing-radius: clamp(.375rem, .8vw, .5rem);padding:var(--ing-spacing);height:calc(100vh - 4rem);display:flex;flex-direction:column;overflow:hidden}.ingredientes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ing-spacing);flex-shrink:0}.ingredientes-header h2{color:var(--color-text);font-size:var(--ing-font-xl);margin:0}.ingredientes .btn-primary{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);background:var(--color-primary);color:#fff;border:none;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem);border-radius:var(--ing-radius);font-size:var(--ing-font-base);cursor:pointer;transition:background .2s;white-space:nowrap}.ingredientes .btn-primary:hover{background:var(--color-primary-dark)}.ingredientes .btn-icon{background:var(--color-bg-secondary);border:.0625rem solid var(--color-border);color:var(--color-text-light);padding:clamp(.35rem,.7vw,.5rem);border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.ingredientes .btn-icon:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ingredientes .btn-icon.btn-danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}.ing-tabs{display:flex;gap:0;margin-bottom:var(--ing-spacing);flex-shrink:0;border-bottom:2px solid var(--color-border)}.ing-tab{display:flex;align-items:center;gap:.4rem;padding:clamp(.4rem,.8vw,.6rem) clamp(.8rem,1.5vw,1.2rem);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--color-text-light);font-size:var(--ing-font-base);font-weight:500;cursor:pointer;transition:all .2s}.ing-tab:hover{color:var(--color-primary)}.ing-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.ingredientes-filtros{display:flex;gap:var(--ing-spacing);margin-bottom:var(--ing-spacing);flex-wrap:wrap;flex-shrink:0}.ingredientes .search-box{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);background:#fff;border:.0625rem solid var(--color-border);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);border-radius:var(--ing-radius);flex:1;max-width:clamp(15rem,40vw,25rem);min-width:12rem}.ingredientes .search-box input{background:none;border:none;color:var(--color-text);font-size:var(--ing-font-base);width:100%;outline:none}.ingredientes .search-box input::placeholder{color:var(--color-text-light)}.ingredientes .search-box svg{color:var(--color-text-light);flex-shrink:0}.ingredientes-tabla{background:#fff;border-radius:var(--ing-radius);overflow-y:auto;overflow-x:hidden;border:.0625rem solid var(--color-border);flex:1;min-height:0}.ingredientes-tabla table{width:100%;border-collapse:collapse;min-width:45rem;font-size:var(--ing-font-sm)}.ingredientes-tabla th,.ingredientes-tabla td{padding:clamp(.3rem,.6vw,.4rem) clamp(.4rem,.8vw,.5rem);text-align:left;white-space:nowrap}.ingredientes-tabla th{background:var(--color-bg-secondary);color:var(--color-text-light);font-weight:600;font-size:clamp(.6rem,1vw,.7rem);text-transform:uppercase;letter-spacing:.03em;border-bottom:.125rem solid var(--color-border);position:sticky;top:0;z-index:1}.ingredientes-tabla td{color:var(--color-text);border-bottom:.0625rem solid var(--color-border)}.ingredientes-tabla th:nth-child(2),.ingredientes-tabla th:nth-child(4),.ingredientes-tabla th:nth-child(6),.ingredientes-tabla td:nth-child(2),.ingredientes-tabla td:nth-child(4),.ingredientes-tabla td:nth-child(6){text-align:right}.ingredientes-tabla tr:last-child td{border-bottom:none}.ingredientes-tabla tbody tr:nth-child(2n) td{background:#fafafa}.ingredientes-tabla tbody tr:hover td{background:#f0f0f0}.ingredientes-tabla tr.stock-bajo td{background:#ef44441a}.ingredientes-tabla tr.stock-bajo:hover td{background:#ef444426}.categoria-badge{background:#f9731626;color:var(--color-primary);padding:clamp(.1rem,.2vw,.15rem) clamp(.35rem,.7vw,.5rem);border-radius:.75rem;font-size:clamp(.6rem,1vw,.7rem);font-weight:500}.sin-resultados{text-align:center;color:var(--color-text-light);padding:var(--ing-spacing);font-size:var(--ing-font-sm)}.modal-overlay-ingredientes{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-ingredientes{background:#fff;border-radius:.5rem;width:min(30rem,94vw);box-shadow:0 8px 30px #0000002e}.mi-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.5rem,1.2vh,.9rem) clamp(.8rem,2vw,1.2rem);border-bottom:1px solid #e2e8f0}.mi-header h3{color:#1e293b;margin:0;font-size:clamp(.85rem,2vh,1.15rem)}.mi-btn-close{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;padding:clamp(.2rem,.5vh,.35rem);border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mi-btn-close:hover{background:#ef4444;border-color:#ef4444;color:#fff}.modal-ingredientes form{padding:clamp(.4rem,1.2vh,1rem) clamp(.8rem,2vw,1.2rem);display:flex;flex-direction:column;gap:clamp(.3rem,.9vh,.7rem)}.mi-field{display:flex;flex-direction:column}.mi-field label{font-size:clamp(.6rem,1.3vh,.8rem);margin-bottom:clamp(.1rem,.25vh,.2rem);color:#64748b;font-weight:500}.mi-field input[type=text],.mi-field input[type=number]{width:100%;background:#fff;border:1px solid #e2e8f0;color:#1e293b;padding:clamp(.2rem,.6vh,.45rem) .5rem!important;border-radius:.375rem;font-size:clamp(.68rem,1.5vh,.9rem);outline:none;transition:border-color .2s;box-sizing:border-box}.mi-field input[type=text]:focus,.mi-field input[type=number]:focus{border-color:#f97316}.mi-field input[type=number]{text-align:right;-moz-appearance:textfield}.mi-field input[type=number]::-webkit-outer-spin-button,.mi-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mi-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.4rem,1vw,.75rem)}.mi-actions{display:flex;justify-content:flex-end;gap:clamp(.3rem,.8vh,.6rem);margin-top:clamp(.3rem,.8vh,.6rem);padding-top:clamp(.3rem,.8vh,.6rem);border-top:1px solid #e2e8f0}.mi-btn-cancel{background:#f8fafc;color:#1e293b;border:1px solid #e2e8f0;padding:clamp(.25rem,.6vh,.45rem) clamp(.8rem,2vw,1.2rem);border-radius:.375rem;font-size:clamp(.68rem,1.5vh,.9rem);cursor:pointer;transition:background .2s}.mi-btn-cancel:hover{background:#e2e8f0}.mi-btn-save{background:#f97316;color:#fff;border:none;padding:clamp(.25rem,.6vh,.45rem) clamp(.8rem,2vw,1.2rem);border-radius:.375rem;font-size:clamp(.68rem,1.5vh,.9rem);cursor:pointer;transition:background .2s}.mi-btn-save:hover{background:#ea580c}@media(min-width:87.5rem){.ingredientes{--ing-spacing: 1.25rem;--ing-font-sm: .85rem;--ing-font-base: 1rem;--ing-font-lg: 1.35rem;--ing-font-xl: 1.6rem}}@media(max-width:64rem){.ingredientes-tabla{overflow-x:auto}}@media(max-width:48rem){.ingredientes-header{flex-direction:column;gap:var(--ing-spacing);align-items:flex-start}.ingredientes-filtros{flex-direction:column}.ingredientes .search-box{max-width:100%}.mi-row{grid-template-columns:1fr}.mi-actions{flex-direction:column}.mi-actions button{width:100%}}@media(max-width:30rem){.ingredientes{--ing-spacing: .75rem}}@media(max-height:600px){.ingredientes{height:auto;min-height:100vh}.modal-ingredientes{max-height:95vh;overflow-y:auto}}.producciones-pos{display:flex;height:calc(100vh - clamp(3rem,5vh,4rem));gap:clamp(.4rem,.8vw,.75rem);padding:clamp(.4rem,.8vw,.75rem);background:var(--color-bg)}.prod-productos{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:clamp(.4rem,.8vw,.6rem);overflow:hidden;border:.0625rem solid var(--color-border);min-width:0}.prod-productos-header{display:flex;align-items:center;padding:clamp(.5rem,1vw,.75rem) clamp(.6rem,1.2vw,1rem);background:var(--color-primary);color:#fff;flex-shrink:0}.prod-productos-header h3{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.4rem);margin:0;font-size:clamp(.85rem,1.4vw,1rem)}.prod-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(5rem,10vw,7rem),1fr));gap:clamp(.3rem,.6vw,.5rem);padding:clamp(.4rem,.8vw,.6rem);overflow-y:auto;align-content:start}.prod-producto-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(.5rem,1vw,.8rem) clamp(.3rem,.6vw,.5rem);background:linear-gradient(135deg,#fff,#f8f9fa);border:.125rem solid var(--color-border);border-radius:clamp(.3rem,.6vw,.4rem);cursor:pointer;transition:all .2s;min-height:clamp(3rem,6vh,4rem);aspect-ratio:1 / .7}.prod-producto-btn.directa{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.prod-producto-btn.directa:hover{border-color:#d97706}.prod-producto-btn.directa.seleccionado{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706}.prod-directa-badge{position:absolute;top:.2rem;right:.2rem;display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;background:#f59e0b;color:#fff;border-radius:50%;box-shadow:0 .1rem .25rem #00000026}.prod-producto-btn.directa.seleccionado .prod-directa-badge{background:#fff;color:#d97706}.prod-producto-btn:hover{border-color:var(--color-primary);transform:translateY(-.1rem);box-shadow:0 .2rem .5rem #f9731626}.prod-producto-btn:active{transform:translateY(0)}.prod-producto-btn.seleccionado{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 .2rem .75rem #f973164d}.prod-producto-btn.seleccionado .prod-nombre,.prod-producto-btn.seleccionado .prod-unidad{color:#fff}.prod-nombre{font-weight:600;font-size:clamp(.7rem,1.2vw,.85rem);color:var(--color-text);text-align:center;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.prod-unidad{font-size:clamp(.6rem,1vw,.7rem);color:var(--color-text-light);margin-top:clamp(.1rem,.2vw,.15rem)}.sin-productos{grid-column:1 / -1;text-align:center;color:var(--color-text-light);padding:clamp(1rem,2vw,1.5rem);font-size:clamp(.75rem,1.3vw,.9rem)}.prod-receta{width:clamp(12rem,22vw,16rem);display:flex;flex-direction:column;background:#fff;border-radius:clamp(.4rem,.8vw,.6rem);border:.0625rem solid var(--color-border);overflow:hidden;flex-shrink:0}.prod-vacio{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.5rem,1vw,.75rem);color:var(--color-text-light);padding:clamp(1rem,2vw,1.5rem);text-align:center}.prod-vacio svg{opacity:.3;width:clamp(2rem,4vw,3rem);height:clamp(2rem,4vw,3rem)}.prod-vacio p{font-size:clamp(.75rem,1.3vw,.9rem);margin:0}.prod-receta-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.4rem,.8vw,.6rem) clamp(.5rem,1vw,.75rem);background:var(--color-primary);color:#fff;flex-shrink:0}.prod-receta-header h3{margin:0;font-size:clamp(.8rem,1.4vw,.95rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-limpiar{display:flex;align-items:center;justify-content:center;padding:clamp(.25rem,.5vw,.35rem);background:#fff3;border:none;border-radius:.25rem;color:#fff;cursor:pointer;transition:background .2s}.btn-limpiar:hover{background:#ffffff4d}.prod-receta-content{flex:1;overflow-y:auto;padding:clamp(.3rem,.6vw,.5rem)}.prod-seccion{margin-bottom:clamp(.4rem,.8vw,.6rem)}.prod-seccion:last-child{margin-bottom:0}.prod-seccion h4{display:flex;align-items:center;gap:clamp(.2rem,.4vw,.25rem);margin:0 0 clamp(.25rem,.5vw,.35rem) 0;font-size:clamp(.7rem,1.2vw,.8rem);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.02em}.prod-items{display:flex;flex-direction:column;gap:clamp(.2rem,.4vw,.3rem)}.prod-item-compacto{display:flex;align-items:center;justify-content:space-between;padding:clamp(.35rem,.7vw,.5rem) clamp(.4rem,.8vw,.6rem);background:var(--color-bg-secondary);border-radius:clamp(.2rem,.4vw,.3rem);cursor:pointer;transition:all .15s;border:.125rem solid transparent}.prod-item-compacto:hover{background:#e2e8f0}.prod-item-compacto.activo{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 .125rem #f9731633}.prod-item-compacto .item-nombre{font-size:clamp(.7rem,1.2vw,.8rem);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.prod-item-compacto .item-valor{font-size:clamp(.8rem,1.4vw,.95rem);font-weight:700;color:var(--color-primary);margin-left:clamp(.3rem,.6vw,.5rem);white-space:nowrap}.prod-item-compacto .item-valor small{font-size:clamp(.6rem,1vw,.7rem);font-weight:400;color:var(--color-text-light)}.prod-item-compacto.salida{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.prod-item-compacto.salida.activo{background:#fff;border-color:#16a34a;box-shadow:0 0 0 .125rem #16a34a33}.prod-item-compacto.salida-directa{cursor:default;opacity:.95}.prod-item-compacto.pivote{border-color:#f97316;box-shadow:0 0 0 .125rem #f9731633}.pivote-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .3rem;margin-left:.4rem;background:#f97316;color:#fff;border-radius:.25rem;font-size:.55rem;font-weight:700;vertical-align:middle}.prod-item-compacto .item-valor.grande{font-size:clamp(1rem,1.8vw,1.2rem)}.prod-sin-receta{text-align:center;color:var(--color-text-light);padding:clamp(.5rem,1vw,.75rem);font-style:italic}.prod-sin-receta p{margin:0;font-size:clamp(.7rem,1.2vw,.8rem)}.prod-item-compacto.extra{background:linear-gradient(135deg,#fef3c7,#fde68a);position:relative;padding-right:clamp(1.5rem,3vw,2rem)}.prod-item-compacto.extra.activo{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 .125rem #f59e0b33}.btn-eliminar-extra{position:absolute;right:clamp(.2rem,.4vw,.3rem);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:clamp(1.1rem,2.2vw,1.4rem);height:clamp(1.1rem,2.2vw,1.4rem);background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .15s}.btn-eliminar-extra:hover{background:#dc2626;transform:translateY(-50%) scale(1.1)}.btn-agregar-extra{display:flex;align-items:center;justify-content:center;gap:clamp(.2rem,.4vw,.3rem);width:100%;padding:clamp(.4rem,.8vw,.5rem);margin-top:clamp(.3rem,.6vw,.4rem);background:transparent;border:.125rem dashed var(--color-border);border-radius:clamp(.2rem,.4vw,.3rem);color:var(--color-text-light);font-size:clamp(.65rem,1.1vw,.75rem);cursor:pointer;transition:all .15s}.btn-agregar-extra:hover{border-color:var(--color-primary);color:var(--color-primary);background:#f973160d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-extras{background:#fff;border-radius:clamp(.5rem,1vw,.75rem);width:clamp(18rem,80vw,24rem);max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.modal-extras-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.5rem,1vw,.75rem);background:var(--color-primary);color:#fff}.modal-extras-header h4{margin:0;font-size:clamp(.9rem,1.6vw,1.1rem)}.btn-cerrar-modal{display:flex;align-items:center;justify-content:center;padding:clamp(.2rem,.4vw,.3rem);background:#fff3;border:none;border-radius:.25rem;color:#fff;cursor:pointer}.btn-cerrar-modal:hover{background:#ffffff4d}.modal-extras-tabs{display:flex;border-bottom:.0625rem solid var(--color-border)}.tab-extra{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(.2rem,.4vw,.3rem);padding:clamp(.5rem,1vw,.75rem);background:#fff;border:none;color:var(--color-text-light);font-size:clamp(.75rem,1.3vw,.9rem);cursor:pointer;transition:all .15s}.tab-extra:hover{background:var(--color-bg-secondary)}.tab-extra.activo{color:var(--color-primary);border-bottom:.125rem solid var(--color-primary);font-weight:600}.modal-extras-lista{flex:1;overflow-y:auto;padding:clamp(.4rem,.8vw,.6rem);display:flex;flex-direction:column;gap:clamp(.2rem,.4vw,.3rem)}.item-seleccionable{display:flex;justify-content:space-between;align-items:center;padding:clamp(.5rem,1vw,.7rem);background:var(--color-bg-secondary);border:.0625rem solid transparent;border-radius:clamp(.2rem,.4vw,.3rem);cursor:pointer;transition:all .15s;text-align:left}.item-seleccionable:hover{background:#fff;border-color:var(--color-primary)}.item-seleccionable span{font-size:clamp(.75rem,1.3vw,.9rem);color:var(--color-text)}.item-seleccionable small{font-size:clamp(.65rem,1.1vw,.75rem);color:var(--color-text-light)}.prod-footer-mini{padding:clamp(.3rem,.6vw,.5rem);border-top:.0625rem solid var(--color-border);flex-shrink:0}.prod-footer-mini .btn-registrar{width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(.25rem,.5vw,.35rem);padding:clamp(.5rem,1vw,.7rem);background:#16a34a;border:none;border-radius:clamp(.25rem,.5vw,.35rem);color:#fff;font-size:clamp(.8rem,1.4vw,.95rem);font-weight:600;cursor:pointer;transition:background .2s}.prod-footer-mini .btn-registrar:hover:not(:disabled){background:#15803d}.prod-footer-mini .btn-registrar:disabled{background:#9ca3af;cursor:not-allowed}.prod-teclado{width:clamp(10rem,18vw,14rem);display:flex;flex-direction:column;background:#fff;border-radius:clamp(.4rem,.8vw,.6rem);border:.0625rem solid var(--color-border);padding:clamp(.4rem,.8vw,.6rem);flex-shrink:0}.teclado-display{background:var(--color-bg-secondary);border-radius:clamp(.25rem,.5vw,.35rem);padding:clamp(.4rem,.8vw,.6rem);margin-bottom:clamp(.4rem,.8vw,.6rem);text-align:center}.teclado-label{display:block;font-size:clamp(.65rem,1.1vw,.75rem);color:var(--color-text-light);margin-bottom:clamp(.15rem,.3vw,.2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teclado-valor{display:block;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;color:var(--color-text)}.teclado-rapidos{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.2rem,.4vw,.3rem);margin-bottom:clamp(.4rem,.8vw,.6rem)}.teclado-rapidos button{padding:clamp(.4rem,.8vw,.6rem);background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:clamp(.2rem,.4vw,.3rem);color:#fff;font-size:clamp(.75rem,1.3vw,.9rem);font-weight:600;cursor:pointer;transition:all .15s}.teclado-rapidos button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.teclado-rapidos button:active{transform:scale(.95)}.teclado-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.2rem,.4vw,.3rem);margin-bottom:clamp(.3rem,.6vw,.4rem)}.tecla{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#fff;border:.0625rem solid var(--color-border);border-radius:clamp(.25rem,.5vw,.35rem);font-size:clamp(1rem,2vw,1.35rem);font-weight:600;color:var(--color-text);cursor:pointer;transition:all .15s}.tecla:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.tecla:active{transform:scale(.95);background:var(--color-primary);color:#fff}.tecla.borrar{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.tecla.borrar:hover{background:#fecaca}.tecla-limpiar{width:100%;padding:clamp(.5rem,1vw,.7rem);background:#f1f5f9;border:.0625rem solid var(--color-border);border-radius:clamp(.25rem,.5vw,.35rem);font-size:clamp(.85rem,1.5vw,1rem);font-weight:600;color:var(--color-text);cursor:pointer;transition:all .15s}.tecla-limpiar:hover{background:#e2e8f0}.prod-hoy{width:clamp(11rem,20vw,15rem);display:flex;flex-direction:column;background:#fff;border-radius:clamp(.4rem,.8vw,.6rem);border:.0625rem solid var(--color-border);overflow:hidden;flex-shrink:0}.prod-hoy-header{display:flex;align-items:center;padding:clamp(.4rem,.8vw,.6rem) clamp(.5rem,1vw,.75rem);background:#6366f1;color:#fff;flex-shrink:0}.prod-hoy-header h3{display:flex;align-items:center;gap:clamp(.2rem,.4vw,.3rem);margin:0;font-size:clamp(.8rem,1.4vw,.95rem)}.prod-hoy-lista{flex:1;overflow-y:auto;padding:clamp(.3rem,.6vw,.5rem)}.sin-producciones{text-align:center;color:var(--color-text-light);padding:clamp(1rem,2vw,1.5rem);font-size:clamp(.7rem,1.2vw,.8rem);margin:0}.prod-hoy-item{display:flex;align-items:center;gap:clamp(.2rem,.4vw,.3rem);padding:clamp(.35rem,.7vw,.5rem);background:var(--color-bg-secondary);border-radius:clamp(.2rem,.4vw,.3rem);margin-bottom:clamp(.2rem,.4vw,.3rem);cursor:pointer;transition:all .15s;border:.0625rem solid transparent}.prod-hoy-item:hover{background:#e0e7ff;border-color:#6366f1}.prod-hoy-item:last-child{margin-bottom:0}.prod-hoy-info{flex:1;min-width:0}.prod-hoy-nombre{display:block;font-size:clamp(.65rem,1.1vw,.75rem);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-hoy-hora{font-size:clamp(.55rem,.95vw,.65rem);color:var(--color-text-light)}.prod-hoy-cant{font-size:clamp(.6rem,1vw,.7rem);font-weight:600;color:#6366f1;white-space:nowrap}.badge-ajustes{display:inline-block;margin-left:.2rem;padding:.1rem .25rem;background:#fbbf24;color:#78350f;border-radius:.2rem;font-size:clamp(.5rem,.85vw,.6rem);font-weight:700}.prod-hoy-arrow{color:var(--color-text-light);flex-shrink:0}.ajuste-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.ajuste-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.3rem,.6vw,.5rem);background:var(--color-bg-secondary);border-bottom:.0625rem solid var(--color-border)}.ajuste-titulo{flex:1;min-width:0}.ajuste-titulo span{display:block;font-size:clamp(.7rem,1.2vw,.85rem);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ajuste-titulo small{font-size:clamp(.6rem,1vw,.7rem);color:var(--color-text-light)}.btn-cerrar-ajuste{display:flex;align-items:center;justify-content:center;padding:clamp(.2rem,.4vw,.3rem);background:transparent;border:none;color:var(--color-text-light);cursor:pointer}.btn-cerrar-ajuste:hover{color:#ef4444}.ajuste-content{flex:1;overflow-y:auto;padding:clamp(.3rem,.6vw,.5rem)}.ajuste-pesos{display:flex;flex-direction:column;gap:clamp(.3rem,.6vw,.4rem);margin-bottom:clamp(.4rem,.8vw,.6rem)}.ajuste-peso{display:flex;flex-direction:column;gap:clamp(.1rem,.2vw,.15rem)}.ajuste-peso label{display:flex;align-items:center;gap:clamp(.15rem,.3vw,.2rem);font-size:clamp(.6rem,1vw,.7rem);color:var(--color-text-light);text-transform:uppercase}.ajuste-peso input{padding:clamp(.35rem,.7vw,.5rem);border:.0625rem solid var(--color-border);border-radius:clamp(.2rem,.4vw,.3rem);font-size:clamp(.85rem,1.5vw,1rem);font-weight:600;text-align:center;-moz-appearance:textfield}.ajuste-peso input::-webkit-outer-spin-button,.ajuste-peso input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ajuste-peso input:focus{outline:none;border-color:#6366f1}.ajuste-diferencia{padding:clamp(.3rem,.6vw,.4rem);border-radius:clamp(.2rem,.4vw,.3rem);text-align:center;font-size:clamp(.7rem,1.2vw,.85rem);font-weight:600;margin-bottom:clamp(.4rem,.8vw,.6rem)}.ajuste-diferencia.positivo{background:#dcfce7;color:#166534}.ajuste-diferencia.negativo{background:#fee2e2;color:#991b1b}.ajuste-items{margin-bottom:clamp(.3rem,.6vw,.4rem)}.ajuste-items h5{margin:0 0 clamp(.2rem,.4vw,.3rem) 0;font-size:clamp(.6rem,1vw,.7rem);color:var(--color-text-light);text-transform:uppercase}.sin-items{text-align:center;color:var(--color-text-light);font-size:clamp(.6rem,1vw,.7rem);font-style:italic;margin:clamp(.3rem,.6vw,.5rem) 0}.ajuste-item{display:flex;align-items:center;gap:clamp(.2rem,.4vw,.3rem);padding:clamp(.25rem,.5vw,.35rem);background:var(--color-bg-secondary);border-radius:clamp(.2rem,.4vw,.3rem);margin-bottom:clamp(.2rem,.4vw,.3rem)}.ajuste-item-nombre{flex:1;font-size:clamp(.6rem,1vw,.7rem);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ajuste-item input{width:clamp(2.5rem,5vw,3.5rem);padding:clamp(.2rem,.4vw,.3rem);border:.0625rem solid var(--color-border);border-radius:.2rem;text-align:center;font-size:clamp(.65rem,1.1vw,.75rem);font-weight:600;-moz-appearance:textfield}.ajuste-item input::-webkit-outer-spin-button,.ajuste-item input::-webkit-inner-spin-button{-webkit-appearance:none}.ajuste-item small{font-size:clamp(.55rem,.95vw,.65rem);color:var(--color-text-light)}.btn-quitar-item{display:flex;align-items:center;justify-content:center;padding:clamp(.15rem,.3vw,.2rem);background:#fee2e2;border:none;border-radius:50%;color:#ef4444;cursor:pointer}.btn-quitar-item:hover{background:#fecaca}.btn-agregar-item-ajuste{display:flex;align-items:center;justify-content:center;gap:clamp(.15rem,.3vw,.2rem);width:100%;padding:clamp(.3rem,.6vw,.4rem);background:transparent;border:.0625rem dashed var(--color-border);border-radius:clamp(.2rem,.4vw,.3rem);color:var(--color-text-light);font-size:clamp(.6rem,1vw,.7rem);cursor:pointer;transition:all .15s}.btn-agregar-item-ajuste:hover{border-color:#6366f1;color:#6366f1}.ajuste-footer{padding:clamp(.3rem,.6vw,.5rem);border-top:.0625rem solid var(--color-border)}.btn-guardar-ajuste{width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(.2rem,.4vw,.3rem);padding:clamp(.4rem,.8vw,.6rem);background:#6366f1;border:none;border-radius:clamp(.2rem,.4vw,.3rem);color:#fff;font-size:clamp(.7rem,1.2vw,.85rem);font-weight:600;cursor:pointer;transition:all .15s}.btn-guardar-ajuste:hover:not(:disabled){background:#4f46e5}.btn-guardar-ajuste:disabled{background:#9ca3af;cursor:not-allowed}@media(min-width:87.5rem){.prod-grid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}}@media(max-width:64rem){.prod-hoy{width:clamp(9rem,16vw,12rem)}}@media(max-width:48rem){.producciones-pos{flex-direction:column;height:auto;min-height:calc(100vh - 3rem)}.prod-productos{min-height:20vh;max-height:30vh}.prod-receta,.prod-teclado{width:100%}.prod-hoy{width:100%;max-height:30vh}.teclado-grid{max-width:20rem;margin:0 auto clamp(.3rem,.6vw,.4rem)}.teclado-rapidos{max-width:20rem;margin:0 auto clamp(.4rem,.8vw,.6rem)}.tecla-limpiar{max-width:20rem;margin:0 auto;display:block}}@media(max-width:30rem){.producciones-pos{gap:.4rem;padding:.4rem}.prod-productos{min-height:20vh;max-height:30vh}.prod-grid{grid-template-columns:repeat(3,1fr);gap:.3rem}.prod-producto-btn{min-height:2.5rem;padding:.4rem .25rem}}@media(max-height:600px){.producciones-pos{height:auto;min-height:100vh}.prod-productos{max-height:35vh}.prod-receta-content{max-height:25vh}}.reporte-producciones{padding:clamp(.75rem,1.5vw,1.25rem);background:var(--color-bg);min-height:calc(100vh - clamp(3rem,5vh,4rem))}.reporte-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(.75rem,1.5vw,1rem);margin-bottom:clamp(1rem,2vw,1.5rem);padding:clamp(.75rem,1.5vw,1rem);background:#fff;border-radius:clamp(.4rem,.8vw,.6rem);border:.0625rem solid var(--color-border)}.reporte-titulo{display:flex;align-items:center;gap:clamp(.4rem,.8vw,.6rem)}.reporte-titulo h2{margin:0;font-size:clamp(1.1rem,2vw,1.4rem);color:var(--color-text)}.reporte-titulo svg{color:var(--color-primary)}.reporte-filtros{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,.75rem)}.filtro-grupo{display:flex;flex-direction:column;gap:.25rem}.filtro-grupo label{display:flex;align-items:center;gap:.25rem;font-size:clamp(.65rem,1.1vw,.75rem);color:var(--color-text-light);text-transform:uppercase}.filtro-grupo input,.filtro-grupo select{padding:clamp(.4rem,.8vw,.5rem) clamp(.5rem,1vw,.75rem);border:.0625rem solid var(--color-border);border-radius:clamp(.25rem,.5vw,.35rem);font-size:clamp(.8rem,1.4vw,.9rem);background:#fff}.filtro-grupo input:focus,.filtro-grupo select:focus{outline:none;border-color:var(--color-primary)}.filtro-grupo select{min-width:clamp(8rem,15vw,12rem)}.reporte-loading,.reporte-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(2rem,4vw,3rem);color:var(--color-text-light);background:#fff;border-radius:clamp(.4rem,.8vw,.6rem);border:.0625rem solid var(--color-border)}.reporte-vacio svg{opacity:.3;margin-bottom:clamp(.5rem,1vw,.75rem)}.reporte-vacio p{margin:0;font-size:clamp(.85rem,1.5vw,1rem)}.sin-datos{text-align:center;color:var(--color-text-light);padding:clamp(1rem,2vw,1.5rem);font-style:italic}.reporte-seccion{margin-bottom:clamp(1rem,2vw,1.5rem);background:#fff;border-radius:clamp(.4rem,.8vw,.6rem);border:.0625rem solid var(--color-border);overflow:hidden}.reporte-seccion h3{display:flex;align-items:center;gap:clamp(.3rem,.6vw,.5rem);margin:0;padding:clamp(.6rem,1.2vw,.85rem) clamp(.75rem,1.5vw,1rem);background:var(--color-bg-secondary);font-size:clamp(.9rem,1.6vw,1.05rem);color:var(--color-text);border-bottom:.0625rem solid var(--color-border)}.rendimiento-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(14rem,25vw,18rem),1fr));gap:clamp(.75rem,1.5vw,1rem);padding:clamp(.75rem,1.5vw,1rem)}.rendimiento-card{background:var(--color-bg-secondary);border-radius:clamp(.3rem,.6vw,.5rem);padding:clamp(.6rem,1.2vw,.85rem);border:.0625rem solid var(--color-border)}.rendimiento-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(.4rem,.8vw,.6rem)}.rendimiento-nombre{font-weight:600;font-size:clamp(.85rem,1.5vw,1rem);color:var(--color-text)}.rendimiento-eficiencia{font-size:clamp(.9rem,1.6vw,1.1rem);font-weight:700;padding:clamp(.15rem,.3vw,.2rem) clamp(.4rem,.8vw,.5rem);border-radius:clamp(.2rem,.4vw,.25rem)}.rendimiento-eficiencia.excelente{background:#dcfce7;color:#166534}.rendimiento-eficiencia.bueno{background:#dbeafe;color:#1e40af}.rendimiento-eficiencia.regular{background:#fef3c7;color:#92400e}.rendimiento-eficiencia.bajo{background:#fee2e2;color:#991b1b}.rendimiento-stats{display:flex;flex-wrap:wrap;gap:clamp(.4rem,.8vw,.6rem);margin-bottom:clamp(.4rem,.8vw,.6rem)}.stat{flex:1;min-width:clamp(4rem,8vw,5rem)}.stat-label{display:block;font-size:clamp(.6rem,1vw,.7rem);color:var(--color-text-light);text-transform:uppercase}.stat-valor{font-size:clamp(.8rem,1.4vw,.95rem);font-weight:600;color:var(--color-text)}.stat-valor.positivo{color:#16a34a}.stat-valor.negativo{color:#dc2626}.rendimiento-detalle-prods{display:flex;justify-content:center;gap:clamp(.75rem,1.5vw,1rem);margin-bottom:clamp(.3rem,.6vw,.4rem);font-size:clamp(.65rem,1.1vw,.75rem);font-weight:600}.rendimiento-detalle-prods .prod-sobre{color:#16a34a}.rendimiento-detalle-prods .prod-bajo{color:#dc2626}.rendimiento-barra{height:clamp(.3rem,.6vw,.4rem);background:#e2e8f0;border-radius:1rem;overflow:hidden}.barra-fill{height:100%;border-radius:1rem;transition:width .3s ease}.barra-fill.excelente{background:#22c55e}.barra-fill.bueno{background:#3b82f6}.barra-fill.regular{background:#f59e0b}.barra-fill.bajo{background:#ef4444}.producciones-lista{padding:clamp(.5rem,1vw,.75rem)}.produccion-item{border:.0625rem solid var(--color-border);border-radius:clamp(.3rem,.6vw,.5rem);margin-bottom:clamp(.4rem,.8vw,.6rem);overflow:hidden}.produccion-item:last-child{margin-bottom:0}.produccion-header{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.5rem,1vw,.75rem);background:var(--color-bg-secondary);cursor:pointer;transition:background .15s}.produccion-header:hover{background:#e2e8f0}.produccion-info{flex:1;min-width:0}.produccion-nombre{display:block;font-weight:600;font-size:clamp(.8rem,1.4vw,.95rem);color:var(--color-text)}.produccion-fecha{font-size:clamp(.65rem,1.1vw,.75rem);color:var(--color-text-light)}.produccion-cantidad{font-size:clamp(.85rem,1.5vw,1rem);font-weight:700;color:var(--color-primary);white-space:nowrap}.produccion-resumen{display:flex;gap:clamp(.3rem,.6vw,.4rem)}.badge-desviacion,.badge-ajustes{font-size:clamp(.6rem,1vw,.7rem);padding:clamp(.15rem,.3vw,.2rem) clamp(.3rem,.6vw,.4rem);border-radius:clamp(.15rem,.3vw,.2rem);white-space:nowrap}.badge-desviacion.positivo{background:#dcfce7;color:#166534}.badge-desviacion.negativo{background:#fee2e2;color:#991b1b}.badge-rendimiento{display:flex;align-items:center;gap:.15rem;background:#e0e7ff;color:#3730a3}.badge-rendimiento.positivo{background:#dcfce7;color:#166534}.badge-rendimiento.negativo{background:#fee2e2;color:#991b1b}.badge-ajustes{background:#fef3c7;color:#92400e}.btn-expandir{display:flex;align-items:center;justify-content:center;padding:clamp(.25rem,.5vw,.35rem);background:transparent;border:none;color:var(--color-text-light);cursor:pointer}.produccion-detalles{padding:clamp(.5rem,1vw,.75rem);background:#fff;border-top:.0625rem solid var(--color-border)}.detalle-rendimiento{margin-bottom:clamp(.75rem,1.5vw,1rem);padding:clamp(.5rem,1vw,.75rem);background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:clamp(.3rem,.6vw,.5rem);border:.0625rem solid #c4b5fd}.detalle-rendimiento h5{display:flex;align-items:center;gap:clamp(.2rem,.4vw,.3rem);margin:0 0 clamp(.4rem,.8vw,.6rem) 0;font-size:clamp(.75rem,1.3vw,.85rem);color:#5b21b6;text-transform:uppercase}.rendimiento-detalle-grid{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,.75rem)}.rendimiento-stat{flex:1;min-width:clamp(5rem,10vw,7rem);text-align:center;padding:clamp(.3rem,.6vw,.5rem);background:#ffffffb3;border-radius:clamp(.2rem,.4vw,.3rem)}.rendimiento-stat .label{display:block;font-size:clamp(.55rem,.95vw,.65rem);color:#6b7280;text-transform:uppercase;margin-bottom:.15rem}.rendimiento-stat .valor{display:block;font-size:clamp(.8rem,1.4vw,.95rem);font-weight:700;color:#1f2937}.rendimiento-stat .valor.positivo{color:#16a34a}.rendimiento-stat .valor.negativo{color:#dc2626}.detalle-seccion{margin-bottom:clamp(.75rem,1.5vw,1rem)}.detalle-seccion:last-child{margin-bottom:0}.detalle-seccion h5{display:flex;align-items:center;gap:clamp(.2rem,.4vw,.3rem);margin:0 0 clamp(.3rem,.6vw,.5rem) 0;font-size:clamp(.75rem,1.3vw,.85rem);color:var(--color-text-light);text-transform:uppercase}.tabla-detalle{width:100%;border-collapse:collapse;font-size:clamp(.7rem,1.2vw,.8rem)}.tabla-detalle th,.tabla-detalle td{padding:clamp(.3rem,.6vw,.5rem) clamp(.4rem,.8vw,.6rem);text-align:left;border-bottom:.0625rem solid var(--color-border)}.tabla-detalle th{background:var(--color-bg-secondary);font-weight:600;color:var(--color-text-light);text-transform:uppercase;font-size:clamp(.6rem,1vw,.7rem)}.tabla-detalle tr.alto td{background:#ef44441a}.tabla-detalle tr.medio td{background:#f59e0b1a}.tabla-detalle tr.bajo td{background:#eab3080d}.tabla-detalle tr.negativo td{background:#22c55e1a}.valor-positivo{color:#16a34a;font-weight:600}.valor-negativo{color:#dc2626;font-weight:600}.valor-alerta{color:#dc2626;font-weight:700}.detalle-ajustes{display:flex;align-items:center;gap:clamp(.3rem,.6vw,.5rem);padding:clamp(.4rem,.8vw,.6rem);background:#fef3c7;border-radius:clamp(.2rem,.4vw,.3rem);font-size:clamp(.7rem,1.2vw,.8rem);color:#92400e;margin-top:clamp(.5rem,1vw,.75rem)}.reporte-totales{display:flex;flex-wrap:wrap;gap:clamp(.75rem,1.5vw,1rem);padding:clamp(.75rem,1.5vw,1rem);background:#fff;border-radius:clamp(.4rem,.8vw,.6rem);border:.0625rem solid var(--color-border)}.total-item{flex:1;min-width:clamp(8rem,15vw,12rem);padding:clamp(.5rem,1vw,.75rem);background:var(--color-bg-secondary);border-radius:clamp(.3rem,.6vw,.5rem);text-align:center}.total-label{display:block;font-size:clamp(.65rem,1.1vw,.75rem);color:var(--color-text-light);text-transform:uppercase;margin-bottom:clamp(.2rem,.4vw,.3rem)}.total-valor{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700;color:var(--color-text)}.total-valor.negativo{color:#dc2626}@media(max-width:48rem){.reporte-header{flex-direction:column;align-items:flex-start}.reporte-filtros{width:100%}.filtro-grupo{flex:1;min-width:calc(50% - .5rem)}.produccion-header{flex-wrap:wrap}.produccion-resumen{width:100%;justify-content:flex-start;margin-top:clamp(.3rem,.6vw,.4rem)}.tabla-detalle{display:block;overflow-x:auto}}@media(max-width:30rem){.rendimiento-grid{grid-template-columns:1fr}.filtro-grupo{min-width:100%}}.clientes{--cli-spacing: clamp(.75rem, 1.5vw, 1rem);--cli-font-sm: clamp(.7rem, 1.2vw, .8rem);--cli-font-base: clamp(.8rem, 1.4vw, .95rem);--cli-font-lg: clamp(1rem, 1.8vw, 1.25rem);--cli-font-xl: clamp(1.25rem, 2.2vw, 1.5rem);--cli-radius: clamp(.375rem, .8vw, .5rem);padding:var(--cli-spacing);height:calc(100vh - clamp(3rem,5vh,4rem));display:flex;flex-direction:column;overflow:hidden}.clientes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--cli-spacing);flex-shrink:0}.clientes-header h2{color:var(--color-text);font-size:var(--cli-font-xl);margin:0}.clientes-header .btn-primary{flex:0 0 auto;width:auto}.btn-primary{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);background:var(--color-primary);color:#fff;border:none;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem);border-radius:var(--cli-radius);font-size:var(--cli-font-base);cursor:pointer;transition:background .2s}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:.0625rem solid var(--color-border);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem);border-radius:var(--cli-radius);font-size:var(--cli-font-base);cursor:pointer;transition:background .2s}.clientes-filtros{display:flex;gap:var(--cli-spacing);margin-bottom:var(--cli-spacing);flex-wrap:wrap;flex-shrink:0}.search-box{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);background:#fff;border:.0625rem solid var(--color-border);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);border-radius:var(--cli-radius);flex:1;max-width:clamp(15rem,40vw,25rem);min-width:12rem}.search-box input{background:none;border:none;color:var(--color-text);font-size:var(--cli-font-base);width:100%;outline:none}.clientes-tabla{background:#fff;border-radius:var(--cli-radius);overflow:hidden;border:.0625rem solid var(--color-border);flex:1;display:flex;flex-direction:column;min-height:0}.clientes-tabla table{width:100%;border-collapse:collapse;min-width:40rem;font-size:var(--cli-font-sm)}.clientes-tabla th,.clientes-tabla td{padding:clamp(.3rem,.6vw,.4rem) clamp(.4rem,.8vw,.5rem);text-align:left;white-space:nowrap}.clientes-tabla th{background:var(--color-bg-secondary);color:var(--color-text-light);font-weight:600;font-size:clamp(.6rem,1vw,.7rem);text-transform:uppercase;letter-spacing:.03em;border-bottom:.125rem solid var(--color-border);position:sticky;top:0;z-index:1}.clientes-tabla td{color:var(--color-text);border-bottom:.0625rem solid var(--color-border)}.clientes-tabla tr:last-child td{border-bottom:none}.clientes-tabla tbody tr:nth-child(2n) td{background:#fafafa}.clientes-tabla tbody tr:hover td{background:#f0f0f0}.cliente-nombre{display:flex;flex-direction:column;white-space:normal;max-width:15rem}.cliente-nombre strong{color:var(--color-text)}.cliente-nombre small{color:var(--color-text-light);font-size:clamp(.6rem,1vw,.7rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sin-resultados{text-align:center;color:var(--color-text-light);padding:var(--cli-spacing);font-size:var(--cli-font-sm)}.modal-overlay-clientes{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-clientes{background:#fff;border-radius:.5rem;width:min(30rem,94vw);box-shadow:0 8px 30px #0000002e}.modal-clientes .modal-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.4rem,1vh,.8rem) clamp(.8rem,2vw,1.2rem);border-bottom:1px solid #e2e8f0}.modal-clientes .modal-header h3{color:#1e293b;margin:0;font-size:clamp(.8rem,1.8vh,1.1rem);font-weight:600}.modal-clientes .modal-header .btn-close{padding:clamp(.15rem,.4vh,.3rem);border:none;background:none;color:#94a3b8;cursor:pointer;border-radius:.25rem;display:flex;align-items:center}.modal-clientes .modal-header .btn-close:hover{background:#f1f5f9;color:#334155}.modal-clientes form{padding:clamp(.4rem,1.2vh,1rem) clamp(.8rem,2vw,1.2rem) clamp(.5rem,1.2vh,1rem);display:flex;flex-direction:column;gap:clamp(.3rem,.9vh,.7rem)}.modal-clientes .mcli-field{margin:0}.modal-clientes .mcli-field label{display:block;color:#64748b;font-size:clamp(.6rem,1.3vh,.8rem);margin-bottom:clamp(.1rem,.25vh,.2rem);font-weight:500}.modal-clientes .mcli-field input,.modal-clientes .mcli-field textarea{width:100%;background:#fff;border:1px solid #e2e8f0;color:#1e293b;padding:clamp(.2rem,.6vh,.45rem) .5rem!important;border-radius:.375rem;font-size:clamp(.68rem,1.5vh,.9rem);outline:none;transition:border-color .15s;box-sizing:border-box;font-family:inherit}.modal-clientes .mcli-field input:focus,.modal-clientes .mcli-field textarea:focus{border-color:#f97316}.modal-clientes .mcli-field textarea{resize:vertical;min-height:clamp(2.5rem,5vh,3.5rem)}.modal-clientes .mcli-row{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(.4rem,1vw,.8rem)}.modal-clientes .mcli-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:clamp(.3rem,.8vh,.6rem);border-top:1px solid #e2e8f0}.modal-clientes .mcli-actions button{padding:clamp(.25rem,.6vh,.45rem) clamp(.8rem,2vw,1.2rem);font-size:clamp(.68rem,1.5vh,.9rem);border-radius:.375rem;cursor:pointer}.modal-clientes .mcli-actions .mcli-btn-save{background:#f97316;color:#fff;border:none}.modal-clientes .mcli-actions .mcli-btn-save:hover{background:#ea580c}.modal-clientes .mcli-actions .mcli-btn-cancel{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.modal-clientes .mcli-actions .mcli-btn-cancel:hover{background:#e2e8f0}@media(min-width:87.5rem){.clientes{--cli-spacing: 1.25rem;--cli-font-sm: .85rem;--cli-font-base: 1rem;--cli-font-lg: 1.35rem;--cli-font-xl: 1.6rem}}@media(max-width:64rem){.clientes-tabla{overflow-x:auto}}@media(max-width:48rem){.clientes{height:auto;min-height:calc(100vh - 3rem)}.clientes-header{flex-direction:column;gap:var(--cli-spacing);align-items:flex-start}.clientes-filtros{flex-direction:column}.search-box{max-width:100%}.mcli-row{grid-template-columns:1fr}.mcli-actions{flex-direction:column}.mcli-actions button{width:100%}}@media(max-width:30rem){.clientes{--cli-spacing: .75rem}}@media(max-height:600px){.clientes{height:auto;min-height:100vh}}.merma{--mer-spacing: clamp(.75rem, 1.5vw, 1rem);--mer-font-sm: clamp(.7rem, 1.2vw, .8rem);--mer-font-base: clamp(.8rem, 1.4vw, .95rem);--mer-font-lg: clamp(1rem, 1.8vw, 1.25rem);--mer-font-xl: clamp(1.25rem, 2.2vw, 1.5rem);--mer-radius: clamp(.375rem, .8vw, .5rem);padding:var(--mer-spacing);height:calc(100vh - 4rem);display:flex;flex-direction:column;overflow:hidden}.merma-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--mer-spacing);flex-shrink:0}.merma-header h2{color:var(--color-text);font-size:var(--mer-font-xl);margin:0}.merma-header .btn-primary{flex:0 0 auto;width:auto}.btn-primary{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);background:var(--color-primary);color:#fff;border:none;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem);border-radius:var(--mer-radius);font-size:var(--mer-font-base);cursor:pointer;transition:background .2s}.merma-filtros{display:flex;gap:var(--mer-spacing);margin-bottom:var(--mer-spacing);flex-wrap:wrap;flex-shrink:0;align-items:center}.search-box{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);background:#fff;border:.0625rem solid var(--color-border);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);border-radius:var(--mer-radius);flex:1;max-width:clamp(15rem,40vw,25rem);min-width:12rem}.search-box input{background:none;border:none;color:var(--color-text);font-size:var(--mer-font-base);width:100%;outline:none}.filtro-select-container{min-width:10rem}.merma-filtro-fechas{display:flex;gap:clamp(.25rem,.5vw,.5rem);align-items:center}.merma-fecha-input{display:flex;align-items:center;gap:.35rem;background:#fff;border:.0625rem solid var(--color-border);padding:clamp(.35rem,.7vw,.5rem) clamp(.5rem,1vw,.75rem);border-radius:var(--mer-radius)}.merma-fecha-input svg{color:var(--color-text-light);flex-shrink:0}.merma-fecha-input input{background:none;border:none;color:var(--color-text);font-size:var(--mer-font-sm);outline:none;width:clamp(6rem,12vw,8rem)}.merma-tabla{background:#fff;border-radius:var(--mer-radius);overflow-y:auto;overflow-x:hidden;border:.0625rem solid var(--color-border);flex:1;min-height:0}.merma-tabla table{width:100%;border-collapse:collapse;min-width:55rem;font-size:var(--mer-font-sm)}.merma-tabla th,.merma-tabla td{padding:clamp(.3rem,.6vw,.4rem) clamp(.4rem,.8vw,.5rem);text-align:left;white-space:nowrap}.merma-tabla th{background:var(--color-bg-secondary);color:var(--color-text-light);font-weight:600;font-size:clamp(.6rem,1vw,.7rem);text-transform:uppercase;letter-spacing:.03em;border-bottom:.125rem solid var(--color-border);position:sticky;top:0;z-index:1}.merma-tabla td{color:var(--color-text);border-bottom:.0625rem solid var(--color-border)}.merma-tabla tr:last-child td{border-bottom:none}.merma-tabla tbody tr:nth-child(2n) td{background:#fafafa}.merma-tabla tbody tr:hover td{background:#f0f0f0}.merma-tabla th:nth-child(4),.merma-cantidad-cell{text-align:right}.merma-badge-produccion{background:#3b82f626;color:#2563eb}.sin-resultados{text-align:center;color:var(--color-text-light);padding:var(--mer-spacing);font-size:var(--mer-font-sm)}.modal-overlay-merma{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-merma{background:#fff;border-radius:.5rem;width:min(30rem,94vw);box-shadow:0 8px 30px #0000002e}.modal-merma .modal-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.4rem,1vh,.8rem) clamp(.8rem,2vw,1.2rem);border-bottom:1px solid #e2e8f0}.modal-merma .modal-header h3{color:#1e293b;margin:0;font-size:clamp(.8rem,1.8vh,1.1rem);font-weight:600}.modal-merma .modal-header .btn-close{padding:clamp(.15rem,.4vh,.3rem);border:none;background:none;color:#94a3b8;cursor:pointer;border-radius:.25rem;display:flex;align-items:center}.modal-merma .modal-header .btn-close:hover{background:#f1f5f9;color:#334155}.modal-merma form{padding:clamp(.4rem,1.2vh,1rem) clamp(.8rem,2vw,1.2rem) clamp(.5rem,1.2vh,1rem);display:flex;flex-direction:column;gap:clamp(.3rem,.9vh,.7rem)}.modal-merma .mmer-field{margin:0}.modal-merma .mmer-field label{display:block;color:#64748b;font-size:clamp(.6rem,1.3vh,.8rem);margin-bottom:clamp(.1rem,.25vh,.2rem);font-weight:500}.modal-merma .mmer-field input,.modal-merma .mmer-field textarea{width:100%;background:#fff;border:1px solid #e2e8f0;color:#1e293b;padding:clamp(.2rem,.6vh,.45rem) .5rem!important;border-radius:.375rem;font-size:clamp(.68rem,1.5vh,.9rem);outline:none;transition:border-color .15s;box-sizing:border-box;font-family:inherit}.modal-merma .mmer-field input:focus,.modal-merma .mmer-field textarea:focus{border-color:#f97316}.modal-merma .mmer-field input:disabled{background:#f8fafc;cursor:not-allowed}.modal-merma .mmer-field input[type=number]{text-align:right;-moz-appearance:textfield}.modal-merma .mmer-field input[type=number]::-webkit-outer-spin-button,.modal-merma .mmer-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal-merma .mmer-field textarea{resize:vertical;min-height:clamp(2.5rem,5vh,3.5rem)}.modal-merma .mmer-row{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(.4rem,1vw,.8rem)}.modal-merma .mmer-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:clamp(.3rem,.8vh,.6rem);border-top:1px solid #e2e8f0}.modal-merma .mmer-actions button{padding:clamp(.25rem,.6vh,.45rem) clamp(.8rem,2vw,1.2rem);font-size:clamp(.68rem,1.5vh,.9rem);border-radius:.375rem;cursor:pointer}.modal-merma .mmer-actions .mmer-btn-save{background:#f97316;color:#fff;border:none}.modal-merma .mmer-actions .mmer-btn-save:hover{background:#ea580c}.modal-merma .mmer-actions .mmer-btn-save:disabled{background:#fdba74;cursor:not-allowed}.modal-merma .mmer-actions .mmer-btn-cancel{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.modal-merma .mmer-actions .mmer-btn-cancel:hover{background:#e2e8f0}@media(min-width:87.5rem){.merma{--mer-spacing: 1.25rem;--mer-font-sm: .85rem;--mer-font-base: 1rem;--mer-font-lg: 1.35rem;--mer-font-xl: 1.6rem}}@media(max-width:64rem){.merma-tabla{overflow-x:auto}}@media(max-width:48rem){.merma{height:auto;min-height:calc(100vh - 3rem)}.merma-header{flex-direction:column;gap:var(--mer-spacing);align-items:flex-start}.merma-filtros{flex-direction:column}.search-box{max-width:100%}.merma-filtro-fechas{flex-direction:column;width:100%}.merma-fecha-input,.merma-fecha-input input{width:100%}.mmer-row{grid-template-columns:1fr}.mmer-actions{flex-direction:column}.mmer-actions button{width:100%}}@media(max-width:30rem){.merma{--mer-spacing: .75rem}}@media(max-height:600px){.merma{height:auto;min-height:100vh}}.compras{--com-spacing: clamp(.75rem, 1.5vw, 1rem);--com-font-sm: clamp(.7rem, 1.2vw, .8rem);--com-font-base: clamp(.8rem, 1.4vw, .95rem);--com-font-lg: clamp(1rem, 1.8vw, 1.25rem);--com-font-xl: clamp(1.25rem, 2.2vw, 1.5rem);--com-radius: clamp(.375rem, .8vw, .5rem);padding:var(--com-spacing);height:calc(100vh - 4rem);display:flex;flex-direction:column;overflow:hidden}.compras-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--com-spacing);flex-shrink:0}.compras-header h2{color:var(--color-text);font-size:var(--com-font-xl);margin:0}.compras-header .btn-primary{flex:0 0 auto;width:auto}.btn-primary{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);background:var(--color-primary);color:#fff;border:none;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem);border-radius:var(--com-radius);font-size:var(--com-font-base);cursor:pointer;transition:background .2s}.compras-filtros{display:flex;gap:var(--com-spacing);margin-bottom:var(--com-spacing);flex-wrap:wrap;flex-shrink:0;align-items:center}.search-box{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);background:#fff;border:.0625rem solid var(--color-border);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);border-radius:var(--com-radius);flex:1;max-width:clamp(15rem,40vw,25rem);min-width:12rem}.search-box input{background:none;border:none;color:var(--color-text);font-size:var(--com-font-base);flex:1;min-width:0;padding:0 0 0 .125rem;margin:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.compras-filtro-fechas{display:flex;gap:clamp(.25rem,.5vw,.5rem);align-items:center}.compras-fecha-input{display:flex;align-items:center;gap:.35rem;background:#fff;border:.0625rem solid var(--color-border);padding:clamp(.35rem,.7vw,.5rem) clamp(.5rem,1vw,.75rem);border-radius:var(--com-radius)}.compras-fecha-input svg{color:var(--color-text-light);flex-shrink:0}.compras-fecha-input input{background:none;border:none;color:var(--color-text);font-size:var(--com-font-sm);outline:none;width:clamp(6rem,12vw,8rem)}.compras-tabla{background:#fff;border-radius:var(--com-radius);overflow-y:auto;overflow-x:hidden;border:.0625rem solid var(--color-border);flex:1;min-height:0}.compras-tabla table{width:100%;border-collapse:collapse;min-width:55rem;font-size:var(--com-font-sm)}.compras-tabla th,.compras-tabla td{padding:clamp(.3rem,.6vw,.4rem) clamp(.4rem,.8vw,.5rem);text-align:left;white-space:nowrap}.compras-tabla th{background:var(--color-bg-secondary);color:var(--color-text-light);font-weight:600;font-size:clamp(.6rem,1vw,.7rem);text-transform:uppercase;letter-spacing:.03em;border-bottom:.125rem solid var(--color-border);position:sticky;top:0;z-index:1}.compras-tabla td{color:var(--color-text);border-bottom:.0625rem solid var(--color-border)}.compras-tabla tr:last-child td{border-bottom:none}.compras-tabla tbody tr:nth-child(2n) td{background:#fafafa}.compras-tabla tbody tr:hover td{background:#f0f0f0}.compras-total-cell{text-align:right;font-weight:600}.compras-tabla th:nth-child(6){text-align:right}.compras-items-badge{display:inline-flex;align-items:center;gap:.25rem;background:#3b82f61a;color:#2563eb;padding:clamp(.1rem,.2vw,.15rem) clamp(.35rem,.7vw,.5rem);border-radius:.75rem;font-size:clamp(.6rem,1vw,.7rem);font-weight:500}.compras-pago-badge{display:inline-flex;padding:clamp(.1rem,.2vw,.15rem) clamp(.35rem,.7vw,.5rem);border-radius:.75rem;font-size:clamp(.6rem,1vw,.7rem);font-weight:500}.compras-pago-efectivo{background:#22c55e26;color:#16a34a}.compras-pago-transferencia{background:#3b82f626;color:#2563eb}.compras-pago-credito{background:#f59e0b26;color:#d97706}.compras-pago-tarjeta{background:#8b5cf626;color:#7c3aed}.sin-resultados{text-align:center;color:var(--color-text-light);padding:var(--com-spacing);font-size:var(--com-font-sm)}.modal-overlay-compras{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-compras{background:#fff;border-radius:.5rem;width:min(48rem,94vw);max-height:90vh;overflow-y:auto;box-shadow:0 8px 30px #0000002e}.modal-compras-detalle{width:min(40rem,94vw)}.modal-compras .modal-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.4rem,1vh,.8rem) clamp(.8rem,2vw,1.2rem);border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:10}.modal-compras .modal-header h3{color:#1e293b;margin:0;font-size:clamp(.8rem,1.8vh,1.1rem);font-weight:600}.modal-compras .modal-header .btn-close{padding:clamp(.15rem,.4vh,.3rem);border:none;background:none;color:#94a3b8;cursor:pointer;border-radius:.25rem;display:flex;align-items:center}.modal-compras .modal-header .btn-close:hover{background:#f1f5f9;color:#334155}.modal-compras form{padding:clamp(.4rem,1.2vh,1rem) clamp(.8rem,2vw,1.2rem) clamp(.5rem,1.2vh,1rem);display:flex;flex-direction:column;gap:clamp(.3rem,.9vh,.7rem)}.modal-compras .mcom-field{margin:0}.modal-compras .mcom-field label{display:block;color:#64748b;font-size:clamp(.6rem,1.3vh,.8rem);margin-bottom:clamp(.1rem,.25vh,.2rem);font-weight:500}.modal-compras .mcom-field input,.modal-compras .mcom-field textarea{width:100%;background:#fff;border:1px solid #e2e8f0;color:#1e293b;padding:clamp(.2rem,.6vh,.45rem) .5rem!important;border-radius:.375rem;font-size:clamp(.68rem,1.5vh,.9rem);outline:none;transition:border-color .15s;box-sizing:border-box;font-family:inherit}.modal-compras .mcom-field input:focus{border-color:#f97316}.modal-compras .mcom-field input:disabled{background:#f8fafc;cursor:not-allowed}.modal-compras .mcom-row{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(.4rem,1vw,.8rem)}.modal-compras .mcom-row-3{grid-template-columns:1fr 1fr 1fr}.mcom-items-section{margin-top:clamp(.2rem,.5vh,.4rem);padding-top:clamp(.3rem,.8vh,.6rem);border-top:1px solid #e2e8f0}.mcom-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(.3rem,.7vh,.5rem)}.mcom-items-header h4{margin:0;color:#1e293b;font-size:clamp(.7rem,1.5vh,.95rem)}.mcom-btn-add{display:inline-flex;align-items:center;gap:.25rem;background:#f97316;color:#fff;border:none;padding:clamp(.15rem,.4vh,.3rem) clamp(.4rem,1vw,.7rem);border-radius:.375rem;font-size:clamp(.6rem,1.3vh,.8rem);cursor:pointer}.mcom-btn-add:hover{background:#ea580c}.mcom-items-empty{text-align:center;color:#94a3b8;font-size:clamp(.65rem,1.3vh,.8rem);font-style:italic;padding:clamp(.5rem,1.2vh,.8rem);background:#f8fafc;border-radius:.375rem}.mcom-items-list{display:flex;flex-direction:column;gap:clamp(.15rem,.3vh,.25rem)}.mcom-items-list-header{display:flex;gap:clamp(.2rem,.5vw,.4rem);padding:0 clamp(.2rem,.5vw,.35rem);align-items:center}.mcom-items-list-header span{font-size:clamp(.55rem,1.1vh,.7rem);color:#94a3b8;font-weight:600;text-transform:uppercase}.mcom-item-row{display:flex;gap:clamp(.2rem,.5vw,.4rem);align-items:center;padding:clamp(.15rem,.4vh,.3rem);background:#f8fafc;border-radius:.375rem}.mcom-col-item{flex:3;min-width:0}.mcom-col-cant{flex:1;min-width:0}.mcom-col-unit{flex:.8;min-width:0}.mcom-col-precio{flex:1;min-width:0}.mcom-col-subtotal{flex:1;min-width:0;text-align:right;font-size:clamp(.65rem,1.3vh,.8rem);font-weight:600;color:#1e293b}.mcom-col-del{flex:0 0 auto}.mcom-item-row input{width:100%;background:#fff;border:1px solid #e2e8f0;color:#1e293b;padding:clamp(.15rem,.4vh,.3rem) .35rem!important;border-radius:.25rem;font-size:clamp(.63rem,1.3vh,.8rem);outline:none;box-sizing:border-box}.mcom-item-row input:focus{border-color:#f97316}.mcom-item-row input:disabled{background:#f1f5f9;cursor:not-allowed}.mcom-item-row input[type=number]{text-align:right;-moz-appearance:textfield}.mcom-item-row input[type=number]::-webkit-outer-spin-button,.mcom-item-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mcom-item-row .btn-icon{padding:clamp(.1rem,.3vh,.2rem)}.mcom-item-row .btn-icon svg{width:clamp(.7rem,1.3vh,.85rem);height:clamp(.7rem,1.3vh,.85rem)}.mcom-total-row{display:flex;justify-content:flex-end;gap:.5rem;align-items:center;padding:clamp(.3rem,.7vh,.5rem) clamp(.2rem,.5vw,.35rem);margin-top:clamp(.2rem,.4vh,.3rem);border-top:1px solid #e2e8f0;font-size:clamp(.75rem,1.6vh,.95rem);color:#1e293b}.mcom-total-row span{font-size:clamp(.85rem,1.8vh,1.1rem);color:#f97316;font-weight:700}.modal-compras .mcom-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:clamp(.3rem,.8vh,.6rem);border-top:1px solid #e2e8f0}.modal-compras .mcom-actions button{padding:clamp(.25rem,.6vh,.45rem) clamp(.8rem,2vw,1.2rem);font-size:clamp(.68rem,1.5vh,.9rem);border-radius:.375rem;cursor:pointer}.modal-compras .mcom-actions .mcom-btn-save{background:#f97316;color:#fff;border:none}.modal-compras .mcom-actions .mcom-btn-save:hover{background:#ea580c}.modal-compras .mcom-actions .mcom-btn-save:disabled{background:#fdba74;cursor:not-allowed}.modal-compras .mcom-actions .mcom-btn-cancel{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.modal-compras .mcom-actions .mcom-btn-cancel:hover{background:#e2e8f0}.mcom-detalle-content{padding:clamp(.5rem,1.2vh,1rem) clamp(.8rem,2vw,1.2rem)}.mcom-detalle-info{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.3rem,.7vh,.5rem) clamp(.5rem,1vw,.8rem);margin-bottom:clamp(.5rem,1vh,.8rem);padding-bottom:clamp(.4rem,.8vh,.6rem);border-bottom:1px solid #e2e8f0}.mcom-detalle-info-item{display:flex;flex-direction:column;gap:.1rem}.mcom-detalle-info-item span{color:#94a3b8;font-size:clamp(.55rem,1.1vh,.7rem)}.mcom-detalle-info-item strong{color:#1e293b;font-size:clamp(.68rem,1.4vh,.85rem)}.mcom-detalle-tabla{width:100%;border-collapse:collapse;font-size:clamp(.65rem,1.3vh,.8rem);margin-bottom:clamp(.3rem,.7vh,.5rem)}.mcom-detalle-tabla th{background:#f8fafc;color:#64748b;font-weight:600;font-size:clamp(.55rem,1.1vh,.7rem);text-transform:uppercase;padding:clamp(.2rem,.5vh,.35rem) clamp(.3rem,.7vw,.5rem);border-bottom:1px solid #e2e8f0;text-align:left}.mcom-detalle-tabla td{padding:clamp(.2rem,.5vh,.35rem) clamp(.3rem,.7vw,.5rem);border-bottom:1px solid #f1f5f9;color:#1e293b}.mcom-detalle-tabla th:nth-child(3),.mcom-detalle-tabla td:nth-child(3),.mcom-detalle-tabla th:nth-child(4),.mcom-detalle-tabla td:nth-child(4),.mcom-detalle-tabla th:nth-child(5),.mcom-detalle-tabla td:nth-child(5){text-align:right}.merma-tipo-badge{display:inline-flex;align-items:center;gap:.25rem;padding:clamp(.1rem,.2vw,.15rem) clamp(.35rem,.7vw,.5rem);border-radius:.75rem;font-size:clamp(.6rem,1vw,.7rem);font-weight:500}.merma-badge-producto{background:#f9731626;color:#ea580c}.merma-badge-ingrediente{background:#22c55e26;color:#16a34a}.mcom-detalle-total{display:flex;justify-content:flex-end;gap:.5rem;align-items:center;padding-top:clamp(.3rem,.7vh,.5rem);border-top:1px solid #e2e8f0;font-size:clamp(.75rem,1.6vh,.95rem);color:#64748b}.mcom-detalle-total strong{font-size:clamp(.85rem,1.8vh,1.1rem);color:#f97316}@media(min-width:87.5rem){.compras{--com-spacing: 1.25rem;--com-font-sm: .85rem;--com-font-base: 1rem;--com-font-lg: 1.35rem;--com-font-xl: 1.6rem}}@media(max-width:64rem){.compras-tabla{overflow-x:auto}}@media(max-width:48rem){.compras{height:auto;min-height:calc(100vh - 3rem)}.compras-header{flex-direction:column;gap:var(--com-spacing);align-items:flex-start}.compras-filtros{flex-direction:column}.search-box{max-width:100%}.compras-filtro-fechas{flex-direction:column;width:100%}.compras-fecha-input,.compras-fecha-input input{width:100%}.mcom-row,.mcom-row-3,.mcom-detalle-info{grid-template-columns:1fr}.mcom-actions{flex-direction:column}.mcom-actions button{width:100%}}@media(max-width:30rem){.compras{--com-spacing: .75rem}}@media(max-height:600px){.compras{height:auto;min-height:100vh}}.cj{display:flex;height:calc(100vh - 4rem);gap:0;overflow:hidden}.cj-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;color:#6b7280}.cj-spin{animation:cj-spin 1s linear infinite}@keyframes cj-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cj-sidebar{width:clamp(14rem,22vw,18rem);background:#1e293b;color:#e2e8f0;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.cj-sidebar-header{padding:clamp(.75rem,1.5vh,1rem) clamp(.75rem,1.5vw,1rem);border-bottom:1px solid #334155}.cj-sidebar-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:clamp(.85rem,1.5vw,1rem);color:#fff}.cj-meta{display:block;font-size:clamp(.6rem,1vw,.7rem);color:#94a3b8;margin-top:.25rem}.cj-resumen{padding:clamp(.5rem,1vh,.75rem) clamp(.75rem,1.5vw,1rem);border-bottom:1px solid #334155;display:flex;flex-direction:column;gap:clamp(.35rem,.7vh,.5rem)}.cj-stat{padding:clamp(.4rem,.8vh,.5rem) clamp(.5rem,1vw,.75rem);border-radius:.375rem;background:#334155}.cj-stat-main{text-align:center;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.cj-stat-fondo{background:#1e3a5f}.cj-stat-label{display:block;font-size:clamp(.55rem,.9vw,.65rem);text-transform:uppercase;letter-spacing:.04em;opacity:.8;margin-bottom:.15rem}.cj-stat-value{display:block;font-size:clamp(1rem,2vw,1.35rem);font-weight:700;color:#fff}.cj-stat-value.sm{font-size:clamp(.8rem,1.4vw,1rem)}.cj-stat-sub{display:block;font-size:clamp(.55rem,.9vw,.65rem);opacity:.7}.cj-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.25rem,.5vw,.5rem)}.cj-alerta{display:flex;align-items:center;gap:.5rem;padding:clamp(.4rem,.8vh,.6rem) clamp(.75rem,1.5vw,1rem);font-size:clamp(.6rem,1vw,.72rem);border-left:3px solid}.cj-alerta-error{background:#ef444426;border-left-color:#ef4444;color:#fca5a5}.cj-alerta-warn{background:#eab30826;border-left-color:#eab308;color:#fde68a}.cj-alerta-ok{background:#16a34a26;border-left-color:#16a34a;color:#86efac}.cj-historial{flex:1;padding:clamp(.5rem,1vh,.75rem) clamp(.75rem,1.5vw,1rem);overflow-y:auto;min-height:0}.cj-historial h4{display:flex;align-items:center;gap:.35rem;margin:0 0 clamp(.35rem,.7vh,.5rem);font-size:clamp(.6rem,1vw,.72rem);text-transform:uppercase;letter-spacing:.04em;color:#94a3b8}.cj-sin-data{font-size:clamp(.6rem,1vw,.7rem);color:#64748b;text-align:center;padding:.5rem}.cj-historial-list{display:flex;flex-direction:column;gap:clamp(.2rem,.4vh,.3rem)}.cj-hist-item{display:flex;align-items:center;gap:.5rem;padding:clamp(.3rem,.6vh,.45rem) clamp(.4rem,.8vw,.6rem);background:#334155;border:1px solid transparent;border-radius:.3rem;cursor:pointer;transition:all .15s;font-size:clamp(.58rem,.95vw,.68rem);color:#cbd5e1;text-align:left;width:100%}.cj-hist-item:hover{background:#475569}.cj-hist-item.activo{border-color:var(--color-primary);background:#3b2a1a}.cj-hist-fecha{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cj-hist-total{font-weight:600;color:#fff}.cj-hist-dif.pos{color:#4ade80}.cj-hist-dif.neg{color:#f87171}.cj-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg, #f1f5f9);min-width:0}.cj-stepper{display:flex;align-items:center;justify-content:center;gap:0;padding:clamp(.5rem,1vh,.75rem) clamp(1rem,2vw,1.5rem);background:#fff;border-bottom:1px solid var(--color-border, #e2e8f0);flex-shrink:0}.cj-step{display:flex;align-items:center;gap:.35rem;padding:clamp(.3rem,.6vh,.4rem) clamp(.5rem,1vw,.75rem);border:none;background:none;cursor:pointer;color:#94a3b8;font-size:clamp(.65rem,1.1vw,.8rem);font-weight:500;transition:all .2s;border-radius:2rem}.cj-step.activo{background:var(--color-primary, #f97316);color:#fff}.cj-step.completo{color:#16a34a}.cj-step-num{display:flex;align-items:center;justify-content:center;width:clamp(1.2rem,2vw,1.5rem);height:clamp(1.2rem,2vw,1.5rem);border-radius:50%;border:2px solid currentColor;font-size:clamp(.55rem,.9vw,.7rem);font-weight:700}.cj-step.activo .cj-step-num{background:#fff;color:var(--color-primary, #f97316);border-color:#fff}.cj-step.completo .cj-step-num{background:#16a34a;color:#fff;border-color:#16a34a}.cj-step-line{width:clamp(1.5rem,4vw,3rem);height:2px;background:#e2e8f0}.cj-paso{flex:1;overflow-y:auto;min-height:0}.cj-paso-content{padding:clamp(.75rem,1.5vh,1rem) clamp(1rem,2vw,1.5rem);display:flex;flex-direction:column;gap:clamp(.5rem,1vh,.75rem)}.cj-fondo{display:flex;align-items:center;gap:.75rem;padding:clamp(.5rem,1vh,.75rem);background:#fff;border-radius:.5rem;border:1px solid var(--color-border, #e2e8f0)}.cj-fondo label{font-size:clamp(.7rem,1.2vw,.85rem);font-weight:500;color:var(--color-text-light, #64748b);white-space:nowrap}.cj-fondo input{width:clamp(8rem,15vw,10rem);padding:clamp(.4rem,.8vh,.5rem) .5rem;border:2px solid var(--color-border, #e2e8f0);border-radius:.375rem;font-size:clamp(.9rem,1.6vw,1.1rem);font-weight:700;text-align:center}.cj-fondo input:focus{outline:none;border-color:var(--color-primary, #f97316)}.cj-denom-group{background:#fff;border-radius:.5rem;padding:clamp(.5rem,1vh,.75rem);border:1px solid var(--color-border, #e2e8f0)}.cj-denom-title{display:block;font-size:clamp(.6rem,1vw,.7rem);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-light, #64748b);margin-bottom:clamp(.35rem,.7vh,.5rem)}.cj-denom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(8rem,14vw,11rem),1fr));gap:clamp(.3rem,.5vw,.5rem)}.cj-denom{display:flex;align-items:center;gap:clamp(.3rem,.5vw,.5rem);padding:clamp(.25rem,.5vh,.35rem) clamp(.4rem,.8vw,.6rem);border-radius:.375rem;background:#f9fafb;border-left:3px solid #16a34a;transition:background .15s}.cj-denom.moneda{border-left-color:#eab308}.cj-denom.tiene{background:#f0fdf4}.cj-denom.moneda.tiene{background:#fefce8}.cj-denom-label{font-weight:600;font-size:clamp(.65rem,1.1vw,.8rem);min-width:clamp(2.5rem,4.5vw,3.2rem);color:var(--color-text, #1e293b)}.cj-denom input{width:clamp(2.5rem,5vw,3.5rem);padding:clamp(.2rem,.4vh,.3rem) .25rem;text-align:center;border:1px solid var(--color-border, #e2e8f0);border-radius:.25rem;font-size:clamp(.65rem,1.1vw,.8rem);font-weight:600}.cj-denom input:focus{outline:none;border-color:var(--color-primary, #f97316)}.cj-denom-sub{flex:1;text-align:right;font-size:clamp(.55rem,.9vw,.68rem);color:#6b7280}.cj-arqueo-total{display:flex;justify-content:space-between;align-items:center;padding:clamp(.5rem,1vh,.75rem) clamp(.75rem,1.5vw,1rem);background:var(--color-primary, #f97316);color:#fff;border-radius:.5rem;font-weight:600;font-size:clamp(.75rem,1.3vw,.9rem)}.cj-arqueo-total-val{font-size:clamp(1rem,2vw,1.35rem);font-weight:800}.cj-inv-desc{font-size:clamp(.65rem,1.1vw,.8rem);color:#6b7280;margin:0}.cj-inv-pend{color:#f59e0b;font-weight:600}.cj-inv-list{display:flex;flex-direction:column;gap:clamp(.2rem,.4vh,.3rem)}.cj-inv-item{display:grid;grid-template-columns:1fr 5.5rem auto 3rem;align-items:center;gap:.5rem;padding:clamp(.35rem,.7vh,.5rem) clamp(.5rem,1vw,.75rem);background:#fff;border:1px solid var(--color-border, #e2e8f0);border-left:3px solid #d1d5db;border-radius:.375rem;transition:all .15s}.cj-inv-item.ok{border-left-color:#16a34a;background:#fafffe}.cj-inv-nombre{font-size:clamp(.7rem,1.2vw,.85rem);font-weight:500;color:var(--color-text, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cj-inv-sistema{font-size:clamp(.6rem,1vw,.72rem);color:#6b7280;text-align:center}.cj-inv-input{display:flex;align-items:center;gap:.25rem}.cj-inv-input input{width:clamp(3.5rem,7vw,4.5rem);padding:clamp(.2rem,.4vh,.3rem) .25rem;text-align:center;border:1.5px solid var(--color-border, #e2e8f0);border-radius:.3rem;font-size:clamp(.7rem,1.2vw,.85rem);font-weight:600}.cj-inv-input input:focus{outline:none;border-color:var(--color-primary, #f97316);background:#fff8f0}.cj-inv-unidad{font-size:clamp(.55rem,.9vw,.65rem);color:#94a3b8}.cj-inv-dif{font-size:clamp(.6rem,1vw,.72rem);font-weight:600;text-align:center}.cj-inv-dif.pos{color:#16a34a}.cj-inv-dif.neg{color:#ef4444}.cj-sal-receta{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;margin-left:.4rem;background:#f97316;color:#fff;border-radius:.25rem;font-size:.6rem;font-weight:700}.cj-confirm-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(.5rem,1vw,.75rem)}.cj-confirm-card{background:#fff;border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;padding:clamp(.75rem,1.5vh,1rem);text-align:center}.cj-confirm-label{display:block;font-size:clamp(.6rem,1vw,.72rem);text-transform:uppercase;letter-spacing:.03em;color:#6b7280;margin-bottom:.25rem}.cj-confirm-val{display:block;font-size:clamp(1rem,2vw,1.35rem);font-weight:800;color:var(--color-text, #1e293b)}.cj-confirm-detail{display:block;font-size:clamp(.55rem,.9vw,.65rem);color:#94a3b8;margin-top:.15rem}.cj-confirm-dif.pos{background:#f0fdf4;border-color:#16a34a}.cj-confirm-dif.pos .cj-confirm-val{color:#16a34a}.cj-confirm-dif.neg{background:#fef2f2;border-color:#ef4444}.cj-confirm-dif.neg .cj-confirm-val{color:#ef4444}.cj-notas label{display:flex;align-items:center;gap:.3rem;font-size:clamp(.65rem,1.1vw,.78rem);font-weight:500;color:var(--color-text-light, #64748b);margin-bottom:.25rem}.cj-notas textarea{width:100%;padding:clamp(.4rem,.8vh,.5rem) .5rem;font-size:clamp(.7rem,1.2vw,.85rem);border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;resize:none;font-family:inherit}.cj-notas textarea:focus{outline:none;border-color:var(--color-primary, #f97316)}.cj-btn-corte{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:clamp(.6rem,1.2vh,.85rem);background:#16a34a;color:#fff;border:none;border-radius:.5rem;font-size:clamp(.8rem,1.4vw,1rem);font-weight:700;cursor:pointer;transition:background .2s}.cj-btn-corte:hover:not(:disabled){background:#15803d}.cj-btn-corte:disabled{background:#9ca3af;cursor:not-allowed}.cj-nav{display:flex;align-items:center;padding:clamp(.4rem,.8vh,.6rem) clamp(1rem,2vw,1.5rem);border-top:1px solid var(--color-border, #e2e8f0);background:#fff;flex-shrink:0}.cj-nav-btn{display:flex;align-items:center;gap:.3rem;padding:clamp(.35rem,.7vh,.5rem) clamp(.75rem,1.5vw,1rem);border:1px solid var(--color-border, #e2e8f0);background:#fff;border-radius:.375rem;font-size:clamp(.65rem,1.1vw,.8rem);font-weight:500;cursor:pointer;color:var(--color-text, #1e293b);transition:all .15s}.cj-nav-btn:hover:not(:disabled){background:var(--color-bg-secondary, #f8fafc);border-color:var(--color-primary, #f97316)}.cj-nav-next{background:var(--color-primary, #f97316);border-color:var(--color-primary, #f97316);color:#fff}.cj-nav-next:hover:not(:disabled){background:#ea580c;border-color:#ea580c}.cj-nav-btn:disabled{opacity:.5;cursor:not-allowed}.cj-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.cj-modal{background:#fff;border-radius:.75rem;max-width:min(32rem,95vw);width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.cj-modal-header{display:flex;align-items:center;gap:.5rem;padding:clamp(.6rem,1.2vh,.85rem) clamp(.75rem,1.5vw,1rem);background:#16a34a;color:#fff}.cj-modal-header-hist{background:var(--color-primary, #f97316)}.cj-modal-header h3{flex:1;margin:0;font-size:clamp(.8rem,1.4vw,1rem)}.cj-modal-close{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.2rem;display:flex;border-radius:.25rem}.cj-modal-close:hover{color:#fff;background:#ffffff26}.cj-modal-body{padding:clamp(.75rem,1.5vh,1rem);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:clamp(.5rem,1vh,.75rem)}.cj-detail-meta{display:flex;gap:1rem;font-size:clamp(.6rem,1vw,.72rem);color:#6b7280;padding-bottom:clamp(.35rem,.7vh,.5rem);border-bottom:1px solid #e2e8f0}.cj-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:clamp(.3rem,.6vw,.5rem)}.cj-result-item{padding:clamp(.35rem,.7vh,.5rem) clamp(.4rem,.8vw,.6rem);background:#f8fafc;border-radius:.375rem;text-align:center}.cj-result-item span{display:block;font-size:clamp(.55rem,.9vw,.65rem);color:#6b7280;margin-bottom:.1rem}.cj-result-item strong{font-size:clamp(.75rem,1.3vw,.9rem);color:var(--color-text, #1e293b)}.cj-result-dif{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:clamp(.5rem,1vh,.75rem);border-radius:.5rem;font-size:clamp(.75rem,1.3vw,.9rem)}.cj-result-dif.pos{background:#dcfce7;color:#166534}.cj-result-dif.neg{background:#fee2e2;color:#991b1b}.cj-result-dif strong{font-size:clamp(1rem,1.8vw,1.2rem)}.cj-result-dif-label{font-size:clamp(.6rem,1vw,.72rem);font-weight:500}.cj-result-inv h4{margin:0 0 .35rem;font-size:clamp(.6rem,1vw,.72rem);text-transform:uppercase;color:#6b7280}.cj-result-inv-row{display:flex;align-items:center;gap:.5rem;padding:clamp(.2rem,.4vh,.3rem) clamp(.4rem,.8vw,.6rem);font-size:clamp(.65rem,1.1vw,.78rem);border-bottom:1px solid #f1f5f9}.cj-result-inv-row span:first-child{flex:1;font-weight:500}.cj-result-inv-row .pos{color:#16a34a;font-weight:600}.cj-result-inv-row .neg{color:#ef4444;font-weight:600}.cj-modal-ok{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:clamp(.5rem,1vh,.75rem);padding:clamp(.4rem,.8vh,.6rem);background:var(--color-primary, #f97316);color:#fff;border:none;border-radius:.375rem;font-size:clamp(.7rem,1.2vw,.85rem);font-weight:600;cursor:pointer}.cj-modal-ok:hover{background:#ea580c}@media(max-width:48rem){.cj{flex-direction:column;height:auto;min-height:calc(100vh - 4rem)}.cj-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.5rem}.cj-sidebar-header{border-bottom:none;padding:.5rem}.cj-resumen{flex:1;border-bottom:none;flex-direction:row;padding:.5rem}.cj-historial{display:none}.cj-confirm-grid{grid-template-columns:1fr}}.reportes,.estadisticas{padding:2rem}.configuracion{--cfg-spacing: clamp(.4rem, .8vh, .65rem);--cfg-spacing-lg: clamp(.5rem, 1vh, .75rem);--cfg-font-sm: clamp(.68rem, 1.3vh, .8rem);--cfg-font-base: clamp(.72rem, 1.5vh, .9rem);--cfg-font-lg: clamp(.82rem, 1.7vh, .95rem);--cfg-font-xl: clamp(1rem, 2.2vh, 1.3rem);--cfg-radius: .375rem;padding:var(--cfg-spacing-lg);max-width:min(50rem,95vw);height:calc(100vh - 4rem);display:flex;flex-direction:column;overflow:hidden}.configuracion-header{margin-bottom:var(--cfg-spacing);flex-shrink:0}.configuracion-header h2{display:flex;align-items:center;gap:.4rem;font-size:var(--cfg-font-xl);color:var(--color-text);margin:0}.cfg-tabs{display:flex;gap:.25rem;margin-bottom:var(--cfg-spacing-lg);flex-shrink:0;border-bottom:1px solid var(--color-border);padding-bottom:0}.cfg-tab{display:flex;align-items:center;gap:.3rem;padding:clamp(.3rem,.6vh,.45rem) clamp(.6rem,1.2vw,.85rem);font-size:var(--cfg-font-sm);font-weight:500;color:var(--color-text-light);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s;margin-bottom:-1px}.cfg-tab:hover{color:var(--color-primary)}.cfg-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.cfg-tab-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cfg-dot-ok{background:#22c55e;box-shadow:0 0 3px #22c55e80}.cfg-dot-off{background:#ef4444;box-shadow:0 0 3px #ef444466}.configuracion-content{display:flex;flex-direction:column;gap:var(--cfg-spacing-lg);flex:1;overflow:hidden}.config-section{background:#fff;border-radius:var(--cfg-radius);padding:clamp(.5rem,1vh,.75rem) clamp(.6rem,1.2vw,1rem);box-shadow:0 1px 3px #0000001a;flex-shrink:0}.config-section h3{display:flex;align-items:center;gap:.35rem;font-size:var(--cfg-font-lg);color:var(--color-text);margin:0 0 clamp(.35rem,.7vh,.5rem) 0;padding-bottom:clamp(.3rem,.6vh,.45rem);border-bottom:1px solid var(--color-border)}.config-field{margin-bottom:var(--cfg-spacing)}.config-field:last-child{margin-bottom:0}.config-field label{display:block;font-size:var(--cfg-font-sm);font-weight:500;color:var(--color-text-light);margin-bottom:clamp(.15rem,.35vh,.25rem)}.config-field input{width:100%;padding:clamp(.3rem,.65vh,.45rem) clamp(.4rem,.8vw,.6rem);font-size:var(--cfg-font-base);border:1px solid var(--color-border);border-radius:var(--cfg-radius);transition:border-color .2s,box-shadow .2s}.config-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f973161a}.config-field input::placeholder{color:#9ca3af}.api-input-group{display:flex;gap:.4rem}.api-input-group input{flex:1}.btn-probar{display:flex;align-items:center;gap:.3rem;padding:clamp(.3rem,.65vh,.45rem) clamp(.6rem,1.2vw,.85rem);background:#3b82f6;color:#fff;border:none;border-radius:var(--cfg-radius);font-size:var(--cfg-font-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s}.btn-probar:hover:not(:disabled){background:#2563eb}.btn-probar:disabled{background:#9ca3af;cursor:not-allowed}.spinning{animation:cfg-spin 1s linear infinite}@keyframes cfg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.estado-conexion{display:flex;align-items:center;gap:.3rem;margin-top:clamp(.2rem,.4vh,.3rem);padding:clamp(.2rem,.4vh,.3rem) clamp(.4rem,.8vw,.6rem);border-radius:var(--cfg-radius);font-size:var(--cfg-font-sm)}.estado-conexion.exito{background:#dcfce7;color:#166534}.estado-conexion.error{background:#fee2e2;color:#991b1b}.config-mensaje{display:flex;align-items:center;gap:.3rem;padding:clamp(.3rem,.6vh,.5rem) var(--cfg-spacing);border-radius:var(--cfg-radius);font-size:var(--cfg-font-sm)}.config-mensaje.exito{background:#dcfce7;color:#166534}.config-mensaje.error{background:#fee2e2;color:#991b1b}.config-actions{display:flex;justify-content:flex-end;flex-shrink:0}.btn-guardar{display:flex;align-items:center;gap:.3rem;padding:clamp(.35rem,.7vh,.5rem) clamp(1rem,2vw,1.5rem);background:var(--color-primary);color:#fff;border:none;border-radius:var(--cfg-radius);font-size:var(--cfg-font-base);font-weight:600;cursor:pointer;transition:background .2s}.btn-guardar:hover:not(:disabled){background:var(--color-primary-dark)}.btn-guardar:disabled{background:#9ca3af;cursor:not-allowed}.config-info{display:flex;align-items:center;gap:.3rem;padding:clamp(.3rem,.6vh,.45rem) var(--cfg-spacing);background:#f3f4f6;border-radius:var(--cfg-radius);font-size:var(--cfg-font-sm);color:#6b7280;flex-shrink:0}.configuracion-loading{padding:var(--cfg-spacing-lg);text-align:center;color:#6b7280;font-size:var(--cfg-font-base)}.config-row{display:flex;gap:var(--cfg-spacing)}.config-row .config-field{flex:1}.config-field-small{flex:0 0 clamp(5.5rem,10vw,7rem)!important}.password-input-group{display:flex;position:relative}.password-input-group input{flex:1;padding-right:2.2rem}.btn-toggle-password{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.15rem;display:flex;align-items:center;justify-content:center}.btn-toggle-password:hover{color:var(--color-primary)}.configuracion .checkbox-field{margin-bottom:var(--cfg-spacing)!important}.configuracion .checkbox-label{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:var(--cfg-font-base);color:var(--color-text)}.configuracion .checkbox-label input[type=checkbox]{width:clamp(.9rem,1.8vh,1.1rem);height:clamp(.9rem,1.8vh,1.1rem);cursor:pointer;accent-color:var(--color-primary);aspect-ratio:1}.cfg-sync-status-panel{display:flex;flex-direction:column;gap:clamp(.2rem,.4vh,.35rem)}.cfg-sync-status-row{display:flex;align-items:center;gap:.5rem;font-size:var(--cfg-font-sm)}.cfg-sync-label{color:var(--color-text-light);min-width:5.5rem}.cfg-sync-value{color:var(--color-text);font-weight:500}.cfg-sync-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .5rem;border-radius:1rem;font-size:var(--cfg-font-sm);font-weight:500}.cfg-badge-active{background:#dcfce7;color:#166534}.cfg-badge-inactive{background:#f3f4f6;color:#6b7280}.cfg-badge-ok{background:#dcfce7;color:#166534}.cfg-badge-error{background:#fee2e2;color:#991b1b}.cfg-sync-status-dot{width:6px;height:6px;border-radius:50%}.cfg-sync-action{margin-top:clamp(.35rem,.7vh,.5rem)}.cfg-intervalo-grid{display:flex;flex-wrap:wrap;gap:clamp(.25rem,.5vh,.35rem)}.cfg-intervalo-btn{padding:clamp(.25rem,.5vh,.35rem) clamp(.5rem,1vw,.75rem);border:1px solid var(--color-border);border-radius:var(--cfg-radius);background:#fff;color:var(--color-text);font-size:var(--cfg-font-sm);cursor:pointer;transition:all .15s}.cfg-intervalo-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.cfg-intervalo-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cfg-intervalo-active:hover{background:var(--color-primary-dark);color:#fff}.cfg-logs-section{flex:1!important;min-height:0;display:flex;flex-direction:column;overflow:hidden}.cfg-logs-header{display:flex;align-items:center;justify-content:space-between}.cfg-logs-header h3{flex:1}.cfg-logs-clear{display:flex;align-items:center;gap:.2rem;padding:.15rem .4rem;border:none;background:none;color:var(--color-text-light);font-size:clamp(.62rem,1.1vh,.72rem);cursor:pointer;border-radius:var(--cfg-radius);transition:all .15s}.cfg-logs-clear:hover{background:#fee2e2;color:#991b1b}.cfg-logs-container{flex:1;overflow-y:auto;min-height:0}.cfg-logs-empty{text-align:center;color:var(--color-text-light);font-size:var(--cfg-font-sm);padding:clamp(.5rem,1vh,1rem)}.cfg-logs-table{width:100%;border-collapse:collapse;font-size:clamp(.62rem,1.2vh,.75rem)}.cfg-logs-table thead{position:sticky;top:0;z-index:1}.cfg-logs-table th{background:#f8fafc;text-align:left;padding:clamp(.2rem,.4vh,.3rem) clamp(.3rem,.6vw,.5rem);color:var(--color-text-light);font-weight:600;border-bottom:1px solid var(--color-border);white-space:nowrap}.cfg-logs-table td{padding:clamp(.15rem,.35vh,.25rem) clamp(.3rem,.6vw,.5rem);border-bottom:1px solid #f1f5f9;color:var(--color-text);white-space:nowrap}.cfg-log-msg{white-space:normal!important;max-width:20rem;word-break:break-word}.cfg-log-error td{background:#fef2f2}.cfg-log-tipo{display:inline-block;padding:.05rem .35rem;border-radius:.25rem;font-size:clamp(.58rem,1vh,.68rem);font-weight:500}.cfg-log-manual{background:#dbeafe;color:#1e40af}.cfg-log-auto{background:#f3f4f6;color:#6b7280}.cfg-log-estado{display:inline-flex;align-items:center;gap:.15rem;font-weight:500}.cfg-log-ok{color:#16a34a}.cfg-log-fail{color:#dc2626}@media(min-width:87.5rem){.configuracion{--cfg-spacing: .75rem;--cfg-spacing-lg: 1rem;--cfg-font-sm: .85rem;--cfg-font-base: .95rem;--cfg-font-lg: 1.05rem;--cfg-font-xl: 1.4rem}}@media(max-width:48rem){.configuracion{height:auto;min-height:calc(100vh - 4rem);overflow-y:auto}.api-input-group{flex-direction:column}.btn-probar{justify-content:center}.config-row{flex-direction:column;gap:0}.config-field-small{flex:1!important}.cfg-intervalo-grid{gap:.25rem}}@media(max-width:30rem){.configuracion{--cfg-spacing: .5rem;--cfg-spacing-lg: .65rem}}@media(max-height:600px){.configuracion{height:auto;min-height:100vh;overflow-y:auto}}.usuarios{--usr-spacing: clamp(.75rem, 1.5vw, 1rem);--usr-font-sm: clamp(.7rem, 1.2vw, .8rem);--usr-font-base: clamp(.8rem, 1.4vw, .95rem);--usr-font-lg: clamp(1rem, 1.8vw, 1.25rem);--usr-font-xl: clamp(1.25rem, 2.2vw, 1.5rem);--usr-radius: clamp(.375rem, .8vw, .5rem);padding:var(--usr-spacing);height:calc(100vh - clamp(3rem,5vh,4rem));display:flex;flex-direction:column;overflow:hidden}.usuarios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--usr-spacing);flex-shrink:0}.usuarios-header h2{color:var(--color-text);font-size:var(--usr-font-xl);margin:0}.btn-primary{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);background:var(--color-primary);color:#fff;border:none;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem);border-radius:var(--usr-radius);font-size:var(--usr-font-base);cursor:pointer;transition:background .2s}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:.0625rem solid var(--color-border);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem);border-radius:var(--usr-radius);font-size:var(--usr-font-base);cursor:pointer;transition:background .2s}.btn-icon.btn-danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}.usuarios-filtros{display:flex;gap:var(--usr-spacing);margin-bottom:var(--usr-spacing);flex-wrap:wrap;flex-shrink:0}.search-box{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);background:#fff;border:.0625rem solid var(--color-border);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);border-radius:var(--usr-radius);flex:1;max-width:clamp(15rem,40vw,25rem);min-width:12rem}.search-box input{background:none;border:none;color:var(--color-text);font-size:var(--usr-font-base);width:100%;outline:none}.search-box input::placeholder{color:var(--color-text-light)}.filtro-select-container{min-width:12rem}.usuarios-tabla{background:#fff;border-radius:var(--usr-radius);overflow:hidden;border:.0625rem solid var(--color-border);flex:1;display:flex;flex-direction:column;min-height:0}.usuarios-tabla table{width:100%;border-collapse:collapse;min-width:50rem;font-size:var(--usr-font-sm)}.usuarios-tabla th,.usuarios-tabla td{padding:clamp(.3rem,.6vw,.4rem) clamp(.4rem,.8vw,.5rem);text-align:left;white-space:nowrap}.usuarios-tabla th{background:var(--color-bg-secondary);color:var(--color-text-light);font-weight:600;font-size:clamp(.6rem,1vw,.7rem);text-transform:uppercase;letter-spacing:.03em;border-bottom:.125rem solid var(--color-border);position:sticky;top:0;z-index:1}.usuarios-tabla td{color:var(--color-text);border-bottom:.0625rem solid var(--color-border)}.usuarios-tabla tr:last-child td{border-bottom:none}.usuarios-tabla tbody tr:nth-child(2n) td{background:#fafafa}.usuarios-tabla tbody tr:hover td{background:#f0f0f0}.perfil-badge{background:#f9731626;color:var(--color-primary);padding:clamp(.1rem,.2vw,.15rem) clamp(.35rem,.7vw,.5rem);border-radius:.75rem;font-size:clamp(.6rem,1vw,.7rem);font-weight:500}.sin-resultados{text-align:center;color:var(--color-text-light);padding:var(--usr-spacing);font-size:var(--usr-font-sm)}.modal-overlay-usuarios{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-usuarios{background:#fff;border-radius:.5rem;width:min(30rem,94vw);box-shadow:0 8px 30px #0000002e}.modal-usuarios .modal-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.4rem,1vh,.8rem) clamp(.8rem,2vw,1.2rem);border-bottom:1px solid #e2e8f0}.modal-usuarios .modal-header h3{color:#1e293b;margin:0;font-size:clamp(.8rem,1.8vh,1.1rem);font-weight:600}.modal-usuarios .modal-header .btn-close{padding:clamp(.15rem,.4vh,.3rem);border:none;background:none;color:#94a3b8;cursor:pointer;border-radius:.25rem;display:flex;align-items:center}.modal-usuarios .modal-header .btn-close:hover{background:#f1f5f9;color:#334155}.modal-usuarios form{padding:clamp(.4rem,1.2vh,1rem) clamp(.8rem,2vw,1.2rem) clamp(.5rem,1.2vh,1rem);display:flex;flex-direction:column;gap:clamp(.3rem,.9vh,.7rem)}.modal-usuarios .musr-field{margin:0}.modal-usuarios .musr-field label{display:block;color:#64748b;font-size:clamp(.6rem,1.3vh,.8rem);margin-bottom:clamp(.1rem,.25vh,.2rem);font-weight:500}.modal-usuarios .musr-field input,.modal-usuarios .musr-field select{width:100%;background:#fff;border:1px solid #e2e8f0;color:#1e293b;padding:clamp(.2rem,.6vh,.45rem) .5rem!important;border-radius:.375rem;font-size:clamp(.68rem,1.5vh,.9rem);outline:none;transition:border-color .15s;box-sizing:border-box}.modal-usuarios .musr-field input:focus,.modal-usuarios .musr-field select:focus{border-color:#f97316}.modal-usuarios .musr-row{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(.4rem,1vw,.8rem)}.modal-usuarios .musr-input-password{position:relative;display:flex;align-items:center}.modal-usuarios .musr-input-password input{padding-right:clamp(2rem,4vw,2.5rem)!important}.modal-usuarios .musr-toggle-password{position:absolute;right:clamp(.5rem,1vw,.75rem);background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem}.modal-usuarios .musr-toggle-password:hover{color:#f97316}.modal-usuarios .musr-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:clamp(.3rem,.8vh,.6rem);border-top:1px solid #e2e8f0}.modal-usuarios .musr-actions button{padding:clamp(.25rem,.6vh,.45rem) clamp(.8rem,2vw,1.2rem);font-size:clamp(.68rem,1.5vh,.9rem);border-radius:.375rem;cursor:pointer}.modal-usuarios .musr-actions .musr-btn-save{background:#f97316;color:#fff;border:none}.modal-usuarios .musr-actions .musr-btn-save:hover{background:#ea580c}.modal-usuarios .musr-actions .musr-btn-cancel{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.modal-usuarios .musr-actions .musr-btn-cancel:hover{background:#e2e8f0}@media(min-width:87.5rem){.usuarios{--usr-spacing: 1.25rem;--usr-font-sm: .85rem;--usr-font-base: 1rem;--usr-font-lg: 1.35rem;--usr-font-xl: 1.6rem}}@media(max-width:64rem){.usuarios-tabla{overflow-x:auto}}@media(max-width:48rem){.usuarios{height:auto;min-height:calc(100vh - 3rem)}.usuarios-header{flex-direction:column;gap:var(--usr-spacing);align-items:stretch}.usuarios-filtros{flex-direction:column}.search-box{max-width:100%}.musr-row{grid-template-columns:1fr}.musr-actions{flex-direction:column}.musr-actions button{width:100%}}@media(max-width:30rem){.usuarios{--usr-spacing: .75rem}}@media(max-height:600px){.usuarios{height:auto;min-height:100vh}}.perfiles{--perf-spacing: clamp(.75rem, 1.5vw, 1rem);--perf-font-sm: clamp(.7rem, 1.2vw, .8rem);--perf-font-base: clamp(.8rem, 1.4vw, .95rem);--perf-font-lg: clamp(1rem, 1.8vw, 1.25rem);--perf-font-xl: clamp(1.25rem, 2.2vw, 1.5rem);--perf-radius: clamp(.375rem, .8vw, .5rem);padding:var(--perf-spacing);height:calc(100vh - clamp(3rem,5vh,4rem));display:flex;flex-direction:column;overflow:hidden}.perfiles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--perf-spacing);flex-shrink:0}.perfiles-header h2{color:var(--color-text);font-size:var(--perf-font-xl);margin:0}.btn-primary{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);background:var(--color-primary);color:#fff;border:none;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem);border-radius:var(--perf-radius);font-size:var(--perf-font-base);cursor:pointer;transition:background .2s}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:.0625rem solid var(--color-border);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem);border-radius:var(--perf-radius);font-size:var(--perf-font-base);cursor:pointer}.btn-secondary:hover{background:var(--color-border)}.btn-icon{background:var(--color-bg-secondary);border:.0625rem solid var(--color-border);color:var(--color-text-light);padding:clamp(.35rem,.7vw,.5rem);border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.btn-icon:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-icon.btn-danger:hover{background:#ef4444;border-color:#ef4444}.perfiles-filtros{display:flex;gap:var(--perf-spacing);margin-bottom:var(--perf-spacing);flex-shrink:0}.search-box{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);background:#fff;border:.0625rem solid var(--color-border);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);border-radius:var(--perf-radius);flex:1;max-width:clamp(15rem,40vw,25rem)}.search-box input{background:none;border:none;color:var(--color-text);font-size:var(--perf-font-base);width:100%;outline:none}.search-box svg{color:var(--color-text-light);flex-shrink:0}.perfiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(16rem,30vw,20rem),1fr));gap:var(--perf-spacing);flex:1;overflow-y:auto;align-content:start}.perfil-card{background:#fff;border:.0625rem solid var(--color-border);border-radius:var(--perf-radius);overflow:hidden;transition:box-shadow .2s}.perfil-card:hover{box-shadow:0 .25rem 1rem #00000014}.perfil-card-header{display:flex;align-items:flex-start;gap:var(--perf-spacing);padding:var(--perf-spacing);border-bottom:.0625rem solid var(--color-border)}.perfil-icon{background:#f973161a;color:var(--color-primary);padding:clamp(.5rem,1vw,.75rem);border-radius:var(--perf-radius);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.perfil-info{flex:1}.perfil-info h3{margin:0 0 clamp(.15rem,.3vw,.25rem) 0;color:var(--color-text);font-size:var(--perf-font-base)}.perfil-info p{margin:0;color:var(--color-text-light);font-size:var(--perf-font-sm)}.perfil-actions{display:flex;gap:clamp(.15rem,.3vw,.25rem)}.perfil-card-body{padding:var(--perf-spacing)}.perfil-stats{display:flex;gap:var(--perf-spacing);margin-bottom:clamp(.5rem,1vw,.75rem)}.perfil-stats .stat{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);color:var(--color-text-light);font-size:var(--perf-font-sm)}.perfil-permisos{display:flex;flex-wrap:wrap;gap:clamp(.15rem,.3vw,.25rem)}.permiso-tag{background:var(--color-bg-secondary);color:var(--color-text-light);padding:clamp(.1rem,.2vw,.15rem) clamp(.35rem,.7vw,.5rem);border-radius:.25rem;font-size:clamp(.6rem,1vw,.7rem);text-transform:capitalize}.permiso-tag.more{background:var(--color-primary);color:#fff}.sin-resultados{text-align:center;color:var(--color-text-light);padding:clamp(1.5rem,3vw,2rem)}.modal-overlay-perfiles{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-perfiles{background:#fff;border-radius:.5rem;width:min(50rem,94vw);max-height:90vh;overflow-y:auto;box-shadow:0 8px 30px #0000002e}.modal-perfiles .modal-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.4rem,1vh,.8rem) clamp(.8rem,2vw,1.2rem);border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:10}.modal-perfiles .modal-header h3{color:#1e293b;margin:0;font-size:clamp(.8rem,1.8vh,1.1rem);font-weight:600}.modal-perfiles .modal-header .btn-close{padding:clamp(.15rem,.4vh,.3rem);border:none;background:none;color:#94a3b8;cursor:pointer;border-radius:.25rem;display:flex;align-items:center}.modal-perfiles .modal-header .btn-close:hover{background:#f1f5f9;color:#334155}.modal-perfiles form{padding:clamp(.4rem,1.2vh,1rem) clamp(.8rem,2vw,1.2rem) clamp(.5rem,1.2vh,1rem);display:flex;flex-direction:column;gap:clamp(.3rem,.9vh,.7rem)}.modal-perfiles .mperf-field{margin:0}.modal-perfiles .mperf-field label{display:block;color:#64748b;font-size:clamp(.6rem,1.3vh,.8rem);margin-bottom:clamp(.1rem,.25vh,.2rem);font-weight:500}.modal-perfiles .mperf-field input{width:100%;background:#fff;border:1px solid #e2e8f0;color:#1e293b;padding:clamp(.2rem,.6vh,.45rem) .5rem!important;border-radius:.375rem;font-size:clamp(.68rem,1.5vh,.9rem);outline:none;transition:border-color .15s;box-sizing:border-box}.modal-perfiles .mperf-field input:focus{border-color:#f97316}.modal-perfiles .mperf-field input:disabled{background:#f8fafc;cursor:not-allowed}.modal-perfiles .mperf-row{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(.4rem,1vw,.8rem)}.modal-perfiles .mperf-permisos-section{margin-top:clamp(.3rem,.8vh,.6rem);padding-top:clamp(.3rem,.8vh,.6rem);border-top:1px solid #e2e8f0}.modal-perfiles .mperf-permisos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(.3rem,.8vh,.6rem)}.modal-perfiles .mperf-permisos-header h4{margin:0;color:#1e293b;font-size:clamp(.7rem,1.5vh,.95rem)}.modal-perfiles .mperf-permisos-actions{display:flex;gap:clamp(.25rem,.5vw,.5rem)}.modal-perfiles .mperf-btn-link{background:none;border:none;color:#f97316;font-size:clamp(.6rem,1.3vh,.8rem);cursor:pointer;padding:clamp(.15rem,.3vw,.25rem) clamp(.35rem,.7vw,.5rem)}.modal-perfiles .mperf-btn-link:hover{text-decoration:underline}.modal-perfiles .mperf-permisos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(12rem,22vw,14rem),1fr));gap:clamp(.3rem,.8vh,.6rem)}.modal-perfiles .mperf-permiso-group{background:#f8fafc;border-radius:.375rem;padding:clamp(.3rem,.8vh,.6rem)}.modal-perfiles .mperf-permiso-group h5{margin:0 0 clamp(.3rem,.7vh,.5rem) 0;color:#1e293b;font-size:clamp(.6rem,1.2vh,.8rem);text-transform:capitalize;border-bottom:1px solid #e2e8f0;padding-bottom:clamp(.2rem,.5vh,.35rem)}.modal-perfiles .mperf-check-label{display:flex;align-items:flex-start;gap:.35rem;cursor:pointer;padding:clamp(.2rem,.5vh,.35rem) 0}.modal-perfiles .mperf-check-label input{display:none}.modal-perfiles .mperf-check-box{width:clamp(.8rem,1.8vh,1.1rem);height:clamp(.8rem,1.8vh,1.1rem);border:2px solid #cbd5e1;border-radius:.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s;margin-top:.125rem;aspect-ratio:1}.modal-perfiles .mperf-check-label input:checked+.mperf-check-box{background:#f97316;border-color:#f97316}.modal-perfiles .mperf-check-label input:checked+.mperf-check-box:after{content:"✓";color:#fff;font-size:clamp(.45rem,1vh,.65rem);font-weight:700}.modal-perfiles .mperf-check-label:hover .mperf-check-box{border-color:#f97316}.modal-perfiles .mperf-permiso-label{display:flex;flex-direction:column}.modal-perfiles .mperf-permiso-label strong{color:#1e293b;font-size:clamp(.6rem,1.3vh,.8rem);font-weight:500}.modal-perfiles .mperf-permiso-label small{color:#94a3b8;font-size:clamp(.5rem,1vh,.65rem)}.modal-perfiles .mperf-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:clamp(.3rem,.8vh,.6rem);border-top:1px solid #e2e8f0}.modal-perfiles .mperf-actions button{padding:clamp(.25rem,.6vh,.45rem) clamp(.8rem,2vw,1.2rem);font-size:clamp(.68rem,1.5vh,.9rem);border-radius:.375rem;cursor:pointer}.modal-perfiles .mperf-actions .mperf-btn-save{background:#f97316;color:#fff;border:none}.modal-perfiles .mperf-actions .mperf-btn-save:hover{background:#ea580c}.modal-perfiles .mperf-actions .mperf-btn-cancel{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.modal-perfiles .mperf-actions .mperf-btn-cancel:hover{background:#e2e8f0}@media(min-width:87.5rem){.perfiles{--perf-spacing: 1.25rem;--perf-font-sm: .85rem;--perf-font-base: 1rem;--perf-font-lg: 1.35rem;--perf-font-xl: 1.6rem}}@media(max-width:48rem){.perfiles{height:auto;min-height:calc(100vh - 3rem)}.perfiles-header{flex-direction:column;gap:var(--perf-spacing);align-items:stretch}.perfiles-grid,.mperf-row,.mperf-permisos-grid{grid-template-columns:1fr}.mperf-actions{flex-direction:column}.mperf-actions button{width:100%}}@media(max-width:30rem){.perfiles{--perf-spacing: .75rem}}@media(max-height:600px){.perfiles{height:auto;min-height:100vh}}.requisiciones{--req-spacing: clamp(.75rem, 1.5vw, 1rem);--req-font-sm: clamp(.7rem, 1.2vw, .8rem);--req-font-base: clamp(.8rem, 1.4vw, .95rem);--req-font-lg: clamp(1rem, 1.8vw, 1.25rem);--req-font-xl: clamp(1.25rem, 2.2vw, 1.5rem);--req-radius: clamp(.375rem, .8vw, .5rem);padding:var(--req-spacing);height:calc(100vh - 4rem);display:flex;flex-direction:column;overflow:hidden}.req-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--req-spacing);flex-shrink:0}.req-header h2{color:var(--color-text);font-size:var(--req-font-xl);margin:0}.req-header-left{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem)}.req-sync-indicator{display:flex;align-items:center;gap:.35rem;padding:.15rem .5rem;border-radius:.75rem;font-size:clamp(.6rem,1vw,.7rem);font-weight:500}.req-sync-ok{background:#22c55e26;color:#16a34a}.req-sync-off{background:#ef444426;color:#dc2626}.req-sync-dot{width:.4rem;height:.4rem;border-radius:50%;flex-shrink:0}.req-sync-ok .req-sync-dot{background:#16a34a}.req-sync-off .req-sync-dot{background:#dc2626}.req-header-actions{display:flex;gap:clamp(.3rem,.6vw,.5rem)}.req-btn-sync{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.4rem);background:#2563eb;color:#fff;border:none;padding:clamp(.4rem,.8vw,.6rem) clamp(.6rem,1.2vw,1rem);border-radius:var(--req-radius);font-size:var(--req-font-sm);cursor:pointer;transition:background .2s;white-space:nowrap}.req-btn-sync:hover:not(:disabled){background:#1d4ed8}.req-btn-sync:disabled{background:#93c5fd;cursor:not-allowed}.req-spinning{animation:req-spin 1s linear infinite}@keyframes req-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.requisiciones .btn-primary{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);background:var(--color-primary);color:#fff;border:none;padding:clamp(.4rem,.8vw,.6rem) clamp(.6rem,1.2vw,1rem);border-radius:var(--req-radius);font-size:var(--req-font-sm);cursor:pointer;transition:background .2s;white-space:nowrap}.requisiciones .btn-primary:hover{background:var(--color-primary-dark)}.req-btn-secondary{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.5rem);background:#fff;color:var(--color-primary);border:1px solid var(--color-primary);padding:clamp(.4rem,.8vw,.6rem) clamp(.6rem,1.2vw,1rem);border-radius:var(--req-radius);font-size:var(--req-font-sm);cursor:pointer;transition:all .2s;white-space:nowrap}.req-btn-secondary:hover{background:#f9731614}.req-tabs{display:flex;gap:0;margin-bottom:var(--req-spacing);flex-shrink:0;border-bottom:2px solid var(--color-border)}.req-tab{display:flex;align-items:center;gap:.4rem;padding:clamp(.4rem,.8vw,.6rem) clamp(.8rem,1.5vw,1.2rem);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--color-text-light);font-size:var(--req-font-base);font-weight:500;cursor:pointer;transition:all .2s}.req-tab:hover{color:var(--color-primary)}.req-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.req-filtros{display:flex;gap:var(--req-spacing);margin-bottom:var(--req-spacing);flex-wrap:wrap;flex-shrink:0;align-items:center}.requisiciones .search-box{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);background:#fff;border:.0625rem solid var(--color-border);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);border-radius:var(--req-radius);flex:1;max-width:clamp(12rem,30vw,20rem);min-width:10rem}.requisiciones .search-box input{background:none;border:none;color:var(--color-text);font-size:var(--req-font-base);width:100%;outline:none}.requisiciones .search-box input::placeholder{color:var(--color-text-light)}.requisiciones .search-box svg{color:var(--color-text-light);flex-shrink:0}.req-filtro-select{min-width:9rem}.req-filtro-fechas{display:flex;gap:clamp(.25rem,.5vw,.5rem);align-items:center}.req-fecha-input{display:flex;align-items:center;gap:.35rem;background:#fff;border:.0625rem solid var(--color-border);padding:clamp(.35rem,.7vw,.5rem) clamp(.5rem,1vw,.75rem);border-radius:var(--req-radius)}.req-fecha-input svg{color:var(--color-text-light);flex-shrink:0}.req-fecha-input input{background:none;border:none;color:var(--color-text);font-size:var(--req-font-sm);outline:none;width:clamp(6rem,12vw,8rem)}.requisiciones .btn-icon{background:var(--color-bg-secondary);border:.0625rem solid var(--color-border);color:var(--color-text-light);padding:clamp(.35rem,.7vw,.5rem);border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.requisiciones .btn-icon:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.requisiciones .btn-icon.btn-danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}.req-tabla{background:#fff;border-radius:var(--req-radius);overflow-y:auto;overflow-x:hidden;border:.0625rem solid var(--color-border);flex:1;min-height:0}.req-tabla table{width:100%;border-collapse:collapse;min-width:50rem;font-size:var(--req-font-sm)}.req-tabla th,.req-tabla td{padding:clamp(.3rem,.6vw,.4rem) clamp(.4rem,.8vw,.5rem);text-align:left;white-space:nowrap}.req-tabla th{background:var(--color-bg-secondary);color:var(--color-text-light);font-weight:600;font-size:clamp(.6rem,1vw,.7rem);text-transform:uppercase;letter-spacing:.03em;border-bottom:.125rem solid var(--color-border);position:sticky;top:0;z-index:1}.req-tabla td{color:var(--color-text);border-bottom:.0625rem solid var(--color-border)}.req-tabla tr:last-child td{border-bottom:none}.req-tabla tbody tr:nth-child(2n) td{background:#fafafa}.req-tabla tbody tr:hover td{background:#f0f0f0}.acciones{display:flex;gap:clamp(.15rem,.3vw,.25rem)}.acciones .btn-icon{padding:clamp(.2rem,.4vw,.25rem)}.acciones .btn-icon svg{width:clamp(.8rem,1.4vw,.9rem);height:clamp(.8rem,1.4vw,.9rem)}.sin-resultados{text-align:center;color:var(--color-text-light);padding:var(--req-spacing);font-size:var(--req-font-sm)}.req-tipo-badge{display:inline-flex;align-items:center;padding:clamp(.1rem,.2vw,.15rem) clamp(.35rem,.7vw,.5rem);border-radius:.75rem;font-size:clamp(.6rem,1vw,.7rem);font-weight:500}.req-tipo-requisicion{background:#3b82f626;color:#2563eb}.req-tipo-envio_directo{background:#8b5cf626;color:#7c3aed}.req-estado-badge{display:inline-flex;align-items:center;padding:clamp(.1rem,.2vw,.15rem) clamp(.35rem,.7vw,.5rem);border-radius:.75rem;font-size:clamp(.6rem,1vw,.7rem);font-weight:500}.req-estado-pendiente{background:#f59e0b26;color:#d97706}.req-estado-aprobada{background:#3b82f626;color:#2563eb}.req-estado-rechazada{background:#ef444426;color:#dc2626}.req-estado-enviada{background:#8b5cf626;color:#7c3aed}.req-estado-recibida{background:#22c55e26;color:#16a34a}.req-estado-cancelada{background:#94a3b826;color:#64748b}.req-items-badge{display:inline-flex;align-items:center;gap:.25rem;background:#3b82f61a;color:#2563eb;padding:clamp(.1rem,.2vw,.15rem) clamp(.35rem,.7vw,.5rem);border-radius:.75rem;font-size:clamp(.6rem,1vw,.7rem);font-weight:500}.req-badge-actual{display:inline-flex;margin-left:.4rem;background:#22c55e26;color:#16a34a;padding:.05rem .4rem;border-radius:.75rem;font-size:clamp(.55rem,.9vw,.65rem);font-weight:500}.req-item-tipo-badge{display:inline-flex;padding:clamp(.1rem,.2vw,.15rem) clamp(.35rem,.7vw,.5rem);border-radius:.75rem;font-size:clamp(.6rem,1vw,.7rem);font-weight:500}.req-badge-producto{background:#f9731626;color:#ea580c}.req-badge-ingrediente{background:#22c55e26;color:#16a34a}.modal-overlay-req{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-req{background:#fff;border-radius:.5rem;width:min(48rem,94vw);max-height:90vh;overflow-y:auto;box-shadow:0 8px 30px #0000002e}.modal-req-detalle{width:min(42rem,94vw)}.modal-req-sm{width:min(30rem,94vw)}.mreq-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.4rem,1vh,.8rem) clamp(.8rem,2vw,1.2rem);border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:10}.mreq-header h3{color:#1e293b;margin:0;font-size:clamp(.8rem,1.8vh,1.1rem);font-weight:600}.mreq-btn-close{padding:clamp(.15rem,.4vh,.3rem);border:none;background:none;color:#94a3b8;cursor:pointer;border-radius:.25rem;display:flex;align-items:center}.mreq-btn-close:hover{background:#f1f5f9;color:#334155}.modal-req form{padding:clamp(.4rem,1.2vh,1rem) clamp(.8rem,2vw,1.2rem) clamp(.5rem,1.2vh,1rem);display:flex;flex-direction:column;gap:clamp(.3rem,.9vh,.7rem)}.mreq-info-bar{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:clamp(.25rem,.6vh,.4rem) clamp(.5rem,1vw,.75rem);border-radius:.375rem;font-size:clamp(.65rem,1.3vh,.8rem);color:#64748b}.mreq-info-bar strong{color:#1e293b}.mreq-field{margin:0}.mreq-field label{display:block;color:#64748b;font-size:clamp(.6rem,1.3vh,.8rem);margin-bottom:clamp(.1rem,.25vh,.2rem);font-weight:500}.mreq-field input{width:100%;background:#fff;border:1px solid #e2e8f0;color:#1e293b;padding:clamp(.2rem,.6vh,.45rem) .5rem!important;border-radius:.375rem;font-size:clamp(.68rem,1.5vh,.9rem);outline:none;transition:border-color .15s;box-sizing:border-box}.mreq-field input:focus{border-color:#f97316}.mreq-row{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(.4rem,1vw,.8rem)}.mreq-items-section{margin-top:clamp(.2rem,.5vh,.4rem);padding-top:clamp(.3rem,.8vh,.6rem);border-top:1px solid #e2e8f0}.mreq-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(.3rem,.7vh,.5rem)}.mreq-items-header h4{margin:0;color:#1e293b;font-size:clamp(.7rem,1.5vh,.95rem)}.mreq-btn-add{display:inline-flex;align-items:center;gap:.25rem;background:#f97316;color:#fff;border:none;padding:clamp(.15rem,.4vh,.3rem) clamp(.4rem,1vw,.7rem);border-radius:.375rem;font-size:clamp(.6rem,1.3vh,.8rem);cursor:pointer}.mreq-btn-add:hover{background:#ea580c}.mreq-items-empty{text-align:center;color:#94a3b8;font-size:clamp(.65rem,1.3vh,.8rem);font-style:italic;padding:clamp(.5rem,1.2vh,.8rem);background:#f8fafc;border-radius:.375rem}.mreq-items-list{display:flex;flex-direction:column;gap:clamp(.15rem,.3vh,.25rem)}.mreq-items-list-header{display:flex;gap:clamp(.2rem,.5vw,.4rem);padding:0 clamp(.2rem,.5vw,.35rem);align-items:center}.mreq-items-list-header span{font-size:clamp(.55rem,1.1vh,.7rem);color:#94a3b8;font-weight:600;text-transform:uppercase}.mreq-item-row{display:flex;gap:clamp(.2rem,.5vw,.4rem);align-items:center;padding:clamp(.15rem,.4vh,.3rem);background:#f8fafc;border-radius:.375rem}.mreq-col-item{flex:3;min-width:0}.mreq-col-cant{flex:1;min-width:0}.mreq-col-unit{flex:.8;min-width:0}.mreq-col-stock{flex:.8;min-width:0;text-align:center;font-size:clamp(.65rem,1.3vh,.8rem);font-weight:600}.mreq-col-del{flex:0 0 auto}.req-stock-ok{color:#16a34a}.req-stock-low{color:#dc2626}.mreq-item-row input{width:100%;background:#fff;border:1px solid #e2e8f0;color:#1e293b;padding:clamp(.15rem,.4vh,.3rem) .35rem!important;border-radius:.25rem;font-size:clamp(.63rem,1.3vh,.8rem);outline:none;box-sizing:border-box}.mreq-item-row input:focus{border-color:#f97316}.mreq-item-row input:disabled{background:#f1f5f9;cursor:not-allowed}.mreq-item-row input[type=number]{text-align:right;-moz-appearance:textfield}.mreq-item-row input[type=number]::-webkit-outer-spin-button,.mreq-item-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mreq-item-row .btn-icon{padding:clamp(.1rem,.3vh,.2rem)}.mreq-item-row .btn-icon svg{width:clamp(.7rem,1.3vh,.85rem);height:clamp(.7rem,1.3vh,.85rem)}.mreq-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:clamp(.3rem,.8vh,.6rem);border-top:1px solid #e2e8f0}.mreq-actions button{padding:clamp(.25rem,.6vh,.45rem) clamp(.8rem,2vw,1.2rem);font-size:clamp(.68rem,1.5vh,.9rem);border-radius:.375rem;cursor:pointer}.mreq-btn-save{background:#f97316;color:#fff;border:none}.mreq-btn-save:hover{background:#ea580c}.mreq-btn-save:disabled{background:#fdba74;cursor:not-allowed}.mreq-btn-cancel{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.mreq-btn-cancel:hover{background:#e2e8f0}.mreq-detalle-content{padding:clamp(.5rem,1.2vh,1rem) clamp(.8rem,2vw,1.2rem)}.mreq-detalle-info{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.3rem,.7vh,.5rem) clamp(.5rem,1vw,.8rem);margin-bottom:clamp(.5rem,1vh,.8rem);padding-bottom:clamp(.4rem,.8vh,.6rem);border-bottom:1px solid #e2e8f0}.mreq-detalle-info-item{display:flex;flex-direction:column;gap:.1rem}.mreq-detalle-info-item span{color:#94a3b8;font-size:clamp(.55rem,1.1vh,.7rem)}.mreq-detalle-info-item strong{color:#1e293b;font-size:clamp(.68rem,1.4vh,.85rem)}.mreq-detalle-tabla{width:100%;border-collapse:collapse;font-size:clamp(.65rem,1.3vh,.8rem);margin-bottom:clamp(.3rem,.7vh,.5rem)}.mreq-detalle-tabla th{background:#f8fafc;color:#64748b;font-weight:600;font-size:clamp(.55rem,1.1vh,.7rem);text-transform:uppercase;padding:clamp(.2rem,.5vh,.35rem) clamp(.3rem,.7vw,.5rem);border-bottom:1px solid #e2e8f0;text-align:left}.mreq-detalle-tabla td{padding:clamp(.2rem,.5vh,.35rem) clamp(.3rem,.7vw,.5rem);border-bottom:1px solid #f1f5f9;color:#1e293b}.mreq-detalle-tabla th:nth-child(3),.mreq-detalle-tabla td:nth-child(3),.mreq-detalle-tabla th:nth-child(4),.mreq-detalle-tabla td:nth-child(4),.mreq-detalle-tabla th:nth-child(5),.mreq-detalle-tabla td:nth-child(5){text-align:right}.mreq-cant-input{width:clamp(3.5rem,7vw,5rem);padding:clamp(.15rem,.3vh,.25rem) clamp(.2rem,.4vw,.35rem);font-size:clamp(.65rem,1.3vh,.8rem);border:1px solid var(--color-primary);border-radius:.25rem;text-align:right;background:#fff7ed;color:#1e293b;outline:none}.mreq-cant-input:focus{box-shadow:0 0 0 2px #f9731633}.mreq-timeline{margin:clamp(.5rem,1vh,.8rem) 0;padding:clamp(.4rem,.8vh,.6rem) 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.mreq-timeline-item{display:flex;align-items:center;gap:.5rem;padding:clamp(.15rem,.3vh,.25rem) 0;font-size:clamp(.6rem,1.2vh,.75rem);color:#94a3b8}.mreq-timeline-done{color:#1e293b}.mreq-timeline-dot{width:.5rem;height:.5rem;border-radius:50%;background:#e2e8f0;flex-shrink:0}.mreq-timeline-done .mreq-timeline-dot{background:#16a34a}.mreq-detalle-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:clamp(.3rem,.7vh,.5rem)}.mreq-detalle-actions button{display:flex;align-items:center;gap:.3rem;padding:clamp(.3rem,.6vh,.45rem) clamp(.6rem,1.5vw,1rem);border-radius:.375rem;font-size:clamp(.65rem,1.3vh,.8rem);cursor:pointer;border:none;font-weight:500}.mreq-btn-aprobar{background:#16a34a;color:#fff}.mreq-btn-aprobar:hover{background:#15803d}.mreq-btn-rechazar{background:#ef4444;color:#fff}.mreq-btn-rechazar:hover{background:#dc2626}.mreq-btn-enviar{background:#7c3aed;color:#fff}.mreq-btn-enviar:hover{background:#6d28d9}.mreq-btn-recibir{background:#2563eb;color:#fff}.mreq-btn-recibir:hover{background:#1d4ed8}@media(min-width:87.5rem){.requisiciones{--req-spacing: 1.25rem;--req-font-sm: .85rem;--req-font-base: 1rem;--req-font-lg: 1.35rem;--req-font-xl: 1.6rem}}@media(max-width:64rem){.req-tabla{overflow-x:auto}}@media(max-width:48rem){.req-header{flex-direction:column;gap:var(--req-spacing);align-items:flex-start}.req-header-actions{flex-wrap:wrap}.req-filtros{flex-direction:column}.requisiciones .search-box{max-width:100%}.req-filtro-fechas{flex-direction:column;width:100%}.req-fecha-input,.req-fecha-input input{width:100%}.mreq-row,.mreq-detalle-info{grid-template-columns:1fr}.mreq-actions{flex-direction:column}.mreq-actions button{width:100%}}@media(max-width:30rem){.requisiciones{--req-spacing: .75rem}}@media(max-height:600px){.requisiciones{height:auto;min-height:100vh}}.ri{height:calc(100vh - 4rem);display:flex;flex-direction:column;overflow:hidden;padding:clamp(.5rem,1vh,.75rem) clamp(.75rem,1.5vw,1rem);gap:clamp(.5rem,1vh,.75rem)}.ri-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;flex-shrink:0}.ri-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:clamp(.9rem,1.6vw,1.15rem);color:var(--color-text, #1e293b)}.ri-filtros{display:flex;align-items:center;gap:.75rem}.ri-fechas{display:flex;align-items:center;gap:.35rem}.ri-fechas label{font-size:clamp(.6rem,1vw,.72rem);color:#6b7280;font-weight:500}.ri-fechas input{padding:clamp(.3rem,.6vh,.4rem) clamp(.4rem,.8vw,.5rem);border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;font-size:clamp(.65rem,1.1vw,.78rem);color:var(--color-text, #1e293b)}.ri-fechas input:focus{outline:none;border-color:var(--color-primary, #f97316)}.ri-btn-buscar{display:flex;align-items:center;gap:.35rem;padding:clamp(.35rem,.7vh,.45rem) clamp(.75rem,1.5vw,1rem);background:var(--color-primary, #f97316);color:#fff;border:none;border-radius:.375rem;font-size:clamp(.65rem,1.1vw,.78rem);font-weight:600;cursor:pointer;transition:background .15s}.ri-btn-buscar:hover:not(:disabled){background:#ea580c}.ri-btn-buscar:disabled{opacity:.7;cursor:not-allowed}.ri-spin{animation:ri-spin 1s linear infinite}@keyframes ri-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ri-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#94a3b8}.ri-empty p{font-size:clamp(.7rem,1.2vw,.85rem);max-width:20rem;text-align:center}.ri-resumen{display:flex;gap:clamp(.35rem,.7vw,.5rem);flex-shrink:0}.ri-card{display:flex;align-items:center;gap:.35rem;padding:clamp(.35rem,.7vh,.5rem) clamp(.6rem,1.2vw,.85rem);background:#fff;border:1.5px solid var(--color-border, #e2e8f0);border-radius:.5rem;cursor:pointer;transition:all .15s;font-family:inherit}.ri-card:hover{border-color:var(--color-primary, #f97316)}.ri-card.activo{border-color:var(--color-primary, #f97316);background:#fff7ed}.ri-card-warn{color:#d97706}.ri-card-ok{color:#16a34a}.ri-card-info{color:#6b7280;cursor:default}.ri-card-num{font-size:clamp(.9rem,1.6vw,1.1rem);font-weight:800}.ri-card-label{font-size:clamp(.55rem,.9vw,.65rem);font-weight:500;white-space:nowrap}.ri-tabla-wrap{flex:1;overflow:auto;border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;min-height:0}.ri-tabla{width:100%;border-collapse:collapse;font-size:clamp(.62rem,1.05vw,.75rem)}.ri-tabla thead{position:sticky;top:0;z-index:2}.ri-tabla th{padding:clamp(.35rem,.7vh,.5rem) clamp(.3rem,.6vw,.5rem);background:#1e293b;color:#e2e8f0;font-weight:600;font-size:clamp(.55rem,.9vw,.65rem);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-align:center;border-right:1px solid #334155}.ri-tabla th:last-child{border-right:none}.ri-th-nombre{text-align:left!important;min-width:8rem}.ri-th-pos{color:#86efac!important}.ri-th-neg{color:#fca5a5!important}.ri-th-disc{background:#312e81!important}.ri-tabla td{padding:clamp(.3rem,.6vh,.4rem) clamp(.3rem,.6vw,.5rem);border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9}.ri-tabla td:last-child{border-right:none}.ri-tabla tbody tr:hover{background:#fafbfc}.ri-row-warn{background:#fffbeb!important}.ri-row-warn:hover{background:#fef3c7!important}.ri-td-nombre{display:flex;align-items:center;gap:.35rem}.ri-tipo-badge{font-size:clamp(.45rem,.75vw,.55rem);font-weight:700;padding:.1rem .3rem;border-radius:.25rem;letter-spacing:.03em;flex-shrink:0}.ri-tipo-prod{background:#dbeafe;color:#1d4ed8}.ri-tipo-ing{background:#fef3c7;color:#92400e}.ri-prod-nombre{font-weight:500;color:var(--color-text, #1e293b)}.ri-prod-unidad{font-size:clamp(.5rem,.85vw,.6rem);color:#94a3b8}.ri-td-num{text-align:center;font-variant-numeric:tabular-nums;font-weight:500}.ri-td-pos{color:#16a34a}.ri-td-neg{color:#dc2626}.ri-td-esperado{font-weight:700;color:#3b82f6;background:#eff6ff}.ri-td-final{font-weight:700;color:var(--color-text, #1e293b);background:#f8fafc}.ri-td-disc{font-weight:700;background:#f0fdf4}.ri-td-disc.neg{background:#fef2f2;color:#dc2626}.ri-td-disc.pos{background:#f0fdf4;color:#16a34a}.ri-td-disc.ok{color:#6b7280}.ri-disc-val{display:flex;align-items:center;justify-content:center;gap:.2rem}.ri-zero{color:#d1d5db}.ri-na{color:#cbd5e1;font-style:italic}.ri-sin-datos{text-align:center;color:#94a3b8;padding:2rem!important;font-style:italic}.ri-leyenda{display:flex;gap:1.5rem;flex-shrink:0;font-size:clamp(.55rem,.9vw,.65rem);color:#6b7280;padding:clamp(.25rem,.5vh,.35rem) 0}.ri-leyenda strong{color:var(--color-text, #1e293b)}@media(max-width:48rem){.ri-header{flex-direction:column;align-items:flex-start}.ri-filtros,.ri-resumen{flex-wrap:wrap}.ri-leyenda{flex-direction:column;gap:.25rem}}.ii{height:calc(100vh - 4rem);display:flex;flex-direction:column;overflow:hidden;padding:clamp(.5rem,1vh,.75rem) clamp(.75rem,1.5vw,1rem);gap:clamp(.5rem,1vh,.75rem)}.ii-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;flex-shrink:0}.ii-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:clamp(.9rem,1.6vw,1.15rem);color:var(--color-text, #1e293b)}.ii-tabs{display:flex;gap:.25rem;background:#f1f5f9;border-radius:.5rem;padding:.2rem}.ii-tab{display:flex;align-items:center;gap:.35rem;padding:clamp(.3rem,.6vh,.4rem) clamp(.6rem,1.2vw,.85rem);border:none;border-radius:.375rem;background:transparent;font-size:clamp(.65rem,1.1vw,.78rem);font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.ii-tab:hover{color:var(--color-text, #1e293b)}.ii-tab.activo{background:#fff;color:var(--color-primary, #f97316);box-shadow:0 1px 2px #00000014;font-weight:600}.ii-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0}.ii-search{display:flex;align-items:center;gap:.35rem;padding:clamp(.3rem,.6vh,.4rem) clamp(.5rem,1vw,.75rem);border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;color:#94a3b8;flex:1;max-width:20rem}.ii-search input{border:none;outline:none;font-size:clamp(.65rem,1.1vw,.78rem);color:var(--color-text, #1e293b);width:100%}.ii-toolbar-info{display:flex;align-items:center;gap:.5rem}.ii-contados{font-size:clamp(.6rem,1vw,.72rem);color:#6b7280;font-weight:500}.ii-tabla-wrap{flex:1;overflow:auto;border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;min-height:0}.ii-tabla{width:100%;border-collapse:collapse;font-size:clamp(.62rem,1.05vw,.75rem)}.ii-tabla thead{position:sticky;top:0;z-index:2}.ii-tabla th{padding:clamp(.35rem,.7vh,.5rem) clamp(.4rem,.8vw,.6rem);background:#1e293b;color:#e2e8f0;font-weight:600;font-size:clamp(.55rem,.9vw,.65rem);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-align:center}.ii-th-nombre{text-align:left!important;min-width:10rem}.ii-th-fisico{min-width:6rem}.ii-tabla td{padding:clamp(.25rem,.5vh,.35rem) clamp(.4rem,.8vw,.6rem);border-bottom:1px solid #f1f5f9}.ii-tabla tbody tr:hover{background:#fafbfc}.ii-row-diff{background:#fffbeb!important}.ii-row-diff:hover{background:#fef3c7!important}.ii-td-nombre{font-weight:500;color:var(--color-text, #1e293b)}.ii-td-center{text-align:center}.ii-td-num{text-align:center;font-variant-numeric:tabular-nums;font-weight:500}.ii-td-fisico{padding:.15rem .3rem!important}.ii-td-fisico input{width:100%;padding:clamp(.25rem,.5vh,.35rem) clamp(.3rem,.6vw,.4rem);border:1.5px solid var(--color-border, #e2e8f0);border-radius:.375rem;font-size:clamp(.65rem,1.1vw,.78rem);text-align:center;font-variant-numeric:tabular-nums;font-weight:500;color:var(--color-text, #1e293b);transition:border-color .15s}.ii-td-fisico input:focus{outline:none;border-color:var(--color-primary, #f97316)}.ii-td-fisico input.ii-input-filled{background:#f0fdf4;border-color:#86efac}.ii-td-fisico input.ii-input-filled.neg{background:#fef2f2;border-color:#fca5a5}.ii-td-fisico input.ii-input-filled.pos{background:#eff6ff;border-color:#93c5fd}.ii-td-diff.ok{color:#16a34a}.ii-td-diff.neg{color:#dc2626;font-weight:700}.ii-td-diff.pos{color:#2563eb;font-weight:700}.ii-na{color:#cbd5e1}.ii-sin-datos{text-align:center;color:#94a3b8;padding:2rem!important;font-style:italic}.ii-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0;padding:clamp(.25rem,.5vh,.35rem) 0}.ii-footer-left{display:flex;align-items:center;gap:.75rem;flex:1}.ii-notas{flex:1;max-width:20rem;padding:clamp(.3rem,.6vh,.4rem) clamp(.5rem,1vw,.75rem);border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;font-size:clamp(.65rem,1.1vw,.78rem);color:var(--color-text, #1e293b)}.ii-notas:focus{outline:none;border-color:var(--color-primary, #f97316)}.ii-check-ajustar{display:flex;align-items:center;gap:.3rem;font-size:clamp(.6rem,1vw,.72rem);color:#6b7280;font-weight:500;white-space:nowrap;cursor:pointer}.ii-check-ajustar input[type=checkbox]{accent-color:var(--color-primary, #f97316)}.ii-btn-guardar{display:flex;align-items:center;gap:.35rem;padding:clamp(.35rem,.7vh,.45rem) clamp(.75rem,1.5vw,1rem);background:#16a34a;color:#fff;border:none;border-radius:.375rem;font-size:clamp(.65rem,1.1vw,.78rem);font-weight:600;cursor:pointer;transition:background .15s}.ii-btn-guardar:hover:not(:disabled){background:#15803d}.ii-btn-guardar:disabled{opacity:.6;cursor:not-allowed}.ii-badge-warn{display:inline-flex;align-items:center;gap:.2rem;color:#d97706;font-weight:600}.ii-badge-ok{display:inline-flex;align-items:center;gap:.2rem;color:#16a34a;font-weight:500}.ii-btn-ver{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.25rem;font-size:clamp(.55rem,.9vw,.65rem);color:#475569;cursor:pointer;transition:all .15s}.ii-btn-ver:hover{background:#e2e8f0;color:var(--color-text, #1e293b)}.ii-td-fecha{white-space:nowrap;font-variant-numeric:tabular-nums}.ii-td-notas{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7280;font-style:italic}.ii-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:3rem;color:#94a3b8}.ii-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:#94a3b8}.ii-empty p{font-size:clamp(.7rem,1.2vw,.85rem)}.ii-spin{animation:ii-spin 1s linear infinite}@keyframes ii-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ii-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ii-modal{background:#fff;border-radius:.75rem;width:min(42rem,94vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.ii-modal-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(.6rem,1.2vh,.85rem) clamp(.75rem,1.5vw,1rem);border-bottom:1px solid #e2e8f0}.ii-modal-header h3{margin:0;font-size:clamp(.8rem,1.3vw,.95rem);color:var(--color-text, #1e293b)}.ii-modal-fecha{font-size:clamp(.6rem,1vw,.72rem);color:#6b7280}.ii-modal-notas{margin:0;padding:.5rem clamp(.75rem,1.5vw,1rem);font-size:clamp(.6rem,1vw,.72rem);color:#6b7280;font-style:italic;background:#f8fafc;border-bottom:1px solid #e2e8f0}.ii-modal-tabla-wrap{flex:1;overflow:auto;min-height:0}.ii-modal-footer{display:flex;justify-content:flex-end;padding:clamp(.5rem,1vh,.7rem) clamp(.75rem,1.5vw,1rem);border-top:1px solid #e2e8f0}.ii-btn-cerrar{padding:.35rem 1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.375rem;font-size:clamp(.65rem,1.1vw,.78rem);color:#475569;cursor:pointer;transition:background .15s}.ii-btn-cerrar:hover{background:#e2e8f0}@media(max-width:48rem){.ii-header{flex-direction:column;align-items:flex-start}.ii-toolbar{flex-direction:column;align-items:stretch}.ii-search{max-width:none}.ii-footer{flex-direction:column;align-items:stretch}.ii-footer-left{flex-direction:column}.ii-notas{max-width:none}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem}.login-card{background:#fff;border-radius:1rem;box-shadow:0 .625rem 2.5rem #0000001a;width:100%;max-width:25rem;padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{font-size:2rem;font-weight:700;color:var(--color-text)}.login-logo .logo-accent{color:var(--color-primary)}.login-subtitle{color:var(--color-text-light);font-size:.9rem;margin-top:.5rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form .form-group{margin-bottom:0}.login-form .form-group label{display:block;color:var(--color-text-light);font-size:.9rem;margin-bottom:.5rem;font-weight:500}.input-icon{position:relative;display:flex;align-items:center}.input-icon>svg:first-child{position:absolute;left:1rem;color:var(--color-text-light);pointer-events:none}.input-icon input{width:100%;background:#fff;border:.0625rem solid var(--color-border);color:var(--color-text);padding:.875rem 1rem .875rem 3rem;border-radius:.5rem;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}.input-icon input:focus{border-color:var(--color-primary);box-shadow:0 0 0 .1875rem #f973161a}.input-icon input::placeholder{color:var(--color-text-light)}.toggle-password{position:absolute;right:.75rem;background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.toggle-password:hover{color:var(--color-primary)}.btn-login{width:100%;background:var(--color-primary);color:#fff;border:none;padding:1rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;margin-top:.5rem}.btn-login:hover:not(:disabled){background:var(--color-primary-dark)}.btn-login:active:not(:disabled){transform:scale(.98)}.btn-login:disabled{background:var(--color-text-light);cursor:not-allowed}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:.0625rem solid var(--color-border);text-align:center}.login-footer p{color:var(--color-text-light);font-size:.8rem;margin:.25rem 0}.login-footer strong{color:var(--color-text)}@media(max-width:30rem){.login-card{padding:1.5rem}.login-logo{font-size:1.75rem}}.app{min-height:100vh;background:var(--color-bg)}.main-content{padding:2rem 2rem 2rem 5rem}.main-content h2{color:var(--color-text);font-size:1.8rem;font-weight:600}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);gap:1rem}.app-loading p{color:var(--color-text-light);font-size:.9rem}.loading-spinner{width:2.5rem;height:2.5rem;border:.25rem solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sync-global-indicator{position:fixed;top:.7rem;right:1rem;display:flex;align-items:center;gap:.4rem;z-index:100;background:#fff;border:1px solid var(--color-border);border-radius:2rem;padding:.3rem .5rem .3rem .7rem;box-shadow:0 1px 4px #00000014;font-size:.72rem}.sync-global-status{display:flex;align-items:center;gap:.35rem}.sync-global-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sync-global-ok .sync-global-dot{background:#22c55e;box-shadow:0 0 4px #22c55e80}.sync-global-off .sync-global-dot{background:#ef4444;box-shadow:0 0 4px #ef444466}.sync-global-label{color:var(--color-text);font-weight:500}.sync-global-time{color:var(--color-text-light);font-size:.65rem}.sync-global-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:transparent;color:var(--color-text-light);border-radius:50%;cursor:pointer;transition:all .15s}.sync-global-btn:hover{background:#f973161a;color:var(--color-primary)}.sync-global-btn:disabled{cursor:default;color:var(--color-primary)}@keyframes sync-spin{to{transform:rotate(360deg)}}.sync-global-spinning{animation:sync-spin 1s linear infinite}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-primary: #f97316;--color-primary-dark: #ea580c;--color-primary-light: #fdba74;--color-bg: #ffffff;--color-bg-secondary: #f8fafc;--color-text: #1e293b;--color-text-light: #64748b;--color-border: #e2e8f0;color-scheme:light;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-width:20rem;min-height:100vh;background-color:var(--color-bg)}