/* ====================================================== */
/* == Stijlen voor Publieke Pagina's (Login, Reset) == */
/* ====================================================== */
body.public-page { padding-top: 0; background: radial-gradient(circle at top, #f8f9ff 0%, #f1f5ff 45%, #ffffff 100%); color: var(--text-light); }
body.public-page:not(.landing-page) { display: flex; justify-content: center; align-items: center; min-height: 100vh; }
.wrapper { max-width: 400px; width: 90%; margin: 0 auto; padding: 30px; background: var(--surface-light); box-shadow: 0 4px 20px rgba(0,0,0,0.1); border-radius: 12px; }
.tabs { display: inline-flex; background: rgba(31, 38, 59, 0.08); padding: 4px; border-radius: 999px; gap: 6px; margin-bottom: 22px; }
.tab-link { padding: 10px 18px; cursor: pointer; border: none; background: transparent; font-size: 15px; font-weight: 600; color: var(--text-muted); border-radius: 999px; transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; }
.tab-link.active { color: #fff; background: linear-gradient(135deg, var(--accent-indigo), var(--accent-rose)); box-shadow: 0 10px 25px rgba(79, 70, 229, 0.35); }
.tab-link:focus-visible { outline: 2px solid var(--accent-indigo); outline-offset: 3px; }
.form-content { display: none; }
.form-content.active { display: block; }
.wrapper h2 { text-align: center; margin-bottom: 10px; }
.wrapper p { text-align: center; color: var(--text-muted); margin-bottom: 25px; }
.extra-links { text-align: right; margin-top: -6px; margin-bottom: 12px; font-size: 14px; }
.extra-links a { color: var(--accent-indigo); text-decoration: none; font-weight: 600; }
.message { padding: 12px 14px; margin-top: 16px; border-radius: 12px; font-size: 14px; display: none; word-wrap: break-word; box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12); }
.message.success { background: rgba(22, 163, 74, 0.12); color: #14532d; border: 1px solid rgba(22, 163, 74, 0.24); }
.message.error { background: rgba(220, 38, 38, 0.12); color: #7f1d1d; border: 1px solid rgba(220, 38, 38, 0.24); }

/* ====================================================== */