/* doc-project | public/assets/css/auth.css | styles communs sécurisés des vues compte et des liens authentification de la vitrine */
:root{--auth-bg:#fffaf2;--auth-surface:#fff;--auth-text:#2c211a;--auth-muted:#78685c;--auth-accent:#c54d2c;--auth-border:#eadccd;--auth-shadow:0 18px 50px rgba(65,40,24,.12)}
.account-page{margin:0;background:var(--auth-bg);color:var(--auth-text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}.account-shell{width:min(calc(100% - 32px),680px);margin:0 auto;padding:48px 0}.account-brand{display:inline-block;margin-bottom:24px;color:var(--auth-text);font-size:1.3rem;font-weight:800;text-decoration:none}.account-card{padding:32px;border:1px solid var(--auth-border);border-radius:24px;background:var(--auth-surface);box-shadow:var(--auth-shadow)}.account-card h1{margin:0 0 24px;font-size:clamp(2rem,6vw,3rem);line-height:1}.account-form{display:grid;gap:16px}.account-form label{display:grid;gap:7px;font-weight:800}.account-form input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--auth-border);border-radius:12px;background:#fff;color:var(--auth-text);font:inherit}.account-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:0;border-radius:999px;background:var(--auth-accent);color:#fff;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.account-button--secondary{border:1px solid var(--auth-border);background:#fff;color:var(--auth-text)}.account-links{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0 0}.account-links a{color:var(--auth-accent);font-weight:800}.account-message{padding:12px 14px;border-radius:12px;font-weight:700}.account-message--error{background:#fff0ec;color:#8b2f1a}.account-message--success{background:#eef8ef;color:#275f31}.account-intro{color:var(--auth-muted)}.navigation__auth{display:flex;align-items:center;gap:10px}.navigation__auth a{font-size:.9rem}.navigation__auth .button{min-height:40px;padding:8px 14px}.navigation__auth[hidden]{display:none!important}@media(max-width:760px){.account-card{padding:24px}.navigation__auth{align-items:flex-end;flex-direction:column;gap:4px}}