/* Page de connexion — complète inscription.css. */
#login-form { display: grid; gap: 18px; }
#login-form > * { animation: rise .5s ease both; }
#login-form > :nth-child(1) { animation-delay: .3s; }
#login-form > :nth-child(2) { animation-delay: .4s; }
#login-form > :nth-child(3) { animation-delay: .45s; }
#login-form > :nth-child(4) { animation-delay: .5s; }
.signup-foot a { color: var(--green); font-weight: 600; }
.signup-foot a:hover { text-decoration: underline; }
.signup-switch .btn-primary { min-height: 44px; }

.demo-box { margin-top: 26px; padding-top: 22px; border-top: 1px dashed #cfd8dc; animation: rise .5s ease .6s both; }
.demo-title { margin: 0 0 12px; color: var(--muted); font-size: 13px; font-weight: 600; }
.demo-list { display: grid; gap: 8px; }
.demo-account { min-height: 44px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 10px; background: #f8fbf9; color: var(--navy); font: 500 14px "DM Sans", sans-serif; text-align: left; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.demo-account:hover { border-color: var(--green); background: var(--mint); transform: translateY(-1px); }
.demo-account.demo-manufacturer { background: #fdf8f1; }
.demo-account.demo-manufacturer:hover { border-color: #a8560c; background: #fdf1e3; }
.demo-account:disabled { opacity: .6; cursor: progress; }

@media (max-width: 480px) { .signup-switch-text { display: none; } }