*{box-sizing:border-box}body{margin:0;font:16px system-ui,sans-serif;color:#e5edf7;background:#101820}main{max-width:900px;margin:6vh auto;padding:28px;background:#192735;border:1px solid #384b5e;border-radius:16px}header strong{color:#73e0c5;letter-spacing:.15em}h1{margin:12px 0 24px}button{padding:12px 16px;margin:5px;border:1px solid #6d859c;border-radius:8px;background:#27485d;color:white;font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #73e0c5}button:disabled{opacity:.5}#qr{max-width:100%;width:300px;border:10px solid white;margin:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#101820;padding:18px;border-radius:8px;max-height:55vh;overflow:auto}.note{font-size:.85rem;color:#b2c6d7}[hidden]{display:none!important}@media(max-width:600px){main{margin:0;padding:18px;border-radius:0}button{width:100%;margin:5px 0}}
/* 06/11/2026 : écran d'arrivée = case de saisie vide du code affiché sur le téléphone (aucun numéro). Aucun script ni style en ligne. */
body.mode-saisie header{display:none}
body.mode-saisie main{text-align:center}
#saisie{display:flex;flex-direction:column;align-items:center;padding:22px 0 8px}
#saisie .marque{width:52px;height:52px;border-radius:14px;border:2px solid #39506a;display:grid;place-items:center;font-size:1.5rem;color:#8fb7c9;margin-bottom:22px}
#saisie .intro{color:#9fb3c6;font-size:.95rem;margin:0 0 22px}
#saisie .code-saisi{width:min(100%,460px);font:800 2.6rem/1.2 ui-monospace,Consolas,monospace;letter-spacing:.2em;padding:14px 56px;text-align:center;color:#73e0c5;background:#122230;border:2px solid #39506a;border-radius:12px;caret-color:#73e0c5}
#saisie .code-saisi:focus{outline:3px solid #73e0c5;border-color:#73e0c5}
#saisie .code-saisi:disabled{opacity:.6}
#saisie .info{margin:14px 0 0;min-height:1.4em;color:#ffce7a;font-size:.95rem}
.lien{background:none;border:none;color:#73e0c5;font-size:.84rem;text-decoration:underline;margin:16px auto 0;padding:6px 8px;width:auto;display:block}
@media(max-width:600px){.lien{width:auto;margin:16px auto 0}#saisie .code-saisi{font-size:1.9rem;letter-spacing:.12em;padding:14px 52px}}
/* 06/11/2026 : une fois la session ouverte, le panneau occupe toute la fenêtre du navigateur (aucun cadre, aucun fond sombre autour). */
body.mode-panneau{background:#F4F6F3}
body.mode-panneau main{max-width:none;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent}
body.mode-panneau header,body.mode-panneau #etat{display:none}
body.mode-panneau #contenu,body.mode-panneau #panneau-complet{display:block;width:100%}
body.mode-panneau #fermer{position:fixed;right:12px;bottom:12px;z-index:40;margin:0;width:auto}

/* 06/11/2026 : case masquée + œil + bouton Valider vert (aucun style en ligne) */
#saisie .champ{position:relative;width:min(100%,460px)}#saisie .champ .code-saisi{width:100%}
#saisie .oeil{position:absolute;right:6px;top:50%;transform:translateY(-50%);margin:0;padding:8px;width:auto;background:none;border:none;color:#9fb3c6;display:grid;place-items:center}
#saisie .oeil[aria-pressed="true"]{color:#73e0c5}
#saisie .valider{background:#0B7A22;border:1px solid #0B7A22;color:#fff;font-weight:700;margin:18px 0 0;padding:12px 36px;width:auto;min-width:160px}
#saisie .valider:disabled{opacity:.5}