/* ------------------------------------------------------------- connexion (comptes, 11/09) : une convocation sur feuille crème */
.login { max-width: 540px; margin: 40px auto; }
.login .sheet h3 { font-size: 20px; }
.login .dim { color: var(--ink-dim); }
.login .names { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 6px; }
.login .btn { color: var(--ink); border-color: rgba(var(--ink-rgb), .35); }
.login .btn:hover { background: rgba(var(--ink-rgb), .06); border-color: var(--ink); }
.login .names .btn.on { background: var(--ink); color: var(--card); border-color: var(--ink); }
.login form { display: grid; gap: 12px; margin-top: 16px; }
.login form[hidden] { display: none; }
.login label { display: block; font-family: var(--disp); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-dim); }
.login label input:not([type=checkbox]) { display: block; width: 100%; margin-top: 4px; font: inherit; font-size: 16px; color: var(--ink); background: var(--card-in); border: 1px solid var(--card-edge); border-radius: 3px; padding: 10px 12px; caret-color: var(--stamp); }
.login label input:focus { outline: none; border-color: var(--ink-dim); }
.login label.chk { font-family: var(--sans); text-transform: none; letter-spacing: 0; font-size: 14px; color: var(--ink); display: flex; gap: 10px; align-items: flex-start; line-height: 1.4; }
.login label.chk input { margin-top: 3px; accent-color: var(--stamp); }
.login .actions { margin-top: 4px; }
.login .stamp-btn { font-size: 17px; padding: 12px 24px; }
.login .err { color: var(--stamp-deep); font-size: 14px; min-height: 1.4em; margin-top: 12px; }
.login .small { font-size: 13px; margin-top: 10px; }