[hidden]{display:none!important}
.auth-background,.dashboard-background{min-height:74vh;background:linear-gradient(135deg,#fff,#faf4f9);padding:65px 18px 85px}
.auth-shell{max-width:510px;margin:auto;border:1px solid #ecdeea;background:#fff;border-radius:22px;padding:42px;box-shadow:0 20px 55px rgba(83,51,76,.08)}
.kicker{font-size:12px;letter-spacing:.11em;color:#714b67;font-weight:900}
.auth-shell h1,.dashboard-container h1{font-size:clamp(36px,4vw,50px);margin:15px 0 12px}
.auth-shell h1 span,.dashboard-container h1 span{color:#714b67}
.pilot-warning{padding:14px 16px;border:1px solid #e7d4e2;background:#fbf4f9;border-radius:11px;color:#644c60;font-size:13px;line-height:1.6;margin:24px 0}
.tab-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#f7f2f6;border-radius:12px;padding:5px;margin:24px 0}
.tab-button{border:0;border-radius:9px;background:transparent;color:#695e68;font:inherit;font-weight:900;padding:12px;cursor:pointer}
.tab-button.active{background:#fff;color:#714b67;box-shadow:0 3px 13px #7e526f25}
.auth-form,.profile-form{display:grid;gap:16px}
.auth-form label,.profile-form label{font-size:13px;color:#3f3440;font-weight:850;display:flex;flex-direction:column;gap:6px}
.auth-form input:not([type=checkbox]),.auth-form select,.profile-form input:not([type=checkbox]),.profile-form textarea,.profile-form select{font:inherit;border:1px solid #d5c9d2;border-radius:9px;min-height:46px;padding:10px 12px;background:#fff;color:#27202a;width:100%}
.auth-form input:focus-visible,.profile-form input:focus-visible,.profile-form select:focus-visible{outline:2px solid #714b67}
.auth-form .checkbox-label,.profile-form .checkbox-label{display:flex;flex-direction:row;align-items:start;gap:10px;line-height:1.6;font-weight:600}
.checkbox-label input{margin-top:5px;accent-color:#714b67}
.auth-form .button,.profile-form .button{border:0;cursor:pointer;width:max-content}
.auth-form .button:disabled,.profile-form .button:disabled{opacity:.6;cursor:wait}
.status-line{font-size:13px;color:#675767;margin:18px 0 0}
.inline-message{background:#fff0f0;border:1px solid #e4a3a3;color:#812b32;padding:13px;border-radius:10px;font-size:13px;margin:14px 0}
.auth-foot{font-size:13px;margin:25px 0 0;color:#714b67}
.dashboard-container{max-width:1020px}
.dashboard-container>p{margin-bottom:0}
.surface{background:white;border:1px solid #eadce7;border-radius:19px;padding:30px;margin-top:24px;box-shadow:0 12px 30px rgba(69,38,64,.04)}
.surface h2{font-size:25px;margin:0 0 9px}
.surface>p{font-size:14px}
.section-row{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.section-row p{margin:0}
.rows-list{font-size:14px}
.interest-row{padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eee3ec}
.interest-row strong{font-size:15px}.interest-row p{margin:4px 0 0;font-size:12px}
.mini-action{cursor:pointer;border:1px solid #d8c5d4;border-radius:9px;background:white;color:#714b67;padding:8px 11px;font-weight:800}
.profile-form{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:23px}
.profile-form .full-width{grid-column:1/-1}
.published-pill{background:#eaf7ef!important;color:#23764b!important}
.live-profiles-section{padding:55px 0 35px;background:#fcfafc;border-bottom:1px solid #ebdeea}
.live-profiles-section h2{font-size:30px;margin-bottom:7px}
.live-profiles-section .profile-grid{margin-top:18px}
@media(max-width:720px){.auth-shell{padding:26px}.navigation{gap:13px}.profile-form{grid-template-columns:1fr}.profile-form .full-width{grid-column:auto}.surface{padding:20px}.live-profiles-section .profile-grid{grid-template-columns:1fr}}

/* RooF V4.2 – wachtwoordherstel */
.forgot-password-link{font-size:14px;margin:12px 0 0;text-align:right}
.forgot-password-link a,.recovery-back a{color:#714b67;text-decoration:underline;text-underline-offset:3px;font-weight:800}
.recovery-description{color:#695b67;line-height:1.7;font-size:15px;margin-bottom:21px}
.recovery-back{font-size:14px;margin:25px 0 0}
.recovery-done{border:1px solid #c4e4d2;background:#f1fbf4;color:#206341;border-radius:10px;padding:15px 16px;margin:20px 0;font-size:14px;line-height:1.65}
.recovery-error{border:1px solid #e4a3a3;background:#fff0f0;color:#812b32;border-radius:10px;padding:15px 16px;margin:20px 0;font-size:14px;line-height:1.65}
.recovery-form-tip{font-size:12px;color:#756875;line-height:1.6;margin:0}
.recovery-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.recovery-actions .button:disabled{opacity:.65;cursor:wait}

/* RooF V5.2 - juridische informatie en accountbeveiliging */
.legal-main{background:#fbf8fb;min-height:70vh;padding:64px 16px 96px}
.legal-content{max-width:880px;margin:0 auto;background:#fff;border:1px solid #ecdeea;border-radius:20px;padding:clamp(22px,4vw,58px);box-shadow:0 12px 38px #714b6710}
.legal-content h1{font-size:clamp(32px,5vw,48px);margin:12px 0 18px;line-height:1.15}
.legal-content h2{margin-top:36px;font-size:23px}
.legal-content p,.legal-content li{font-size:15px;line-height:1.8;color:#49414b}
.legal-content ul{padding-left:25px}
.legal-draft{border:1px solid #d3abbf;background:#fff1f8;padding:15px 18px;border-radius:10px;color:#714b67;line-height:1.6;margin:24px 0}
.legal-footer-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:13px}
.legal-footer-links a{color:#714b67;text-decoration:underline;text-underline-offset:3px}
.account-delete-panel{border-color:#e1b2bb}
.account-delete-panel summary{cursor:pointer;font-weight:800;color:#8b3249;padding:12px 0}
.account-delete-panel form{margin:18px 0;max-width:430px}
.delete-account-button{background:#9d3443;color:white;border:0;border-radius:9px;padding:12px 18px;font:inherit;font-weight:850;cursor:pointer}
.delete-account-button:disabled{opacity:.5;cursor:wait}