/* Pages de compte (allauth) : memes couleurs que le site, sans dependance. */
:root { --ink:#0b2228; --ink-soft:#5d818a; --paper:#eaf1ef; --panel:#f7fbfa; --line:rgba(11,34,40,.13);
        --accent:#e8452a; --accent-hover:#c5341b; }
* { box-sizing: border-box; }
body.page-compte { margin:0; min-height:100vh; background:var(--paper); color:var(--ink);
  font: 15px/1.55 "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  display:flex; align-items:flex-start; justify-content:center; padding:48px 16px; }
.compte-page { width:min(440px,100%); background:var(--panel); border:1px solid var(--line); border-radius:14px;
  padding:28px 28px 22px; box-shadow:0 8px 26px rgba(11,34,40,.10); }
.marque { display:inline-block; font-weight:700; letter-spacing:.02em; color:var(--ink); text-decoration:none; margin-bottom:14px; }
h1 { font-size:20px; margin:4px 0 14px; }
h2 { font-size:16px; }
a { color:var(--accent); } a:hover { color:var(--accent-hover); }
form p, form div { margin:0 0 12px; }
label { display:block; font-size:13px; margin-bottom:4px; color:var(--ink); }
input[type=email], input[type=password], input[type=text] { width:100%; padding:10px 12px; font:inherit;
  border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); }
input:focus { outline:2px solid var(--accent); outline-offset:1px; }
button, input[type=submit] { font:inherit; font-weight:600; padding:10px 16px; border-radius:999px; border:none;
  background:var(--accent); color:#fff; cursor:pointer; }
button:hover { background:var(--accent-hover); }
.helptext, .hint, small { font-size:12px; color:var(--ink-soft); }
.errorlist { color:var(--accent-hover); font-size:13px; padding-left:18px; }
.messages { list-style:none; padding:10px 12px; background:#ffe2d8; border-radius:8px; font-size:13px; }
.liens-compte { display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:20px; padding-top:14px;
  border-top:1px solid var(--line); font-size:13px; }