:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#0c2754;background:#074dd8;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#003baf 0%,#0860ed 55%,#049bec 100%);position:relative;isolation:isolate}.shape{position:fixed;pointer-events:none;z-index:-1;border:35px solid #71cfff35;border-radius:50%}.shape-a{width:520px;height:520px;top:-270px;right:-150px}.shape-b{width:440px;height:440px;bottom:-220px;left:-200px;border-width:65px}.shape-c{width:180px;height:180px;top:48%;right:5%;border-radius:45px;transform:rotate(32deg);border-color:#ffffff12}header{max-width:1100px;margin:auto;display:flex;gap:20px;align-items:center;padding:28px 24px;color:white}.logo{width:110px;height:110px;object-fit:contain;background:white;padding:8px 10px;border-radius:16px}h1{font-size:26px;margin:5px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px}header .ghost{margin-left:auto;width:auto}main{max-width:1020px;margin:auto;padding:0 24px 24px}.card{padding:30px;border-radius:26px;background:#fff;box-shadow:0 15px 50px #01245825;margin:18px 0}.login{max-width:480px;margin:45px auto 24px}.login h2{font-size:29px;line-height:1.15}.login p{color:#58708e}h2{font-size:28px;margin:10px 0 16px}p{line-height:1.5}label{display:block;font-size:14px;font-weight:650;margin:16px 0 7px}input,select,button{font:inherit;min-height:48px;border-radius:12px;padding:13px 15px}input,select{width:100%;border:1px solid #c3d1e5;background:#f6f9fe;color:#0c2754;outline-offset:3px}button{border:0;background:#075ce7;color:white;font-weight:700;cursor:pointer;transition:background .15s}button:hover{background:#0342ab}button:disabled{opacity:.55;cursor:wait}form>button{width:100%;margin-top:20px}.ghost{background:#ffffff20;border:1px solid #ffffff50;color:white}.secondary{background:#eaf2ff;color:#074fc9;border:1px solid #cdddff}.secondary:hover{background:#d4e6ff}.compact{min-height:40px;padding:8px 14px;font-size:13px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;color:white}.toolbar label{margin:8px 0 6px}.toolbar select{min-width:250px;background:#ffffff;color:#0c2754}.toolbar .ghost{width:auto}nav{display:flex;gap:8px;margin:22px 0 10px;flex-wrap:wrap}nav button{background:#ffffff20;flex:1;color:white;white-space:nowrap;border:1px solid #ffffff35}nav button.active{background:white;color:#0751cd}.input-row{display:flex;gap:10px}.input-row input{flex:1;min-width:0}.input-row button{width:auto;flex:none}.notice{font-size:12px;background:#f2f6fb;color:#56708d;padding:13px;border-radius:12px;margin:20px 0 0}.product{padding:18px 0;border-top:1px solid #e0e8f3}.product strong{display:block;font-size:19px}.info{font-size:13px;color:#5c718a}.values{display:flex;gap:18px;align-items:center;justify-content:space-between}.price{font-size:28px;font-weight:800;color:#0751cd}.checker{position:relative;overflow:hidden;text-align:center;min-height:610px;background:linear-gradient(150deg,#ffffff 60%,#e3f6ff)}.checker:before{content:"";position:absolute;right:-85px;top:110px;width:225px;height:225px;border:35px solid #0b80ed0a;border-radius:50%;pointer-events:none}.checker-head{display:flex;justify-content:space-between;align-items:center;color:#0751cd;text-align:left}#scanIdle{padding:28px 10px 15px}#scanIdle h2{font-size:clamp(30px,5vw,46px);color:#064dce;margin:22px 0 6px}#scanIdle p{margin:0;color:#56708d;font-size:18px}.scan-symbol{display:flex;gap:6px;align-items:center;justify-content:center;height:100px;width:160px;margin:auto;border:4px solid #0a76ee;border-top-color:transparent;border-bottom-color:transparent;border-radius:18px}.scan-symbol span{display:block;height:60px;width:5px;background:#0a5cdb}.scan-symbol span:nth-child(3n){width:11px}.scan-symbol span:nth-child(2n){height:72px}.checker label{text-align:left}#scanCode{font-size:19px;background:white}.checker-actions{display:flex;gap:10px;margin-top:12px}.checker-actions button{flex:1}#scanResult{min-height:260px;padding:24px 10px 4px}#scanResult h2{font-size:clamp(24px,4vw,36px);margin:10px 0}#scanResult .price{font-size:clamp(44px,8vw,78px);line-height:1.15;display:block;letter-spacing:-2px}#scanResult .result-label{color:#647c98;font-size:13px;letter-spacing:1px}#scanResult .stock{display:inline-block;background:#e9f4ff;padding:9px 18px;border-radius:30px;margin-top:8px;font-size:16px}#scanStatus{min-height:24px;color:#366187;font-size:14px}#camera{width:100%;max-height:270px;object-fit:cover;border-radius:16px;margin-top:20px;background:#092450}#globalStatus{color:#fff;text-align:center;max-width:580px;margin:16px auto;font-weight:600;min-height:24px}footer{color:#e0eeff;font-size:12px;text-align:center;margin:20px 0}.user-row{border-top:1px solid #dbe6f6;padding:16px 0;display:flex;gap:15px;align-items:center;justify-content:space-between}.user-row .actions{display:flex;gap:6px}.user-row button{font-size:12px;padding:8px 12px;min-height:40px}.danger{background:#fff0f0;color:#a52828;border:1px solid #f2c9c9}dialog{border:0;border-radius:22px;padding:28px;max-width:420px;width:calc(100% - 32px);color:#0c2754}dialog::backdrop{background:#001d55aa}.checker:fullscreen{border-radius:0;margin:0;padding:40px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(150deg,#ffffff 55%,#d9f2ff)}.checker:fullscreen #scanIdle{padding:40px}.checker:fullscreen h2{font-size:52px}.checker:fullscreen form{max-width:800px;width:100%;margin:0 auto}.checker:fullscreen .checker-actions{max-width:800px;width:100%;margin:12px auto}.checker:fullscreen #scanResult{padding:35px}.checker:fullscreen .checker-head{position:absolute;top:20px;left:30px;right:30px}@media(max-width:600px){header{padding:20px 16px;gap:12px;flex-wrap:wrap}.logo{width:80px;height:80px}header h1{font-size:20px}header .eyebrow{font-size:9px;letter-spacing:1px}header .ghost{font-size:12px;min-height:38px;padding:8px 12px}main{padding:0 14px 20px}.card{padding:22px;border-radius:22px}.login{margin:20px auto}.toolbar{gap:12px}.toolbar select{min-width:0}.toolbar .ghost{font-size:12px;padding:10px}nav{gap:6px}nav button{font-size:13px;padding:10px}.input-row{gap:7px}.input-row button{font-size:13px;padding:12px}.checker{min-height:570px}.checker-head .eyebrow{font-size:10px}.checker-head button{font-size:11px}.checker-actions button{font-size:13px}.user-row{align-items:start;flex-direction:column}.values{align-items:start;flex-direction:column;gap:8px}}

.cash-note{font-weight:750;color:#0649b8;font-size:15px;line-height:1.4;margin:10px 0 16px}.checker>.cash-note{text-align:center}

.regular-price{font-size:19px;color:#526582;margin:12px 0}.cash-saving{display:inline-block;background:#e5f5ff;color:#0349ac;border-radius:12px;padding:10px 16px;font-weight:800;margin:12px 0 0}.price-block .cash-note{font-size:13px}.price-block .regular-price{font-size:15px}.price-block .cash-saving{display:block;font-size:14px}
.sale-box{margin-top:28px;padding-top:24px;border-top:2px solid #d9e5f7}.add-sale{margin-top:12px}.cart-line{padding:16px 0;border-bottom:1px solid #d7e2f3}.cart-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.cart-controls label{margin:8px 0 0;font-size:12px}.cart-controls input{display:block;width:125px;margin-top:5px}.line-amount{margin-bottom:12px;font-size:19px}.sale-total{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px;font-weight:750;gap:12px}.sale-total strong{font-size:30px;color:#075ce7}.sale-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.sale-actions button{flex:1;min-width:150px}#receipt80{display:none}
@media print{@page{size:80mm auto;margin:3mm}html,body{width:74mm!important;min-height:0!important;background:white!important;color:black!important;margin:0!important;padding:0!important}body>*{display:none!important}body>#receipt80{display:block!important;width:74mm;max-width:74mm;color:black;background:white;padding:0;margin:0;font-family:Arial,sans-serif;font-size:10px;line-height:1.25;overflow-wrap:anywhere}#receipt80 img{display:block;width:17mm;height:17mm;object-fit:contain;margin:0 auto 2mm;filter:grayscale(1)}#receipt80 h2{font-size:14px;margin:0;text-align:center}#receipt80 h3{font-size:12px;margin:2mm 0;text-align:center}#receipt80 p{margin:1mm 0;line-height:1.3}.receipt-warning{font-weight:bold;text-align:center;border-top:1px dashed black;padding-top:2mm}.receipt-row{display:flex;justify-content:space-between;gap:2mm;margin:1mm 0}.receipt-columns>*{flex:1;text-align:right}.receipt-columns>*:first-child{text-align:left}.receipt-line{break-inside:avoid;border-top:1px dashed black;padding:2mm 0}.receipt-line>strong{display:block}.receipt-total{font-size:16px;border-top:2px solid black;padding-top:2mm;break-inside:avoid}#receipt80 .receipt-columns{border:0}#receipt80 .receipt-row{break-inside:avoid}}
textarea{width:100%;border:1px solid #c3d1e5;border-radius:12px;padding:13px 15px;font:inherit;background:#f6f9fe;color:#0c2754}.cut-stages{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.cut-stages span{flex:1;min-width:140px;background:#edf3fe;color:#526584;border-radius:12px;padding:12px;font-size:12px;font-weight:700}.cut-stages .active{background:#075ce7;color:white}.cut-stages .done{background:#dff5e9;color:#1b6540}.cut-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cut-count-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d7e2f3;padding:8px 0}.cut-count-row label{display:flex;align-items:center;gap:20px;margin:0}.cut-count-row input{width:110px}.checkbox-row{display:flex;align-items:center;gap:12px;line-height:1.5}.checkbox-row input{width:22px;min-height:22px;flex:none}.cut-list{margin:22px 0;padding:16px;background:#f4f8ff;border-radius:12px}.cut-list summary{font-weight:750;cursor:pointer}.cut-list-row,.cut-history-row{padding:14px 0;border-bottom:1px solid #d7e2f3}.admin-panel{margin:22px 0;padding:20px;background:#f0f6ff;border:1px solid #c3d5ee;border-radius:16px}.admin-panel button{width:100%;margin-top:14px}.red-note{background:#fff1f0;border:2px solid #c12620;color:#a61e18;padding:16px;border-radius:12px;margin:16px 0;overflow-wrap:anywhere}.red-note p{white-space:pre-wrap}#cutStatus{color:#084aaf;font-weight:650}@media(max-width:600px){.cut-fields{grid-template-columns:1fr}.cut-count-row label{gap:10px}.cut-count-row input{width:90px}.cut-count-row{gap:10px}.cut-stages span{min-width:90px}header h1{overflow-wrap:anywhere;max-width:260px}}
@media print{#receipt80 .receipt-qr{display:flex;justify-content:center;margin:3mm 0}#receipt80 .receipt-qr svg{width:36mm;height:36mm;max-width:100%}#receipt80 svg{break-inside:avoid}#receipt80>p{overflow-wrap:anywhere}}

.task-card{padding:24px;border:1px solid #c9def5;border-radius:22px;background:#f3f8ff;max-width:680px}.task-start{display:inline-block;background:linear-gradient(110deg,#009fe8,#0644e8);color:white;text-decoration:none;font-weight:800;border-radius:16px;padding:18px 32px;margin:12px 0}.task-start:focus-visible{outline:3px solid #032e80;outline-offset:4px}

/* Checador MDJ: identidad a color y escenario de lectura. */
.checker{isolation:isolate;padding:30px;min-height:740px;border:1px solid #80c9ff66;background:radial-gradient(ellipse at 100% 0%,#078deb 0%,transparent 60%),linear-gradient(145deg,#06255f,#0747c7 65%,#0091d5);box-shadow:0 24px 64px #00194450;color:#fff}
.checker:before{z-index:-1;inset:95px -55px auto auto;width:550px;height:550px;border:0;border-radius:0;background:url('/logo.png') center/contain no-repeat;opacity:.12;transform:rotate(-9deg)}
.checker:after{content:"";position:absolute;z-index:-1;width:440px;height:440px;border:1px solid #98dcff55;border-radius:50%;left:-260px;bottom:-190px;box-shadow:0 0 0 55px #43c7ff0c,0 0 0 110px #43c7ff08;pointer-events:none}
.checker-head{color:white;gap:16px;align-items:center;margin-bottom:24px;position:relative}
.checker-brand{display:flex;gap:15px;align-items:center;min-width:0}
.checker-brand img{width:64px;height:64px;object-fit:contain;border-radius:16px;box-shadow:0 6px 18px #00265740;flex:none}
.checker-brand>div{display:flex;flex-direction:column;gap:5px}
.checker-brand .eyebrow{color:#bce6ff;font-size:10px}
.checker-brand strong{font-size:22px;line-height:1.12;letter-spacing:-.5px}
.checker-branch{font-size:12px;color:#ddf1ff}
.checker-head .secondary{background:#ffffff16;border-color:#ffffff50;color:white;flex:none}
#scanIdle,#scanResult{position:relative;isolation:isolate;border-radius:24px;min-height:315px;padding:26px 22px 24px;overflow:hidden;background:linear-gradient(125deg,#fff,#eef7ff);border:1px solid #fff;box-shadow:0 12px 30px #00255728;color:#0c2754}
#scanIdle:before,#scanResult:before{content:"";position:absolute;z-index:-1;right:-12px;top:50%;width:310px;height:310px;transform:translateY(-50%) rotate(-8deg);background:url('/logo.png') center/contain no-repeat;opacity:.11;pointer-events:none}
.scanner-ready{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;color:#0b5c78;font-weight:800;background:#e6f7fc;border:1px solid #bfebf6;padding:7px 12px;border-radius:30px;margin:0 0 18px}
.scanner-ready>span{width:7px;height:7px;background:#00a3b7;border-radius:50%;box-shadow:0 0 0 4px #00a3b714}
.scan-symbol{position:relative;width:132px;height:82px;border-width:3px;border-radius:16px;gap:5px;background:#ffffff9c;box-shadow:0 0 0 12px #0a76ee05}
.scan-symbol span{height:44px;width:4px}.scan-symbol span:nth-child(3n){width:8px}.scan-symbol span:nth-child(2n){height:54px}
.scan-symbol:after{content:"";position:absolute;left:10px;right:10px;top:50%;height:2px;background:#00b5f2;box-shadow:0 0 12px #00b5f280}
#scanIdle h2{font-size:clamp(29px,4.5vw,44px);letter-spacing:-1.5px;margin:22px 0 8px;color:#063991}
#scanIdle p{font-size:16px;color:#415e84}.scan-hint{display:block;font-size:12px;color:#67829f;margin-top:12px}
#scanResult{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:28px 26px}
#scanResult h2{max-width:680px;font-size:clamp(24px,3.6vw,36px);line-height:1.15;letter-spacing:-.6px;margin:12px 0 4px}
#scanResult .eyebrow{color:#49708f;font-size:10px}#scanResult .info{margin:4px 0 16px}#scanResult .result-label{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#486685}
#scanResult .price{font-size:clamp(56px,9vw,88px);line-height:1.08;letter-spacing:-3px;color:#064acc;margin:8px 0}
#scanResult .regular-price{margin:8px 0 6px;font-size:16px;color:#546c88}#scanResult .cash-saving{background:#e6f8f2;border:1px solid #b7e6d7;border-radius:30px;padding:9px 16px;color:#09624c;font-size:14px;font-weight:750;margin:8px 0}
#scanResult .cash-note{margin:8px 0;font-size:13px;color:#244b78}#scanResult .stock{margin:10px 0 0;font-size:12px;padding:7px 14px;background:#e3effc;color:#385d83}
.checker #scanForm{margin-top:20px;padding:0;text-align:left}.checker label{font-size:12px;color:#d7edff;margin:0 0 8px}.checker #scanCode{border:1px solid #b4d9ff;min-height:54px;box-shadow:0 6px 16px #00184115;font-size:17px}
.checker #scanButton{background:#fff;color:#0544b7;min-height:54px;padding:14px 24px;border:1px solid #fff}.checker #scanButton:hover{background:#daf3ff}
.checker-actions{gap:10px;margin-top:12px}.checker-actions .secondary{background:#ffffff12;color:#eaf7ff;border:1px solid #70b7ff80;font-size:13px}.checker-actions .secondary:hover{background:#ffffff28}
.checker #scanStatus{font-size:12px;color:#d4edff;min-height:36px;line-height:1.5;margin:16px 0 4px}
.checker>.cash-note{color:#fff;font-size:13px;font-weight:650;margin:8px 0 12px}.checker>.notice{background:#00276a50;color:#bed8f4;border:1px solid #88bfff20;font-size:11px;padding:10px 14px;margin:0}
.checker:fullscreen{padding:100px max(30px,calc((100vw - 1050px)/2)) 26px;background:radial-gradient(ellipse at 100% 0%,#078deb,transparent 60%),linear-gradient(145deg,#06255f,#0747c7 65%,#0091d5);overflow:auto;justify-content:flex-start}
.checker:fullscreen .checker-head{left:max(30px,calc((100vw - 1050px)/2));right:max(30px,calc((100vw - 1050px)/2));top:20px;margin:0}
.checker:fullscreen #scanIdle,.checker:fullscreen #scanResult{padding:30px;min-height:310px;width:100%;max-width:1050px;flex-shrink:0;margin:12px auto 0}
.checker:fullscreen #scanIdle h2{font-size:clamp(34px,4vw,52px)}.checker:fullscreen #scanResult .price{font-size:clamp(68px,9vw,110px)}
.checker:fullscreen #scanForm,.checker:fullscreen .checker-actions{max-width:1050px;width:100%;flex-shrink:0}.checker:fullscreen #scanForm{margin-top:20px}
@media(max-width:600px){.checker{padding:18px;min-height:0;border-radius:24px}.checker-head{gap:10px;margin-bottom:18px}.checker-brand{gap:10px}.checker-brand img{width:50px;height:50px;border-radius:12px}.checker-brand strong{font-size:17px}.checker-brand .eyebrow{font-size:8px;letter-spacing:1.2px}.checker-branch{font-size:10px}.checker-head .compact{padding:8px;font-size:10px;max-width:86px;line-height:1.2}.checker:before{width:380px;height:380px;right:-100px;top:130px}#scanIdle,#scanResult{min-height:300px;padding:24px 14px;border-radius:19px}#scanIdle:before,#scanResult:before{right:-68px;width:265px;height:265px;opacity:.10}#scanIdle h2{letter-spacing:-1px;font-size:30px}#scanIdle p{font-size:14px}.scan-hint{font-size:10px}#scanResult h2{font-size:25px}#scanResult .price{font-size:64px}#scanResult .cash-saving{font-size:12px;padding:8px 12px}.checker #scanCode{font-size:15px}.checker #scanButton{font-size:12px;padding:12px}.checker-actions .secondary{font-size:11px;padding:12px 8px}.checker #scanStatus{font-size:11px}.checker>.cash-note{font-size:12px}.checker>.notice{font-size:10px}.checker:fullscreen{padding:98px 18px 20px}.checker:fullscreen .checker-head{left:18px;right:18px}.checker:fullscreen #scanIdle,.checker:fullscreen #scanResult{padding:24px 14px}}

.checker:before{mask-image:radial-gradient(ellipse,#000 32%,transparent 73%)}
#scanIdle:before,#scanResult:before{mix-blend-mode:multiply}
@media(max-width:600px){.checker #scanCode{font-size:16px}}

.checker:fullscreen{overflow-x:hidden;overflow-y:auto}.checker:fullscreen:before{right:0;width:min(550px,100%)}

.checker:fullscreen:before{transform:none}

/* Pantalla completa: todos los controles dentro del área visible. */
.checker:fullscreen{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto auto auto auto;gap:10px;width:100%;height:100dvh;min-height:0;max-height:100dvh;padding:20px 28px;overflow:hidden;align-content:stretch}
.checker:fullscreen .checker-head{position:static;margin:0;max-width:none;width:100%;grid-row:1}
.checker:fullscreen #scanIdle,.checker:fullscreen #scanResult{grid-row:2;width:100%;max-width:none;min-height:0;height:100%;margin:0;padding:14px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.checker:fullscreen #scanIdle h2{font-size:clamp(26px,5.5vh,62px);margin:14px 0 6px;letter-spacing:-1px}
.checker:fullscreen .scanner-ready{margin:0 0 14px;padding:6px 12px}
.checker:fullscreen .scan-symbol{height:clamp(50px,9vh,100px);width:clamp(110px,14vh,160px);flex-shrink:0}
.checker:fullscreen .scan-symbol span{height:clamp(30px,5.5vh,60px)}.checker:fullscreen .scan-symbol span:nth-child(2n){height:clamp(38px,7vh,72px)}
.checker:fullscreen #scanIdle p{font-size:clamp(13px,2vh,19px)}.checker:fullscreen .scan-hint{margin-top:8px;font-size:clamp(10px,1.5vh,13px)}
.checker:fullscreen #scanResult{gap:2px}.checker:fullscreen #scanResult h2{font-size:clamp(20px,3.6vh,38px);margin:6px 0;max-width:900px;line-height:1.1}
.checker:fullscreen #scanResult .info{margin:2px 0 6px;font-size:12px}.checker:fullscreen #scanResult .price{font-size:clamp(44px,10.5vh,114px);margin:4px 0}
.checker:fullscreen #scanResult .regular-price{margin:2px 0;font-size:14px}.checker:fullscreen #scanResult .result-label{font-size:10px}.checker:fullscreen #scanResult .cash-saving{margin:4px 0;padding:6px 12px;font-size:12px}.checker:fullscreen #scanResult .cash-note{margin:4px 0;font-size:12px}.checker:fullscreen #scanResult .stock{margin:4px 0 0;padding:5px 12px;font-size:11px}
.checker:fullscreen #scanForm{grid-row:3;margin:0;width:100%;max-width:none}.checker:fullscreen #scanForm label{margin:0 0 6px}
.checker:fullscreen .checker-actions{grid-row:4;margin:0;width:100%;max-width:none}
.checker:fullscreen #scanStatus{grid-row:5;min-height:0;margin:0;line-height:1.4}
.checker:fullscreen>.cash-note{grid-row:6;margin:0;line-height:1.4}.checker:fullscreen>.notice{grid-row:7;margin:0;padding:8px 12px;line-height:1.4}
.checker:fullscreen #cameraPanel{position:absolute;right:38px;top:104px;width:min(22vw,240px);z-index:2;background:#063476e8;border:1px solid #ffffff55;border-radius:14px;padding:6px}.checker:fullscreen #camera{margin:0;max-height:18vh;border-radius:8px}.checker:fullscreen #cameraPanel p{font-size:10px;line-height:1.2;margin:5px 0}
@media(max-height:700px){.checker:fullscreen{padding:14px 20px;gap:8px}.checker:fullscreen .checker-brand img{width:46px;height:46px;border-radius:12px}.checker:fullscreen .checker-brand strong{font-size:19px}.checker:fullscreen .checker-brand>div{gap:3px}.checker:fullscreen .checker-brand .eyebrow{font-size:8px}.checker:fullscreen .checker-branch{font-size:10px}.checker:fullscreen #scanCode,.checker:fullscreen #scanButton{min-height:42px;padding:9px 14px}.checker:fullscreen .checker-actions button{min-height:38px;padding:9px 12px}.checker:fullscreen #scanForm label{font-size:11px}.checker:fullscreen #scanStatus,.checker:fullscreen>.cash-note{font-size:11px}.checker:fullscreen>.notice{font-size:10px;padding:6px 10px}.checker:fullscreen .scanner-ready{margin-bottom:10px;padding:5px 10px}.checker:fullscreen #scanIdle h2{margin-top:10px}.checker:fullscreen #scanResult .cash-saving{padding:4px 10px;margin:2px 0}.checker:fullscreen #scanResult .cash-note{font-size:11px;margin:2px 0}.checker:fullscreen #scanResult h2{margin:4px 0}.checker:fullscreen #cameraPanel{top:80px;right:30px}}
@media(max-width:600px){.checker:fullscreen{padding:14px;gap:8px}.checker:fullscreen .checker-brand strong{font-size:17px}.checker:fullscreen #scanIdle,.checker:fullscreen #scanResult{padding:12px}.checker:fullscreen #scanIdle h2{font-size:clamp(25px,7vw,34px)}.checker:fullscreen #scanResult .price{font-size:clamp(44px,16vw,68px)}.checker:fullscreen #scanResult h2{font-size:23px}.checker:fullscreen #cameraPanel{right:24px;top:90px;width:100px}}

.checker:fullscreen:after{bottom:0;left:-160px;width:320px;height:320px}
.checker:fullscreen:before{top:90px;width:min(550px,calc(100dvh - 120px));height:min(550px,calc(100dvh - 120px))}
.wholesale-price{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 14px;background:#e9f3ff;border:1px solid #b6d6ff;border-radius:16px;padding:12px 20px;margin:10px 0 4px;color:#073f9d}.wholesale-price>span{font-size:14px;font-weight:750}.wholesale-price>strong{font-size:26px;letter-spacing:-.5px}.wholesale-price>p{grid-column:1/-1;font-size:12px;margin:0;color:#426384}
.checker:fullscreen .wholesale-price{padding:6px 14px;margin:4px 0;gap:2px 12px}.checker:fullscreen .wholesale-price>span{font-size:12px}.checker:fullscreen .wholesale-price>strong{font-size:clamp(20px,3.5vh,32px)}.checker:fullscreen .wholesale-price>p{font-size:10px}
@media(max-width:600px){.wholesale-price{padding:10px 14px;gap:3px 10px}.wholesale-price>span{font-size:12px}.wholesale-price>strong{font-size:23px}}
.checker:fullscreen #scanIdle:before,.checker:fullscreen #scanResult:before{height:85%;width:min(310px,70%);max-height:310px;right:14px;transform:translateY(-50%)}
@media(max-height:700px){.checker:fullscreen #scanResult{padding:8px 14px;gap:0}.checker:fullscreen #scanResult h2{font-size:clamp(18px,3.2vh,28px);margin:3px 0}.checker:fullscreen #scanResult .eyebrow{font-size:9px}.checker:fullscreen #scanResult .info{font-size:10px;margin:1px 0 3px}.checker:fullscreen #scanResult .price{font-size:clamp(38px,9vh,72px);margin:2px 0}.checker:fullscreen #scanResult .regular-price{font-size:12px;margin:1px 0}.checker:fullscreen #scanResult .cash-saving{font-size:11px;padding:4px 10px;margin:2px 0}.checker:fullscreen #scanResult .cash-note{font-size:10px;margin:2px 0}.checker:fullscreen #scanResult .stock{font-size:10px;padding:4px 10px;margin:2px 0}.checker:fullscreen .wholesale-price{padding:4px 10px;margin:2px 0}.checker:fullscreen .wholesale-price>strong{font-size:20px}}
@media(max-height:560px){.checker:fullscreen{gap:6px;padding:10px 18px}.checker:fullscreen .checker-actions button{min-height:34px;padding:7px 12px}.checker:fullscreen #scanCode,.checker:fullscreen #scanButton{min-height:38px;padding:7px 12px}.checker:fullscreen #scanResult{padding:4px 12px}}

/* Lectura a distancia: ampliar el contenido según el espacio blanco real. */
.scan-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-width:0;flex:none}
.scan-content>h2,.scan-content>p{max-width:100%;overflow-wrap:anywhere}
.checker:fullscreen #scanIdle .scan-content,.checker:fullscreen #scanResult .scan-content{gap:clamp(2px,.7vh,8px)}
.checker:fullscreen #scanIdle h2{font-size:calc(46px * var(--reading-scale,1));line-height:1.08;letter-spacing:-1px;margin:10px 0 6px;max-width:100%}
.checker:fullscreen #scanIdle p{font-size:clamp(16px,calc(23px * var(--reading-scale,1)),34px);font-weight:550;color:#254a79}
.checker:fullscreen .scan-hint{font-size:clamp(12px,calc(16px * var(--reading-scale,1)),22px);color:#426384;margin-top:4px}
.checker:fullscreen .scanner-ready{font-size:clamp(11px,calc(13px * var(--reading-scale,1)),20px);padding:6px 14px;margin:0 0 10px}
.checker:fullscreen .scan-symbol{width:calc(135px * var(--reading-scale,1));height:calc(80px * var(--reading-scale,1));max-width:95%;gap:calc(5px * var(--reading-scale,1))}
.checker:fullscreen .scan-symbol span{width:calc(4px * var(--reading-scale,1));height:calc(44px * var(--reading-scale,1))}.checker:fullscreen .scan-symbol span:nth-child(3n){width:calc(8px * var(--reading-scale,1))}.checker:fullscreen .scan-symbol span:nth-child(2n){height:calc(56px * var(--reading-scale,1))}
.checker:fullscreen #scanResult h2{font-size:calc(40px * var(--reading-scale,1));line-height:1.08;max-width:100%;margin:4px 0;letter-spacing:-.8px}
.checker:fullscreen #scanResult .price{font-size:calc(108px * var(--reading-scale,1));line-height:1;letter-spacing:-2px;margin:4px 0;white-space:nowrap}
.checker:fullscreen #scanResult .eyebrow{font-size:clamp(10px,calc(13px * var(--reading-scale,1)),18px)}
.checker:fullscreen #scanResult .info{font-size:clamp(12px,calc(17px * var(--reading-scale,1)),24px);color:#3d5e87;margin:1px 0}
.checker:fullscreen #scanResult .result-label{font-size:clamp(11px,calc(15px * var(--reading-scale,1)),22px);color:#304f76}
.checker:fullscreen #scanResult .regular-price{font-size:clamp(14px,calc(20px * var(--reading-scale,1)),30px);margin:2px 0;color:#385779}
.checker:fullscreen #scanResult .cash-note{font-size:clamp(12px,calc(17px * var(--reading-scale,1)),26px);margin:2px 0}
.checker:fullscreen #scanResult .cash-saving{font-size:clamp(12px,calc(18px * var(--reading-scale,1)),28px);margin:2px 0;padding:5px 14px}
.checker:fullscreen #scanResult .stock{font-size:clamp(12px,calc(16px * var(--reading-scale,1)),22px);margin:2px 0;padding:5px 14px}
.checker:fullscreen .wholesale-price{padding:7px 16px;margin:4px 0;gap:3px 14px;max-width:100%}.checker:fullscreen .wholesale-price>span{font-size:clamp(14px,calc(20px * var(--reading-scale,1)),30px)}.checker:fullscreen .wholesale-price>strong{font-size:clamp(24px,calc(34px * var(--reading-scale,1)),58px);white-space:nowrap}.checker:fullscreen .wholesale-price>p{font-size:clamp(12px,calc(17px * var(--reading-scale,1)),25px);color:#294f7c}
@media(max-height:650px){.checker:fullscreen #scanResult .scan-content{gap:1px}.checker:fullscreen #scanResult .eyebrow{font-size:clamp(9px,calc(11px * var(--reading-scale,1)),14px);line-height:1.1}.checker:fullscreen #scanResult .info{font-size:clamp(10px,calc(13px * var(--reading-scale,1)),18px);line-height:1.15;margin:0}.checker:fullscreen #scanResult .result-label{font-size:clamp(10px,calc(12px * var(--reading-scale,1)),16px);line-height:1.1}.checker:fullscreen #scanResult .regular-price{font-size:clamp(11px,calc(16px * var(--reading-scale,1)),22px);line-height:1.2;margin:1px 0}.checker:fullscreen #scanResult .cash-note{font-size:clamp(11px,calc(14px * var(--reading-scale,1)),20px);line-height:1.2;margin:1px 0}.checker:fullscreen #scanResult .cash-saving{font-size:clamp(11px,calc(14px * var(--reading-scale,1)),21px);line-height:1.2;padding:3px 10px;margin:1px 0}.checker:fullscreen #scanResult .stock{font-size:clamp(10px,calc(12px * var(--reading-scale,1)),17px);line-height:1.1;padding:3px 10px;margin:1px 0}.checker:fullscreen .wholesale-price{padding:4px 10px;gap:1px 10px;margin:2px 0;line-height:1.2}.checker:fullscreen .wholesale-price>span{font-size:clamp(12px,calc(16px * var(--reading-scale,1)),22px)}.checker:fullscreen .wholesale-price>strong{font-size:clamp(20px,calc(28px * var(--reading-scale,1)),40px)}.checker:fullscreen .wholesale-price>p{font-size:clamp(11px,calc(13px * var(--reading-scale,1)),18px);line-height:1.2}}

.opening-task{margin-top:22px}.opening-alert{background:#fff3cd;color:#713f12;border-left:5px solid #e7a600;padding:18px;border-radius:12px}.opening-steps{padding-left:24px;line-height:1.65}.opening-steps li{margin:14px 0}.opening-qr{background:#fff;width:max-content;max-width:100%;padding:16px;border-radius:12px}.opening-qr img{max-width:100%}
.opening-qr svg{display:block;width:180px;height:180px}

.hr-section{margin:28px 0;padding-top:16px;border-top:1px solid #d8e3f3}.hr-section h3{font-size:23px}.hr-list .task-card{margin:12px 0}.hr-section strong{display:block;font-size:22px}.hr-section .cut-fields>div{padding:16px;border-radius:12px;background:#eff5ff}.hr-section textarea{font:inherit;padding:14px;border:1px solid #c3d1e5;border-radius:12px;width:100%;min-height:90px}.hr-section .checkbox-row input{width:20px;min-height:20px}.hr-section button{margin-right:8px;margin-bottom:8px}

nav .module-link{display:flex;align-items:center;justify-content:center;flex:1;min-height:48px;padding:13px 15px;border-radius:12px;border:1px solid #ffffff35;background:#ffffff20;color:white;font:inherit;font-weight:700;text-decoration:none;white-space:nowrap}nav .module-link:hover{background:#0342ab}nav .module-link:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:600px){nav .module-link{font-size:13px;padding:10px}}

.clock-access{display:flex;align-items:center;justify-content:center;min-height:54px;margin:18px 0;padding:15px;border-radius:12px;background:#075ce7;color:white;font-weight:750;text-decoration:none;text-align:center}.clock-access:hover{background:#0342ab}.clock-access:focus-visible{outline:3px solid #075ce7;outline-offset:3px}


#shareAccessDialog{width:calc(100% - 28px);max-width:520px;max-height:88vh;max-height:88svh;padding:0;border:0;border-radius:24px;background:#fff;color:#102a54;box-shadow:0 24px 80px #001d5b55;overflow:auto;}
#shareAccessDialog::backdrop{background:#09214b99;backdrop-filter:blur(5px)}
#shareAccessDialog .mdj-share-header{display:flex;align-items:center;gap:13px;padding:23px 22px 18px;background:#f0fdf5;border-bottom:1px solid #dcf0e3;}
#shareAccessDialog .mdj-wa-badge{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:#128c48;color:#fff;}
#shareAccessDialog svg{width:25px;height:25px;flex-shrink:0}
#shareAccessDialog .mdj-share-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#35734d;display:block;margin-bottom:5px}
#shareAccessDialog h3{font-size:21px;line-height:1.2;margin:0;letter-spacing:-.5px;}
#shareAccessDialog .mdj-share-close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;min-height:34px;padding:0;margin:0 0 0 auto;border-radius:50%;border:1px solid #d5e8dc;background:white;color:#486458;font-size:25px;font-weight:400;}
#shareAccessDialog .mdj-share-body{padding:20px 22px 22px;}
#shareAccessDialog .mdj-share-person{margin:0 0 21px;padding:10px 14px;border-radius:12px;background:#edf3ff;font-size:15px;font-weight:700;overflow-wrap:anywhere;}
#shareAccessDialog label{font-size:13px;font-weight:700;margin-bottom:9px;display:block;}
#shareAccessDialog textarea{display:block;width:100%;box-sizing:border-box;height:235px;min-height:180px;padding:16px!important;border:1px solid #dce4ef;border-radius:15px;font-family:inherit;font-size:15px;line-height:1.55;background:#f7f9fc;color:#243e60;resize:vertical;}
#shareAccessDialog .mdj-share-info{margin:14px 0 20px;color:#65768d;font-size:13px;line-height:1.5;}
#shareAccessDialog .mdj-share-actions{display:grid;grid-template-columns:1fr;gap:10px;}
#shareAccessDialog #shareAccessWhatsApp{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:13px 15px;border:0;border-radius:14px;background:#128c48!important;color:white!important;text-decoration:none!important;font-size:16px;font-weight:750;line-height:1.3;}
#shareAccessDialog #shareAccessWhatsApp:hover{background:#0c753b!important;}
#shareAccessDialog #shareAccessWhatsApp svg{width:21px;height:21px;}
#shareAccessDialog #copyAccessMessage{margin:0;width:100%;min-height:46px;padding:11px 16px;border:1px solid #dce4ef;border-radius:14px;background:#fff;color:#284e81;font-size:14px;font-weight:700;}
#shareAccessDialog #shareAccessStatus{margin:10px 0 0;color:#128c48;font-size:13px;line-height:1.4;}
#shareAccessDialog #shareAccessStatus:empty{display:none}
@media(max-width:380px){#shareAccessDialog .mdj-share-header{padding:18px 16px;gap:10px}#shareAccessDialog h3{font-size:18px}#shareAccessDialog .mdj-share-body{padding:18px 16px}#shareAccessDialog textarea{height:210px;}}

/* Administracion de usuarios: acciones sin desbordamiento. */
#shareAccessDialog .mdj-share-header{color:#102a54;margin:0;max-width:none;}
#shareAccessDialog .mdj-share-header>div{min-width:0;flex:1;}
#shareAccessDialog h3{color:#102a54;}
#userList .user-row{min-width:0;}
#userList .user-row strong,#userList .user-row .info{overflow-wrap:anywhere;}
#userList .user-row .actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;margin-top:16px;}
#userList .user-row .actions button{width:100%;min-width:0;margin:0;min-height:48px;padding:12px 10px;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.25;border-radius:13px;}
#userList .user-row .actions button:last-child{grid-column:1/-1;background:#eaf8ef;color:#167944;border:1px solid #b9e2c8;}
@media(max-width:600px){#userList .user-row .actions{grid-template-columns:repeat(2,minmax(0,1fr));}#userList .user-row .actions button{font-size:13px;min-height:46px;}#usersPanel{min-width:0;}#shareAccessDialog .mdj-share-header{padding:18px 16px;}#shareAccessDialog .mdj-share-body{padding:18px 16px;}}