/* Pages hors application (connexion, inscription, compte).
   S’appuie sur app.css : mêmes variables, polices, thème clair et sombre. */
.page{max-width:460px;margin:0 auto;padding:8px 20px 56px}
.page .top{padding-left:0;padding-right:0}
.page .brand a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px}
.sheet{background:var(--sheet);border:1px solid var(--line);border-radius:10px;padding:22px 22px 18px;margin:8px 0 18px}
.sheet h1{margin-top:0}
.form .fld-label:first-child{margin-top:0}
.input{display:block;width:100%;font:inherit;font-size:17px;padding:11px 12px;margin-top:6px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}
.input:focus{outline:none;border-color:var(--pen);box-shadow:0 0 0 2px var(--pen-2)}
.form .help{display:block;font-size:14px;color:var(--ink-2);margin-top:5px}
.form .btn{width:100%;margin-top:22px}
.form .fb[hidden]{display:none}
.alt{text-align:center;font-size:15.5px;color:var(--ink-2)}
.alt a{color:var(--pen);font-weight:700}
.fb[hidden]{display:none}
.page-wide{max-width:640px}
.sheet h2{margin-top:0}
.sheet h3{margin-top:26px}
.sheet .input[type="file"]{padding:9px 10px;font-size:15.5px}
.confirm{margin:14px 0 0;border-color:var(--red)}
.confirm-check{margin-top:16px;font-weight:400}
.danger{border-color:var(--red-2)}
.danger h2{color:var(--red)}
/* main sans carte (page compte) : pas le retrait de l’application, déjà donné par .page */
.page main:not(.sheet){padding:0;max-width:none}
#me-email{overflow-wrap:anywhere}
select.input{appearance:auto}
.ai-state{font-weight:700;margin:14px 0 4px}
.ai-state.on{color:var(--green)}
.ai-state.off{color:var(--ink-2)}
.form .row-actions .btn{width:auto;margin-top:0}
.form .row-actions{margin-top:22px}
/* L’attribut hidden l’emporte toujours sur les display des classes (.btn, .toggle…). */
[hidden]{display:none!important}