:root{--steel:#1f2933;--steel-2:#323f4b;--bg:#eef1f3;--card:#fff;--line:#d3d9de;--ink:#1f2933;--muted:#6b7681;--amber:#f59e0b;--ok:#15803d;--ok-bg:#dcfce7;--no:#b91c1c;--no-bg:#fee2e2;--blue:#2563eb;--pend-bg:#f1f5f9}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);padding-bottom:78px;font-size:16px;line-height:1.4}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}header{background:var(--steel);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}header .brand span{font-size:11px;color:#9aa5b1;display:block;letter-spacing:1px;text-transform:uppercase}header .brand b{font-size:16px;letter-spacing:.5px}header .hright{display:none;align-items:center;gap:9px}.chip{font-size:12px;padding:5px 10px;border-radius:999px;font-weight:600;display:flex;align-items:center;gap:6px}.chip .dot{width:8px;height:8px;border-radius:50%}.chip.online{background:#0f3b22;color:#6ee7a8}.chip.online .dot{background:#34d399}.chip.offline{background:#3b0f12;color:#fca5a5}.chip.offline .dot{background:#f87171}.rolepill{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:#3b4a57;color:#cbd5dd;padding:5px 9px;border-radius:999px}.btn-salir{background:none;border:1px solid #44525e;color:#cbd5dd;font-size:12px;font-weight:600;padding:5px 10px;border-radius:8px;cursor:pointer}main{padding:16px;max-width:680px;margin:0 auto}.view{display:none}.view.active{display:block}h2{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 10px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 5px}.req:after{content:" *";color:var(--no)}input[type=text],input[type=date],input[type=password],input[type=number]{width:100%;padding:13px 12px;border:1px solid var(--line);border-radius:10px;font-size:17px;background:#fbfcfd}input:focus{outline:none;border-color:var(--blue);background:#fff}.row{display:flex;gap:10px}.row>div{flex:1}.field{margin-bottom:14px}.hint{font-size:12px;color:var(--muted);margin-top:8px}.err{font-size:13px;color:var(--no);margin-top:10px;font-weight:600;display:none}.btn-primary{width:100%;padding:16px;border:none;border-radius:12px;background:var(--steel);color:#fff;font-size:17px;font-weight:700;letter-spacing:.3px;cursor:pointer;margin-top:6px}.btn-primary:disabled{opacity:.4}.btn-amber{background:var(--amber);color:#1f2933}.btn-ghost{background:#fff;color:var(--steel);border:1px solid var(--line)}.btn-ok{background:var(--ok)}.btn-no{background:var(--no)}.ctxbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#e7edf2;border:1px solid var(--line);border-radius:10px;padding:10px 13px;margin-bottom:14px}.ctxpath{font-size:13px;color:var(--steel);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.ctxpath .sep{margin:0 6px;color:var(--muted);font-weight:400}.ctxbar a{color:var(--blue);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.pick-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2px;min-height:4px}.pick{padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:15px;font-weight:600;cursor:pointer;color:var(--ink)}.pick.sel{background:var(--steel);color:#fff;border-color:var(--steel)}.addrow{display:flex;gap:8px;margin-top:10px}.addrow input{flex:1}.addrow button{padding:0 16px;border:1px solid var(--line);background:#fbfcfd;border-radius:10px;font-weight:600;cursor:pointer;color:var(--steel)}.addcota{background:none;border:1px dashed var(--line);color:var(--blue);border-radius:8px;padding:9px;width:100%;font-weight:600;cursor:pointer;margin-top:4px}.prog-wrap{margin:4px 0 12px}.prog-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.prog-top b{font-size:16px}.prog-top small{font-size:12px;color:var(--muted)}.bar{height:10px;background:#e7ebee;border-radius:999px;overflow:hidden;display:flex}.bar .seg-ok{background:var(--ok)}.bar .seg-no{background:var(--no)}.cota{border:1px solid var(--line);border-radius:12px;margin-bottom:8px;overflow:hidden;background:#fff}.cota-h{display:flex;align-items:center;gap:10px;padding:12px 13px;cursor:pointer}.cota-h .num{font-weight:800;font-size:15px;min-width:30px}.cota-h .spec{flex:1;min-width:0;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cstat{font-size:11px;font-weight:800;padding:4px 9px;border-radius:999px}.cstat.pend{background:var(--pend-bg);color:var(--muted)}.cstat.ok{background:var(--ok-bg);color:var(--ok)}.cstat.no{background:var(--no-bg);color:var(--no)}.cota-body{display:none;padding:0 13px 13px;border-top:1px solid var(--line)}.cota.open .cota-body{display:block}.cota-body .specline{font-size:13px;color:var(--ink);margin:10px 0;background:#f7f9fa;border-radius:8px;padding:8px 10px}.verdict{display:flex;gap:8px;margin-top:8px}.verdict button{flex:1;padding:13px;border-radius:10px;border:2px solid var(--line);background:#fff;font-weight:800;color:var(--muted);cursor:pointer;font-size:15px}.verdict button.sel-ok{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}.verdict button.sel-no{background:var(--no-bg);border-color:var(--no);color:var(--no)}.photos{display:flex;gap:10px}.photo-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;aspect-ratio:1/1;border:2px dashed var(--line);border-radius:12px;background:#fbfcfd;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;overflow:hidden;position:relative;text-align:center;padding:8px}.photo-btn.has{border-style:solid;border-color:var(--ok)}.photo-btn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-btn .ico{font-size:26px}.photo-btn .retake{position:absolute;bottom:6px;right:6px;background:#000000a6;color:#fff;font-size:11px;padding:3px 7px;border-radius:6px}.photo-btn input{display:none}.closebanner{border-radius:12px;padding:12px 14px;font-weight:800;text-align:center;margin-bottom:12px}.closebanner.ok{background:var(--ok-bg);color:var(--ok)}.closebanner.no{background:var(--no-bg);color:var(--no)}nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;z-index:40;padding-bottom:env(safe-area-inset-bottom)}nav button{flex:1;background:none;border:none;padding:9px 4px 10px;font-size:11px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;font-weight:600;position:relative}nav button .ic{font-size:21px;line-height:1}nav button.active{color:var(--steel)}.badge{position:absolute;top:4px;right:50%;margin-right:-26px;background:var(--amber);color:#1f2933;font-size:10px;font-weight:800;min-width:17px;height:17px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px}.item{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:none}.item .tag{font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px}.tag.ok{background:var(--ok-bg);color:var(--ok)}.tag.no{background:var(--no-bg);color:var(--no)}.tag.pend{background:var(--pend-bg);color:var(--muted)}.item .meta{flex:1;min-width:0}.item .meta b{font-size:15px}.item .meta small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpis{display:flex;gap:10px;margin-bottom:14px}.kpi{flex:1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}.kpi b{font-size:23px;display:block;line-height:1.1}.kpi small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.kpi.okk b{color:var(--ok)}.kpi.nokk b{color:var(--no)}select{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fff}.pareto-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}.pareto-row .lbl{width:42%;font-size:13px;line-height:1.2}.pareto-row .track{flex:1;background:#e7ebee;border-radius:6px;height:20px;overflow:hidden}.pareto-row .fill{height:100%;background:var(--no);border-radius:6px;min-width:2px}.pareto-row .cnt{font-size:13px;font-weight:700;width:26px;text-align:right}.empty{text-align:center;color:var(--muted);padding:26px 10px;font-size:14px}a.dl{color:var(--blue);font-size:12px;text-decoration:none}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:var(--steel);color:#fff;padding:12px 18px;border-radius:10px;font-size:14px;font-weight:600;z-index:60;opacity:0;transition:opacity .2s;pointer-events:none;max-width:90%}.toast.show{opacity:1}.toast.bad{background:var(--no)}.spin{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sp .7s linear infinite;vertical-align:-2px}@keyframes sp{to{transform:rotate(360deg)}}#login{position:fixed;inset:0;background:var(--steel);z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.login-card{background:#fff;border-radius:18px;padding:26px 22px;width:100%;max-width:360px;text-align:center}.login-brand b{display:block;font-size:13px;letter-spacing:2px;color:var(--muted)}.login-brand span{display:block;font-size:20px;font-weight:800;color:var(--steel);margin-top:2px}.login-q{margin:22px 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:700}.role-row{display:flex;gap:10px}.role-btn{flex:1;padding:18px 6px;border:2px solid var(--line);border-radius:12px;background:#fff;font-size:16px;font-weight:700;color:var(--steel);cursor:pointer}.role-btn.sel{border-color:var(--amber);background:#fff7e9;color:#9a6400}#pinBox{margin-top:18px;text-align:left;display:none}#pinBox label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:6px;text-align:center}#pinBox input{text-align:center;letter-spacing:8px;font-size:22px;margin-bottom:12px}#loginErr{display:none;text-align:center}.login-back{display:block;text-align:center;margin-top:14px;color:var(--blue);font-size:13px;font-weight:600;cursor:pointer}.cdef-card{border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px;background:#fbfcfd}.cdef-l1{display:grid;grid-template-columns:44px 1fr 1fr 24px;gap:6px;align-items:center}.cdef-l2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.cdef-card input{width:100%;padding:9px 6px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:#fff}.cdef-card .d-cota{text-align:center}.tipo-tog,.cat-tog{padding:9px 4px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:800;cursor:pointer}.tipo-tog{background:#eef6ff;color:var(--blue)}.tipo-tog.visual{background:#f3eefe;color:#7c3aed}.cat-tog{background:#eefbf1;color:#0f7a3d}.cat-tog.sec{background:#fff7e9;color:#9a6400}.cdef-card .delc{border:none;background:none;color:var(--no);font-size:20px;cursor:pointer;padding:0}.badge-sec{font-size:9px;font-weight:800;background:#fff7e9;color:#9a6400;border:1px solid #f5c877;padding:1px 5px;border-radius:5px;margin-left:6px;vertical-align:middle}.dcard{border:1px solid var(--line);border-left-width:5px;border-radius:10px;padding:12px 14px;margin-bottom:10px;background:#fff}.dcard.ok{border-left-color:var(--ok)}.dcard.no{border-left-color:var(--no);background:#fff6f6}.dcard.pend{border-left-color:#cbd5dd;background:#fbfcfd}.dcard-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.dcard-top b{font-size:16px}.dpill{font-size:11px;font-weight:800;padding:4px 11px;border-radius:999px;white-space:nowrap}.dpill.ok{background:var(--ok-bg);color:var(--ok)}.dpill.no{background:var(--no-bg);color:var(--no)}.dpill.pend{background:var(--pend-bg);color:var(--muted)}.ddesc{font-size:13px;color:var(--ink);margin-top:5px;line-height:1.35}.dvals{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.dval{font-size:12px;background:#eef2f5;border-radius:7px;padding:5px 10px;color:var(--ink)}.dval b{font-weight:800}.dval.bad{background:var(--no-bg);color:var(--no)}.dval.good{background:var(--ok-bg);color:var(--ok)}.dtag{font-size:10px;font-weight:800;padding:2px 7px;border-radius:5px;margin-left:6px;vertical-align:middle}.dtag.vis{background:#f3eefe;color:#7c3aed}.dtag.sec,.dpill.prog{background:#fff7e9;color:#9a6400}.pcard{border:1px solid var(--line);border-left-width:6px;border-radius:12px;padding:13px 14px;margin-bottom:10px;background:#fff;cursor:pointer}.pcard.ok{border-left-color:var(--ok)}.pcard.no{border-left-color:var(--no);background:#fff6f6}.pcard.prog{border-left-color:var(--amber)}.pcard-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pcard-top b{font-size:15px}.pcard-sub{font-size:12px;color:var(--muted);margin-top:2px}.pbar-row{display:flex;align-items:center;gap:10px;margin-top:9px}.pbar{flex:1;height:12px;background:#e7ebee;border-radius:999px;overflow:hidden;display:flex}.pbar .s-ok{background:var(--ok)}.pbar .s-no{background:var(--no)}.ppct{font-size:16px;font-weight:800;color:var(--steel);min-width:44px;text-align:right}.pcounts{font-size:12px;color:var(--muted);margin-top:7px}.thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.thumb{width:62px;height:62px;border-radius:9px;border:1px solid var(--line);overflow:hidden;position:relative;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:cover}.thumb a{font-size:22px;text-decoration:none}.thumb .lp{position:absolute;bottom:2px;right:2px;background:var(--amber);color:#1f2933;font-size:8px;font-weight:800;padding:1px 4px;border-radius:4px}.addphoto{width:62px;height:62px;border-radius:9px;border:2px dashed var(--line);background:#fbfcfd;color:var(--muted);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.addphoto input{display:none}