/* Pages d'installation et de connexion. */
.diagnostic-body { margin: 0; font: 16px/1.5 system-ui, sans-serif; }
.diagnostic-body * { box-sizing: border-box; }
.auth-advanced { border: 1px solid #dce4e9; border-radius: 7px; padding: 12px; }
.auth-advanced summary { cursor: pointer; color: #126958; font-size: 14px; }
.auth-advanced .auth-fields { margin-top: 16px; }
.auth-main { min-height: calc(100vh - 91px); padding: 54px 20px 80px; display: grid; place-items: start center; background: #f2f5f7; }
.auth-wide { align-items: start; }
.auth-card { width: min(100%, 560px); padding: 34px 36px 36px; border: 1px solid #dce4e9; border-radius: 10px; background: #fff; box-shadow: 0 16px 38px rgba(20,44,59,.08); }
.auth-card h1 { margin: 0 0 11px; font-size: 29px; color: #142c3b; }
.auth-card h2 { margin: 30px 0 13px; padding-top: 22px; border-top: 1px solid #e2e9ed; font-size: 17px; color: #142c3b; }
.auth-card > p { margin: 0 0 22px; color: #607483; font-size: 15px; }
.auth-card form { display: grid; gap: 16px; }
.auth-card label { display: grid; gap: 7px; color: #203d50; font-size: 14px; font-weight: 600; }
.auth-card input { width: 100%; min-height: 46px; border: 1px solid #c9d5dd; border-radius: 6px; padding: 10px 13px; background: #fff; color: #142c3b; font: inherit; }
.auth-card input:focus { border-color: #16856e; outline: 3px solid rgba(36,155,131,.18); }
.auth-card small { color: #687d8a; font-size: 12px; font-weight: 400; line-height: 1.45; }
.auth-button { justify-content: center; width: 100%; margin-top: 5px; text-decoration: none; }
.auth-error { margin: 0 0 19px; padding: 12px 14px; border: 1px solid #ebcfc5; border-radius: 7px; background: #fff2ee; color: #924431; font-size: 14px; }
.auth-success { margin: 0 0 19px; padding: 12px 14px; border: 1px solid #c6e2d6; border-radius: 7px; background: #edf8f3; color: #166852; font-size: 14px; }
.auth-note { margin: 21px 0 0 !important; font-size: 13px !important; line-height: 1.55; }
.auth-fields { display: grid; grid-template-columns: 1fr 160px; gap: 13px; }
.auth-card a { color: #126958; text-underline-offset: 3px; }
@media (max-width: 620px) { .auth-main { padding: 28px 16px 55px; } .auth-card { padding: 27px 20px 28px; } .auth-fields { grid-template-columns: 1fr; gap: 16px; } }
