:root{--bleu:#3876f7;--bleu-fonce:#1e5fd6;--bleu-clair:#eaf1ff;--nuit:#152946;--teal:#2f7a7e;--teal-clair:#e3f4f4;--vert:#3f8a39;--vert-clair:#e6f5e1;--texte:#54637a;--muet:#6b7a8f;--ambre:#a85f16;--ambre-clair:#fdf0e1;--rouge:#b3261e;--rouge-clair:#fde8e6;--bord:#e1e8f2;--fond:#f3f6fc;--ombre:0 1px 2px #1529460d, 0 10px 24px -14px #15294647;color:var(--texte);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{-webkit-text-size-adjust:100%;background:radial-gradient(900px 380px at 8% -6%, #dbe8ffe6, transparent 62%), radial-gradient(760px 330px at 96% -4%, #dff3d6bf, transparent 58%), var(--fond);background-repeat:no-repeat;min-height:100dvh;margin:0}h1,h2,h3{color:var(--nuit);letter-spacing:-.01em;margin:0 0 8px;line-height:1.2}h1{font-size:24px;font-weight:800}h2{font-size:18px;font-weight:700}p{margin:0 0 10px;line-height:1.5}button,input,select{font:inherit}.mono{letter-spacing:.02em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.entete{z-index:10;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:linear-gradient(112deg,#e3ecfe 0%,#eef5ff 48%,#e4f4dc 100%);align-items:center;gap:12px;display:flex;position:sticky;top:0;box-shadow:0 10px 24px -20px #152946cc}.entete:after{content:"";background:linear-gradient(90deg, var(--bleu) 0%, var(--teal) 55%, var(--vert) 100%);height:3px;position:absolute;bottom:0;left:0;right:0}.entete img{width:32px;height:32px}.entete .qui{flex:1;min-width:0}.entete .identite{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:44px;padding:4px 0}.entete .identite:hover span{color:var(--bleu-fonce)}.entete .identite:focus-visible{outline:2px solid var(--bleu);outline-offset:3px}.entete .qui b{color:var(--nuit);font-weight:800;display:block}.entete .qui span{color:var(--muet);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}main{max-width:720px;padding:16px 16px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.surtitre{color:var(--muet);margin-bottom:2px;font-size:13px}.carte{box-shadow:var(--ombre);background:#fff;border-radius:16px;margin-bottom:12px;padding:16px}.liste{box-shadow:var(--ombre);background:#fff;border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.liste>li{border-top:1px solid var(--bord)}.liste>li:first-child{border-top:0}.ligne{text-align:left;width:100%;min-height:56px;color:inherit;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.ligne:focus-visible{outline:2px solid var(--bleu);outline-offset:-2px}.ligne .corps{flex:1;min-width:0}.ligne .titre{color:var(--nuit);font-weight:700}.ligne .meta{color:var(--muet);font-size:13px}.ligne .droite{text-align:right;white-space:nowrap;font-size:13px}.case{width:26px;height:26px;accent-color:var(--bleu);flex:none;margin-top:2px}.vide{text-align:center;color:var(--muet);padding:24px 16px}.bouton{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-weight:700;text-decoration:none;display:inline-flex}.bouton:disabled{opacity:.5;cursor:default}.bouton:focus-visible{outline:2px solid var(--bleu);outline-offset:2px}.bouton.plein{background:var(--bleu-fonce);color:#fff}.bouton.nuit{background:var(--nuit);color:#fff}.bouton.tonal{background:var(--bleu-clair);color:var(--nuit)}.bouton.contour{color:var(--nuit);background:#fff;border-color:#b9c6d8}.bouton.danger{color:var(--rouge);background:#fff;border-color:#e6b3ae}.bouton.bloc{width:100%}.barre-action{left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:5;padding:12px 16px;position:fixed}.barre-action .bouton{width:100%;max-width:688px;box-shadow:var(--ombre);margin:0 auto;display:flex}.rangee{flex-wrap:wrap;gap:10px;display:flex}label{color:var(--nuit);margin:12px 0 6px;font-size:14px;font-weight:600;display:block}input,select{width:100%;min-height:48px;color:var(--nuit);background:#fff;border:1px solid #b9c6d8;border-radius:12px;padding:10px 14px;font-size:16px}input:focus-visible,select:focus-visible{outline:2px solid var(--bleu);outline-offset:1px;border-color:var(--bleu)}.champ-pin{position:relative}.champ-pin input{letter-spacing:.2em;padding-right:56px}.champ-pin .oeil{width:44px;height:44px;color:var(--texte);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.champ-pin .oeil:hover,.champ-pin .oeil[aria-pressed=true]{color:var(--nuit);background:var(--fond)}.champ-pin .oeil:focus-visible{outline:2px solid var(--bleu);outline-offset:1px}.aide{color:var(--muet);margin-top:4px;font-size:13px}.champ-erreur{border-color:var(--rouge)}.code-saisie{gap:8px;display:flex}.code-saisie input{text-transform:uppercase;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:18px}.pastille{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.p-neutre{color:var(--nuit);background:#eef2f8}.p-bleu{background:var(--bleu-clair);color:#1b4fb3}.p-teal{background:var(--teal-clair);color:#1f5f62}.p-vert{background:var(--vert-clair);color:#2b6a27}.p-ambre{background:var(--ambre-clair);color:#8a4a0c}.p-rouge{background:var(--rouge-clair);color:var(--rouge)}.retard{color:var(--rouge);font-weight:700}.onglets{scrollbar-width:none;gap:8px;padding:2px 0 12px;display:flex;overflow-x:auto}.onglets button{border:1px solid var(--bord);min-height:44px;color:var(--nuit);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:0 16px;font-weight:700}.onglets button[aria-pressed=true]{background:var(--nuit);color:#fff;border-color:var(--nuit)}.onglets .n{opacity:.75;margin-left:4px;font-weight:500}.nav{z-index:10;border-top:1px solid var(--bord);padding-bottom:env(safe-area-inset-bottom);background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.nav button{min-height:64px;color:var(--muet);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:12.5px;font-weight:700;display:flex}.nav button svg{fill:currentColor;width:24px;height:24px}.nav button[aria-current=page]{color:var(--bleu-fonce)}.nav button:focus-visible{outline:2px solid var(--bleu);outline-offset:-4px}.bandeau{border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-size:14px;display:flex}.bandeau.ambre{background:var(--ambre-clair);color:#7a4210}.bandeau.rouge{background:var(--rouge-clair);color:var(--rouge)}.bandeau.vert{background:var(--vert-clair);color:#2b6a27}.bandeau button{color:inherit;cursor:pointer;background:0 0;border:0;min-height:40px;margin-left:auto;font-weight:700;text-decoration:underline}.chiffres{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;display:grid}.chiffre{box-shadow:var(--ombre);background:#fff;border-radius:16px;padding:14px 16px}.chiffre b{color:var(--nuit);font-size:30px;font-weight:800;line-height:1.1;display:block}.chiffre span{color:var(--muet);font-size:13px}.chiffre.alerte b{color:var(--rouge)}.une-titre{border-top:3px solid var(--nuit);border-bottom:1px solid var(--nuit);letter-spacing:.08em;text-transform:uppercase;color:var(--nuit);justify-content:space-between;margin-bottom:16px;padding:6px 0;font-size:12.5px;display:flex}.manchette{color:var(--nuit);margin-bottom:16px;font-size:30px;font-weight:800;line-height:1.15}.viseur{aspect-ratio:4/3;color:#cfd8e6;background:#1c2433;border-radius:16px;place-items:center;margin-bottom:12px;display:grid;position:relative;overflow:hidden}.viseur video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.viseur .cadre{border:3px solid #7fb0ff;border-radius:12px;position:absolute;inset:22% 14%}.viseur .msg{text-align:center;padding:16px;font-size:14px;position:relative}.frise{margin:8px 0 0;padding:0;list-style:none}.frise li{padding:0 0 14px 34px;position:relative}.frise li:before{content:"";background:var(--bord);width:2px;position:absolute;top:22px;bottom:0;left:9px}.frise li:last-child:before{display:none}.frise li .point{background:#fff;border:2px solid #b9c6d8;border-radius:50%;width:20px;height:20px;position:absolute;top:2px;left:0}.frise li.fait .point{background:var(--bleu-fonce);border-color:var(--bleu-fonce)}.frise li.fait:before{background:var(--bleu-fonce)}.frise li.actuel .point{border-color:var(--bleu-fonce);box-shadow:0 0 0 4px var(--bleu-clair)}.frise li.echec .point{background:var(--rouge);border-color:var(--rouge)}.frise b{color:var(--nuit)}.frise .meta{color:var(--muet);font-size:13px}.resultat{color:var(--nuit);font-size:20px;font-weight:800}.modal{z-index:20;background:#15294673;align-items:flex-end;display:flex;position:fixed;inset:0}.modal .feuille{width:100%;max-width:720px;padding:20px 16px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:20px 20px 0 0;max-height:92dvh;margin:0 auto;overflow-y:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-top:1px solid var(--bord);padding:10px 8px}.table th{color:var(--muet);font-weight:600}.table td.n{text-align:right;font-variant-numeric:tabular-nums}@media (width>=560px){.chiffres{grid-template-columns:repeat(4,1fr)}}.installation{border:2px solid var(--bleu-clair)}.installation h2{margin-bottom:6px}.etapes-ios{margin:0 0 12px;padding-left:20px;line-height:1.6}.etapes-ios li{margin-bottom:4px}