.device-connection{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:10px 12px;background:#edf8f1;border:1px solid #c8e8d7;border-radius:10px;color:#23704a;font-size:.82rem;position:relative;z-index:3;grid-column:1/-1;width:100%;box-sizing:border-box}.device-connection[hidden]{display:none}.device-connection>svg{width:21px;height:21px;flex-shrink:0}.device-connection span{flex:1;min-width:130px}.device-connection button{min-height:40px;padding:8px 10px;border:0;border-radius:8px;color:#27187e;background:#e7f2eb;cursor:pointer}.scan-method-picker{display:grid;gap:12px;padding:14px;background:#fff;color:#27187e}.scan-method-picker form{display:grid;gap:8px}.scan-method-picker input[type=text]{width:100%;box-sizing:border-box;padding:12px;border:1px solid #ddd9e9;border-radius:9px;font:inherit;min-height:44px}.scan-method-tools{display:flex;gap:8px;flex-wrap:wrap}.scan-method-remember{display:flex;gap:8px;align-items:center;font-size:.82rem}.scan-method-remember input{width:18px;height:18px}.account-device-notice{display:flex;align-items:flex-start;gap:10px;background:#fff8e2;border:1px solid #efdfa8;border-radius:12px;padding:14px;color:#795d16;margin:16px 0}.account-device-notice>svg{width:22px;height:22px;flex-shrink:0}.account-device-notice p{font-size:.85rem;line-height:1.4}.account-device-actions{display:flex;gap:8px}.account-device-actions button{flex:1}.relay-scanner-dialog{width:min(560px,calc(100% - 24px))}#relayPhoneReader{min-height:280px}
@media(min-width:1024px){.stock-workspace,.library-app,.reports-panel{width:100%!important;max-width:1440px!important;margin-inline:auto}.stock-main,.library-main,.reports-main{padding-inline:clamp(28px,4vw,64px)!important}.stock-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.library-page .library-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:0 24px}.reports-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:14px}.stock-pallet-dialog{width:min(1100px,calc(100% - 64px))}#palletProducts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:0 24px}#stockProductDialog{width:min(640px,calc(100% - 64px))}.account-main{max-width:1200px;margin-inline:auto}.device-connection{max-width:none;margin-inline:0}.account-panel-profile{width:100%;max-width:1120px}.account-panel-profile>.account-security{max-width:none}.stock-primary-actions{justify-content:flex-start}}

.scan-method-switch{margin:8px 0;min-height:40px}.scan-method-tools button{display:inline-flex;align-items:center;gap:8px;min-height:44px}.scan-method-tools svg{width:20px;height:20px}

@media(min-width:1024px){.home-page .contenedor-main{max-width:1440px;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px}.home-page .app-resumen{grid-column:1/-1}.home-page #boton{min-height:180px}.tops-panel{width:100%;max-width:1200px}.home-page #contenedormax{width:min(640px,calc(100vw - 64px));height:auto;min-height:420px;max-height:calc(100dvh - 64px);margin:auto;padding:24px;inset:0;border-radius:16px;overflow-y:auto}.home-page #contenedor{height:auto;min-height:300px;position:relative}.home-page #contenedor video{height:400px}.home-page .scan-method-picker{padding-top:14px}.home-page #cartelScaner{position:relative}.scan-method-switch svg{width:20px;height:20px}.scan-method-switch{display:inline-flex;align-items:center;gap:8px}}

.scan-method-picker .scan-method-remember{display:flex;align-items:center;margin:0;gap:8px}.scan-method-remember input[type=checkbox]{min-height:18px;margin:0;padding:0;flex:none}.scan-method-switch svg{width:20px;height:20px}.scan-method-switch{display:inline-flex;align-items:center;gap:8px}@media(min-width:1024px){.home-page #boton{grid-row:auto}.home-page .home-list{grid-column:2}.home-page #contenedormax.library-dialog{height:fit-content;min-height:0}}

.device-connection button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.device-connection button[hidden]{display:none}.device-connection button svg{width:18px;height:18px;flex:none}

.library-scanner-dialog .ean-reader.scan-desktop-surface,#contenedormax #contenedor.scan-desktop-surface{background:#fff;min-height:0;height:auto}.scan-phone-wait{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #ddd7f0;border-radius:12px;background:#f3f0fb;color:#27187e}.scan-phone-wait>svg{width:28px;height:28px;flex:none}.scan-phone-wait strong{display:block;font-size:.95rem;line-height:1.4}.scan-phone-wait p{margin:5px 0 0;font-size:.85rem;line-height:1.5;color:#626b7a}.scan-phone-wait[data-connected=true]{background:#eaf7ef;border-color:#c6e8d3;color:#17633d}.scan-phone-wait[data-connected=true] p{color:#23704a}.scan-method-tools:empty,.scan-method-remember[hidden]{display:none}

/* Mobile connection consent and reachable floating shortcut. */
.relay-connection-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:20px;border:1px solid #e1deed;border-radius:18px;background:#fff;color:#27187e;overflow:auto;box-shadow:0 16px 60px #17203326}.relay-connection-dialog::backdrop{background:#17203399;backdrop-filter:blur(4px)}.relay-connection-dialog .library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.relay-connection-dialog h2{margin:0;font-size:1.15rem}.relay-connection-dialog .device-connection{margin:0;padding:16px;font-size:.95rem;gap:12px}.relay-connection-dialog [data-relay-message]{flex-basis:calc(100% - 40px);line-height:1.5}.relay-connection-dialog [data-relay-accept]{width:100%;min-height:48px;background:#27187e;color:white}.relay-connection-fab{position:fixed;right:18px;bottom:calc(86px + env(safe-area-inset-bottom,0px));z-index:1000;width:56px;height:56px;border-radius:50%;border:1px solid #c6e8d3;background:#eaf7ef;color:#17633d;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 18px #17203326;cursor:pointer}.relay-connection-fab[hidden]{display:none}.relay-connection-fab>svg{width:27px;height:27px}.relay-connection-dot{position:absolute;right:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#29985d;border:2px solid white}.relay-connection-fab[data-waiting=true]{background:#fff7dd;border-color:#f0d68d;color:#705315}.relay-connection-fab[data-waiting=true] .relay-connection-dot{background:#e5ad26}@media(max-width:1023px){body[data-hand=left] .relay-connection-fab{left:18px;right:auto}}

body:has(.relay-connection-dialog[open]){overflow:hidden}.relay-connection-dialog{overscroll-behavior:contain}.relay-connection-fab:focus-visible{outline:3px solid #4930d9;outline-offset:3px}

.relay-scanner-dialog[data-ready=false] #relayPhoneReader{outline:2px solid #c52a3c;outline-offset:2px}.relay-scanner-dialog[data-ready=false] #qr-shaded-region>div{background-color:#c52a3c!important}.relay-scanner-dialog[data-ready=false] [role=status]{color:#a52334;background:#fff0f1;border-radius:10px;padding:10px 12px}

.relay-scanner-dialog .library-heading h2{font-size:1.05rem;margin:0}.relay-scanner-dialog>[role=status]{font-size:.84rem;line-height:1.45;margin:8px 0 12px}.relay-reader-actions{display:flex;justify-content:flex-end;margin-top:12px}.relay-reader-actions .relay-disconnect{display:inline-flex;align-items:center;gap:7px;width:auto!important;min-height:42px;padding:9px 12px!important;border:1px solid #f2cbd0;border-radius:10px;background:#fff0f1;color:#a52334;font-size:.85rem;cursor:pointer}.relay-disconnect svg{width:18px;height:18px;flex:none}@media(max-width:1023px){body[data-hand=left] .relay-reader-actions{justify-content:flex-start}}

.relay-reader-actions{gap:8px;flex-wrap:wrap}.relay-reader-actions .relay-retry{width:auto;min-height:42px;padding:9px 12px;font-size:.85rem;display:inline-flex;align-items:center;gap:7px}.relay-retry[hidden]{display:none!important}.relay-retry svg{width:18px;height:18px}

#palletDialog[data-label-reserved=true] #palletStatus,#publicPallet[data-label-reserved=true] #publicPalletStatus{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid #f0d68d;border-radius:10px;background:#fff7dd;color:#705315;font-size:.875rem;line-height:1.45}#palletDialog[data-label-reserved=true] #palletStatus::before,#publicPallet[data-label-reserved=true] #publicPalletStatus::before{content:"";flex:none;width:20px;height:20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") center/contain no-repeat}

@media(min-width:1024px){
 .device-connection{width:fit-content;max-width:100%;justify-self:end;margin-left:auto;padding:6px 8px 6px 12px;gap:8px;border-radius:12px;font-size:.8rem}
 .device-connection>svg{width:18px;height:18px}
 .device-connection [data-relay-message]{min-width:0;flex:initial;line-height:1.4}
 .device-connection [data-relay-disconnect]{width:32px;min-height:32px;padding:6px;font-size:0;background:transparent;color:#52675b;margin:0}
 .device-connection [data-relay-disconnect]:hover{background:#dceee3}
 .device-connection[data-connected=false]{background:#f5f4fa;border-color:#e3dfef;color:#62577e}
}

.relay-camera-stage{position:relative;overflow:hidden;border-radius:14px;isolation:isolate}.relay-camera-status{position:absolute;inset:auto 10px 10px;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#172033bf;color:white;pointer-events:none}.relay-camera-status svg{width:20px;height:20px;flex:none}.relay-camera-status p{margin:0;font-size:.83rem;line-height:1.4}.relay-scanner-dialog[data-ready=false] .relay-camera-status{inset:0;justify-content:center;flex-direction:column;text-align:center;padding:24px;border-radius:0;background:#17203370;color:white;backdrop-filter:blur(7px)}.relay-scanner-dialog[data-ready=false] .relay-camera-status svg{width:30px;height:30px}.relay-scanner-dialog[data-ready=false] .relay-camera-status [role=status]{padding:0;background:none;color:white}.relay-reader-actions .relay-keep-open{display:inline-flex;align-items:center;gap:6px;min-height:42px;width:auto;padding:9px 12px;font-size:.85rem;border:1px solid #e0dcec;border-radius:10px;background:#f3f1f9;color:#62577e}.relay-keep-open svg{width:18px;height:18px}.relay-reader-actions .relay-keep-open[aria-pressed=true]{background:#e5f5eb;border-color:#b8ddc7;color:#23704a}

@media(min-width:1024px){.header-contenedor{align-items:center}.header-contenedor .nav{margin-left:auto;margin-right:12px;gap:2px}.header-contenedor .nav a{padding-inline:10px}.header-contenedor .device-connection-nav{flex:none;align-self:center;margin:0 12px 0 0;padding:6px 8px;gap:6px;background:#ffffff12;border-color:#ffffff30;color:#d8f4e2;max-width:200px;flex-wrap:nowrap}.device-connection-nav [data-relay-message]{font-size:.75rem}.header-contenedor .device-connection-nav [data-relay-disconnect]{color:inherit}.header-contenedor .device-connection-nav [data-relay-disconnect]:hover{background:#ffffff18}.header-contenedor .device-connection-nav[data-connected=false]{background:#ffffff0d;border-color:#ffffff25;color:#e3def7}.header-contenedor .notification-control{margin-left:0;margin-right:16px}}

@media(max-width:1023px){.header-contenedor .device-connection-nav{width:auto;flex:none;margin:0 8px 0 auto;padding:6px;flex-wrap:nowrap}.header-contenedor .device-connection-nav [data-relay-message]{display:none}.header-contenedor .device-connection-nav [data-relay-disconnect]{font-size:0;width:32px;min-height:32px;padding:6px}}

.header-contenedor .device-connection-nav{margin-left:0}

/* Navegación y espacios de trabajo: escritorio y móvil. */
@media(min-width:1024px){
 .header-contenedor .nav{height:44px;align-items:stretch;gap:4px}
 .header-contenedor .nav a{width:auto;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;line-height:1;border-radius:9px;font-size:.9rem}
 .header-contenedor .nav a i{display:inline-block;width:18px;min-width:18px;margin:0;text-align:center;line-height:1}
 .library-page .library-products{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}
 .library-page .library-product,.library-page .library-product:last-child{padding:16px;border:1px solid #e1e5ed;border-radius:12px;background:white;align-items:center;min-width:0}
 .reports-main{width:100%;align-items:stretch;justify-content:flex-start;padding-top:32px}
 .reports-main .reports-panel{margin:0 auto;max-width:1440px;width:100%;text-align:left}
}
.reports-tabs{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.reports-tabs button{margin:0;line-height:1.25;min-height:48px}
.reports-state-tabs button{margin:0;line-height:1.25}
.reports-main{justify-content:flex-start;align-items:stretch}
.reports-panel{margin:0 auto}
@media(max-width:600px){
 .reports-tabs{gap:3px;padding:4px}
 .reports-tabs button{flex-direction:column;gap:5px;padding:9px 2px;font-size:.75rem;min-height:60px}
 .reports-tabs button svg,.reports-tabs button i{width:19px;height:19px;font-size:18px;flex:none}
 .reports-state-tabs button{font-size:.82rem;gap:6px}
}

.relay-scanner-dialog .library-heading h2{display:flex;align-items:center;gap:8px;min-width:0}.relay-scanner-dialog .library-heading h2 svg{width:23px;height:23px;flex:none}
.relay-reader-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
.relay-reader-actions .relay-keep-open,.relay-reader-actions .relay-disconnect{width:100%!important;justify-content:center;min-width:0;min-height:46px;padding:10px 6px!important;font-size:.8rem}
.relay-reader-actions .relay-retry{grid-column:1/-1;width:100%;justify-content:center;order:-1}
.relay-scanner-dialog[data-ready=false] #relayPhoneReader{outline:none}
.relay-scanner-dialog[data-ready=false] .relay-camera-stage::after{content:'';position:absolute;inset:4px;z-index:6;border:2px solid #e34859;border-radius:11px;pointer-events:none}
.relay-scanner-dialog[data-ready=false] .ean-camera-controls{pointer-events:none;opacity:.35}

/* El encabezado del lector comparte el padding real del diálogo. */
.library-scanner-dialog{overflow-x:hidden;overscroll-behavior:contain}
.scan-phone-wait>div{min-width:0;overflow-wrap:anywhere}
.scan-method-picker,.scan-method-picker form{min-width:0;max-width:100%}
@media(min-width:1024px){.home-page #contenedormax.library-dialog{--dialog-padding-x:24px;--dialog-padding-y:24px}}

.relay-connection-dialog .device-connection[data-waiting=true]{background:#fff7dd;border-color:#f0d68d;color:#705315}
.relay-connection-dialog>[data-relay-accept]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:14px 0 0;padding:12px 16px;border:1px solid #c6e8d3;border-radius:10px;background:#eaf7ef;color:#17633d;font:inherit;cursor:pointer}
.relay-connection-dialog>[data-relay-accept] svg{width:20px;height:20px;flex:none}
.relay-connection-dialog>[data-relay-accept][hidden]{display:none}

@media(min-width:1024px){
 .library-page .library-products{align-items:stretch}
 .library-page .library-product{height:100%;min-height:104px}
 .library-page .library-product-actions{align-self:center}
 .reports-state-tabs{width:420px;max-width:100%;margin:12px 0 20px;gap:4px}
 .reports-state-tabs button{min-height:42px;padding:9px 16px}
 .reports-list:has([data-layout=pending]),.reports-list:has([data-layout=history]){grid-template-columns:1fr;gap:10px}
 .reports-list .report-card[data-layout=pending],.reports-list .report-card[data-layout=history]{display:flex;align-items:center;gap:20px;background:white;padding:16px 20px;min-height:76px}
 .report-card[data-layout=pending] .report-card-info{display:grid;grid-template-columns:140px 190px minmax(0,1fr);align-items:center;gap:16px;flex:1}
 .report-card[data-layout=history] .report-card-info{display:grid;grid-template-columns:140px 190px minmax(180px,1fr) minmax(120px,auto);align-items:center;gap:10px 16px;flex:1}
 .report-card[data-layout=pending] p,.report-card[data-layout=history] p{margin:0;line-height:1.4}
 .report-card[data-layout=history] .report-change-tags{grid-column:2/-1;margin:0}
 .report-card[data-layout=pending]>button,.report-card[data-layout=history]>button{display:inline-flex;align-items:center;gap:6px;min-width:100px;justify-content:center}
}
@media(min-width:1024px) and (max-width:1199px){.report-card[data-layout=history] .report-card-info{grid-template-columns:120px 170px minmax(0,1fr)}.report-card[data-layout=history] .report-card-info>p:nth-of-type(3){grid-column:2}.report-card[data-layout=history] .report-change-tags{grid-column:3}}

@media(min-width:1024px){.report-card[data-layout=pending]>button,.report-card[data-layout=history]>button{min-width:120px;white-space:nowrap;flex:none}}

.report-log-filters input[type=search]{min-width:0;flex:1;max-width:360px;min-height:44px;padding:10px 12px;border:1px solid #dddce8;border-radius:10px;background:white;color:#27187e;font:inherit;font-size:.85rem}@media(max-width:600px){.report-log-filters{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}.report-log-filters select,.report-log-filters input[type=search]{width:100%;max-width:none}}

.offline-pending-tag{display:inline-flex;padding:4px 7px;border-radius:6px;background:#fff3d4;color:#84570a;font-size:.75rem;margin-top:6px}.offline-sync-notice,.offline-library-queue{grid-column:1/-1;margin-top:16px;padding:14px;border:1px solid #c6e8d3;border-radius:12px;background:#eaf7ef;color:#17633d}.offline-sync-notice>p{display:flex;align-items:center;gap:8px;margin:0 0 6px}.offline-sync-notice svg{width:20px;height:20px;flex:none}.offline-sync-notice summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}.offline-sync-notice summary::after{content:"⌄";margin-left:auto;transition:transform .2s}.offline-sync-notice details[open] summary::after{transform:rotate(180deg)}.offline-sync-notice ul{padding:0;list-style:none;max-height:320px;overflow:auto}.offline-sync-notice li{padding:10px 0;border-top:1px solid #c6e8d3;overflow-wrap:anywhere;font-size:.85rem}.offline-sync-notice small{display:block;margin-top:4px;font-size:.75rem}.offline-library-queue{background:#fff7dd;color:#705315;border-color:#efd99c}.offline-library-queue p{margin:6px 0;overflow-wrap:anywhere}

.stock-offline{background:#fff7dd;border:1px solid #efd99c;border-radius:12px;padding:14px;color:#705315}.stock-offline-row{border-left:3px solid #dfa826;background:#fffaf0;padding:10px 12px;border-radius:8px;margin-top:8px}.stock-offline-row strong,.stock-offline-row small{display:block;line-height:1.45}.stock-offline-row small{margin-top:3px}