/* Même présentation que la première installation d'AquaTrace, aux couleurs d'Aplomb (bleu nuit et rouge). */
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;background:#f4f6fa;color:#14233c;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;display:grid;place-items:center;padding:28px 18px}
.wrap{width:min(100%,380px)}
.wrap.large{width:min(100%,760px)}
.brand{display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;letter-spacing:-1.3px;margin:0 auto 22px;color:#14233c}
.brand img{width:58px;height:58px;object-fit:contain;margin-right:-2px}
.card{background:#fff;border:1px solid #dde3ec;border-radius:20px;padding:24px;box-shadow:0 12px 40px #14233c0d;margin-bottom:16px}
.icon{color:#b8322a}.icon svg,.eye svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
h1{font-size:21px;line-height:1.2;margin:10px 0}
h2{font-size:16px;margin:0 0 6px}
p,label,ol{color:#5d6b7c}
p{margin:10px 0 16px}.lead{margin-top:0}
ol{padding-left:20px;margin:0 0 6px}li{margin:4px 0}
label{display:block;margin:14px 0 7px;font-size:13px}
input,textarea{width:100%;padding:12px;background:#fff;border:1px solid #cfd8e3;border-radius:10px;color:#14233c;font:inherit;min-height:49px;margin-top:6px}
textarea{font-family:ui-monospace,Menlo,monospace;font-size:12px;resize:vertical}
input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #9fb2cc;outline-offset:2px}
.password{position:relative}.password input{padding-right:58px}
.eye{position:absolute;right:5px;top:9px;width:44px;height:44px;background:transparent;border:0;border-radius:8px;color:#14233c;cursor:pointer}
.primary{display:block;width:100%;padding:14px;border:0;border-radius:10px;background:#14233c;color:#fff;font:700 14px system-ui;margin:24px 0 0;cursor:pointer;min-height:52px;text-align:center;text-decoration:none}
.primary:hover{background:#1f3557}
.secondary{display:inline-block;padding:11px 16px;border:1px solid #cfd8e3;border-radius:10px;background:#fff;color:#14233c;font:600 13px system-ui;cursor:pointer;text-decoration:none;margin:12px 8px 0 0}
button:disabled{opacity:.6;cursor:wait}
.helper,small{display:block;font-size:12px;color:#6c7a8b;margin-top:6px}
.error{color:#b8322a;white-space:pre-wrap;margin:12px 0 0;min-height:1px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.choix{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.option{position:relative;margin:0;border:1px solid #cfd8e3;border-radius:12px;padding:14px 14px 14px 42px;cursor:pointer;display:grid;gap:2px}
.option input{position:absolute;left:14px;top:16px;width:auto;min-height:0;margin:0;accent-color:#b8322a}
.option strong{color:#14233c}.option span{font-size:12px}
.option:has(input:checked){border-color:#b8322a;background:#fff7f5;box-shadow:0 0 0 1px #b8322a}
.note{background:#f6f8fb;border:1px solid #e1e7ef;border-radius:10px;padding:10px 12px;font-size:13px}
#guide h3{font-size:14px;margin:14px 0 4px;color:#14233c}#guide p{margin:4px 0}#guide code,#guide pre{background:#f2f4f7;border-radius:6px;font-size:12px}#guide pre{padding:10px;white-space:pre-wrap}
#r-tester[data-error=true]{color:#b8322a}
footer{text-align:center;font-size:12px;color:#7d8a99;padding:8px 10px 20px}
h1:focus{outline:none}
[hidden]{display:none!important}
@media(max-width:600px){.grid,.choix{grid-template-columns:1fr}.card{padding:22px}}