/* Extra stijlen voor formulierpagina's: login, register, forgot, reset */

/* Subtiele ambient-glow voor consistentie met de rest van de app */
body::before {
    content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
    background:radial-gradient(ellipse 80% 55% at 50% 8%, rgba(var(--acc, 148,163,184), 0.13) 0%, transparent 60%);
}
.container { position:relative; z-index:1; }

.title { margin-bottom:12px; }

input {
    width:100%;
    padding:10px;
    border-radius:8px;
    border:1px solid var(--line, #1e293b);
    background:#1e293b;
    color:white;
    font-size:14px;
    margin-top:8px;
    box-sizing:border-box;
    transition:border-color 0.15s ease, box-shadow 0.15s ease;
}
input:focus {
    outline:none;
    border-color:var(--kleur-primair, #22c55e);
    box-shadow:0 0 0 3px rgba(34,197,94,0.15);
}

/* Formulier-buttons zijn altijd groen en iets groter */
button {
    margin-top:12px;
    font-size:15px;
    background:#22c55e;
    color:white;
}

.subtle { text-align:center; }
.subtle a { color:#22c55e; text-decoration:none; }
.subtle a:hover { text-decoration:underline; }