:root{--bg:#eef1f6;--surface:#fff;--surface-2:#f1f4f9;--border:#dce2ec;--border-strong:#cdd5e1;--divider:#e8ecf2;--text:#0b1220;--text-2:#1f2937;--text-3:#3d4757;--muted:#5b6576;--accent:#2563eb;--accent-ink:#1d4ed8;--accent-tint:#e8f0ff;--accent-border:#b9cef8;--red:#dc2626;--red-ink:#b91c1c;--red-tint:#fef2f2;--red-border:#fecaca;--amber:#b45309;--amber-ink:#92400e;--amber-tint:#fffbeb;--amber-border:#fde68a;--green:#047857;--green-ink:#065f46;--green-tint:#ecfdf5;--green-border:#a7f3d0;--purple:#7c3aed;--purple-tint:#f3e8ff;--radius:18px;--nav-h:76px;--safe-b:env(safe-area-inset-bottom,0px);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);margin:0}body{min-height:100dvh}a{color:var(--accent-ink)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.app{max-width:560px;min-height:100dvh;margin:0 auto;position:relative}.page{padding:18px 18px calc(var(--nav-h) + var(--safe-b) + 24px);flex-direction:column;gap:18px;display:flex}.page.sans-nav{padding-bottom:calc(110px + var(--safe-b))}.stack{flex-direction:column;gap:12px;display:flex}.stack-s{flex-direction:column;gap:6px;display:flex}.row{align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.grow{flex:1;min-width:0}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.h1{letter-spacing:-.02em;font-size:26px;font-weight:800}.h2{font-size:17px;font-weight:700}.muted{color:var(--muted);font-size:13px}.small{font-size:12px}.ref{color:var(--accent-ink);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card.flush{padding:0;overflow:hidden}.list-item{border-bottom:1px solid var(--divider);color:var(--text);text-align:left;cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;align-items:center;gap:12px;width:100%;padding:14px 16px;text-decoration:none;display:flex}.list-item:last-child{border-bottom:0}.tile{background:var(--surface-2);width:42px;height:42px;color:var(--accent-ink);border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.kpi{color:var(--text);flex-direction:column;gap:6px;text-decoration:none;display:flex}.kpi .val{letter-spacing:-.02em;font-size:30px;font-weight:800}.kpi.red{background:var(--red-tint);border-color:var(--red-border)}.kpi.red .val,.kpi.red .lbl{color:var(--red-ink)}.kpi.amber{background:var(--amber-tint);border-color:var(--amber-border)}.kpi.amber .val,.kpi.amber .lbl{color:var(--amber-ink)}.kpi .lbl{color:var(--muted);font-size:13px;font-weight:600}.btn{border:1px solid var(--border-strong);background:var(--surface);min-height:52px;color:var(--text);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:800}.btn.danger{background:var(--red);border-color:var(--red);color:#fff;font-weight:800}.btn.success{background:var(--green);border-color:var(--green);color:#fff;font-weight:800}.btn.dark{background:var(--text);border-color:var(--text);color:#fff}.btn.small{border-radius:12px;min-height:42px;padding:0 12px;font-size:13px}.btn.block{width:100%}.btn.tall{text-align:left;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:76px;padding:12px;font-size:14px}.icon-btn{background:var(--surface);border:1px solid var(--border-strong);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:14px;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn.dark{background:var(--text);border-color:var(--text);color:#fff}.seg{background:var(--surface);border:1px solid var(--border);border-radius:16px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid}.seg button{min-height:44px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:12px;font-size:13px;font-weight:800}.seg button[aria-selected=true]{background:var(--accent);color:#fff}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface-2);min-height:38px;color:var(--text-2);cursor:pointer;border-radius:11px;padding:0 13px;font-size:13px;font-weight:700}.chip[aria-checked=true],.chip[aria-selected=true]{background:var(--text);border-color:var(--text);color:#fff}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.b-ok{background:var(--green-tint);color:var(--green-ink);border-color:var(--green-border)}.b-surveiller{background:var(--amber-tint);color:var(--amber-ink);border-color:var(--amber-border)}.b-panne,.b-hs{background:var(--red-tint);color:var(--red-ink);border-color:var(--red-border)}.b-reparation{background:var(--purple-tint);color:#6d28d9;border-color:#e9d5ff}.b-neutre{background:var(--surface-2);color:var(--text-3);border-color:var(--border-strong)}.field{color:var(--text-3);flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.input{background:var(--surface);border:1px solid var(--border-strong);min-height:48px;color:var(--text);border-radius:14px;width:100%;padding:0 14px;font-size:16px;font-weight:500}textarea.input{resize:vertical;min-height:110px;padding:12px 14px;line-height:1.45}.input:focus{outline:3px solid var(--accent-tint);border-color:var(--accent)}.input::placeholder{color:#7a8496}.note{border-radius:14px;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.45}.note.info{background:var(--accent-tint);border:1px solid var(--accent-border);color:#1e3a8a}.note.ok{background:var(--green-tint);border:1px solid var(--green-border);color:var(--green-ink)}.note.warn{background:var(--amber-tint);border:1px solid var(--amber-border);color:var(--amber-ink)}.note.err{background:var(--red-tint);border:1px solid var(--red-border);color:var(--red-ink)}.bottom-nav{z-index:20;background:var(--surface);border-top:1px solid var(--border);padding-bottom:var(--safe-b);position:fixed;bottom:0;left:0;right:0}.bottom-nav .inner{max-width:560px;height:var(--nav-h);justify-content:space-around;align-items:flex-start;margin:0 auto;padding-top:8px;display:flex}.bottom-nav a{width:64px;min-height:44px;color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--text);font-weight:800}.bottom-nav a.active svg{color:var(--accent)}.bottom-nav a.scan{background:var(--accent);color:#fff;border:4px solid var(--bg);border-radius:20px;justify-content:center;width:60px;height:60px;margin-top:-24px}.action-bar{z-index:20;background:var(--surface);border-top:1px solid var(--border);padding:14px 18px calc(18px + var(--safe-b));position:fixed;bottom:0;left:0;right:0}.action-bar .inner{gap:10px;max-width:524px;margin:0 auto;display:flex}.action-bar .inner>*{flex:1}.lieu-pill{background:var(--surface);border:1px solid var(--border-strong);min-height:36px;color:var(--text-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.lieu-pill.vide{border-color:var(--amber-border);background:var(--amber-tint);color:var(--amber-ink)}.sheet-bg{z-index:40;background:#0b122073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:88dvh;padding:12px 18px calc(22px + var(--safe-b));border-radius:24px 24px 0 0;flex-direction:column;gap:14px;display:flex;overflow-y:auto}.sheet .grip{background:var(--border-strong);border-radius:5px;align-self:center;width:44px;height:5px}.photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.photo{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.photo .x{color:#fff;cursor:pointer;background:#0b1220bf;border:0;border-radius:10px;width:30px;height:30px;position:absolute;top:6px;right:6px}.photo-add{aspect-ratio:1;border:2px dashed var(--border-strong);color:var(--accent-ink);cursor:pointer;background:0 0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.tl{flex-direction:column;display:flex}.tl-item{gap:14px;display:flex}.tl-rail{flex-direction:column;align-items:center;width:14px;display:flex}.tl-dot{border:2px solid var(--bg);border-radius:999px;width:12px;height:12px;margin-top:4px}.tl-line{background:var(--border);flex:1;width:2px}.tl-body{flex-direction:column;gap:3px;min-width:0;padding-bottom:18px;display:flex}.health{background:var(--divider);border-radius:8px;gap:2px;height:8px;display:flex;overflow:hidden}.scanner{z-index:30;color:#f5f7fa;background:#05070a;position:fixed;inset:0}.scanner video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner .top{top:calc(14px + env(safe-area-inset-top,0px));z-index:2;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;left:16px;right:16px}.scanner .glass{color:#f5f7fa;background:#0f1218d1;border:1px solid #2c3342}.scanner .frame{aspect-ratio:1;outline:4px solid var(--accent);outline-offset:-2px;z-index:1;border-radius:26px;width:min(72vw,300px);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #00000073}.scanner .hint{text-align:center;z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;top:calc(42% + min(36vw,150px) + 22px);left:20px;right:20px}.scanner .bottom{left:16px;right:16px;bottom:calc(20px + var(--safe-b));z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute}.toast{left:50%;top:calc(16px + env(safe-area-inset-top,0px));z-index:60;border-radius:14px;max-width:calc(100% - 32px);padding:12px 16px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0f172a2e}.empty{text-align:center;color:var(--muted);padding:28px 18px;font-size:14px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:999px;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center{justify-content:center;align-items:center;min-height:60dvh;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.label-preview{border:1px solid var(--border);border-radius:var(--radius);background:repeating-linear-gradient(45deg,#e9edf3 0 10px,#f2f4f8 10px 20px);flex-direction:column;align-items:center;gap:10px;padding:22px 16px;display:flex}.label-preview canvas{background:#fff;border-radius:6px;max-width:100%;height:auto;box-shadow:0 8px 24px #0f172a2e}.lot-apercu{align-items:center;gap:8px;padding:2px 2px 6px;display:flex}.lot-apercu canvas{background:#fff;border-radius:4px;flex:1 1 0;min-width:0;max-width:150px;height:auto;box-shadow:0 2px 8px #0f172a2e}.lot-ellipse{color:var(--muted);flex:none;font-size:20px;font-weight:800}.sheet{color:var(--text)}.cam-box video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner .btn.glass{color:#f5f7fa;background:#0f1218d1;border-color:#2c3342}