/* Even Chillen — moderne, lichte UI */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--bg:#eaf1eb;--surface:#fbfdfb;--ink:#172b4d;--muted:#68796d;--line:#d1dfd3;--blue:#478f60;--blue-hover:#2e7045;--blue-soft:#deeee1;--mint:#dcefe0;--rose:#fff0f3;--shadow:0 12px 34px rgba(43,68,112,.055);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 8% 0%,rgba(194,214,198,.48),transparent 32rem),var(--bg);color:var(--ink);font:16px/1.6 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-hover)}button,input,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #55a87340;outline-offset:2px}
body>header.side-menu{position:fixed;z-index:30;top:22px;right:22px;bottom:22px;width:258px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:24px 17px;border:1px solid #d0dfd3;border-radius:23px;background:#f8fbf8ed;box-shadow:0 18px 45px rgba(43,68,112,.10);backdrop-filter:blur(18px);overflow-y:auto}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font:800 1.55rem/1 Manrope,sans-serif;letter-spacing:-.07em}.brand:before{content:"E";display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(140deg,#79c493,#55a873);box-shadow:0 6px 14px #55a87333;color:#fff;font-size:1.1rem}
.side-menu-profile{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0 4px 22px;padding:16px 10px 14px;border:1px solid #d5e4d7;border-radius:16px;background:linear-gradient(145deg,#f0f7f1,#e3eee5);color:var(--ink);text-decoration:none}.side-menu-profile:hover{background:#dcebdd;color:var(--ink)}.side-menu-profile .avatar{width:76px;height:76px;border:3px solid #fff;box-shadow:0 4px 14px #315d3c16;font-size:1.5rem}.side-menu-profile span:not(.avatar){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.side-menu-profile small{font-size:.75rem;color:var(--muted)}.side-menu .brand{margin:2px 4px 30px}.side-menu-label{margin:0 10px 10px;color:#9aa7b8;font-size:.68rem;font-weight:800;letter-spacing:.16em}.side-menu nav{display:flex;flex-direction:column;align-items:stretch;gap:6px}.side-menu nav a,.side-menu .navbtn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;border:0;border-radius:12px;background:transparent;color:#58705e;text-align:left;font-size:.92rem;font-weight:750;transition:background .15s,color .15s}.side-menu nav a:hover,.side-menu .navbtn:hover{background:var(--blue-soft);color:var(--blue-hover)}.side-menu nav form{display:block;margin:0}.side-menu .navbtn{cursor:pointer}.menu-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border-radius:8px;background:#e0ebe2;color:#4d7c59;font-size:1.05rem;line-height:1}.side-menu nav a:hover .menu-icon,.side-menu .navbtn:hover .menu-icon{background:#fff;color:var(--blue-hover)}.side-menu-note{display:flex;align-items:center;gap:9px;margin:auto 4px 2px;padding-top:22px;color:#8794a7;font-size:.78rem;font-weight:700}.side-menu-dot{width:8px;height:8px;border-radius:50%;background:#53b875;box-shadow:0 0 0 4px #e5f5e8}.container{width:min(1050px,calc(100% - 340px));margin:34px 310px 34px auto}.container.auth{width:min(470px,calc(100% - 340px));margin:38px 310px 38px auto}footer{width:min(1050px,calc(100% - 340px));margin:0 310px 0 auto}
.container{width:min(1120px,100%);min-height:72vh;margin:34px auto;padding:0 22px}.card{margin-bottom:18px;padding:23px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
h1,h2,h3{color:var(--ink);font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.045em;line-height:1.22}h1{font-size:clamp(1.65rem,3vw,2rem);margin:5px 0 12px}h2{font-size:1.25rem}h3{font-size:1.05rem}p{overflow-wrap:anywhere}small,.muted{color:var(--muted)}small{font-size:.82rem}.eyebrow{color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.15em}
.flash{margin:0 0 20px;padding:13px 16px;border:1px solid #ccebd3;border-radius:12px;background:var(--mint);color:#287247;font-weight:600}.flash.error{border-color:#ffd9df;background:var(--rose);color:#c54469}
.primary,.linkbtn2{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border:0;border-radius:11px;background:linear-gradient(135deg,#67b982,var(--blue));box-shadow:0 7px 15px #55a87326;color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.primary:hover,.linkbtn2:hover{transform:translateY(-1px);background:linear-gradient(135deg,#4ca56e,var(--blue-hover));box-shadow:0 10px 20px #55a87338;color:#fff}.full{width:100%;margin-top:9px}
.auth{width:min(470px,100%);margin:38px auto;padding:clamp(24px,5vw,36px)}.auth h1{margin-bottom:8px}.auth form label,.profile form label{display:block;margin:17px 0 7px;color:#40516a;font-size:.9rem;font-weight:700}
input,textarea{width:100%;min-width:0;margin-top:7px;padding:12px 13px;border:1px solid #dce9df;border-radius:11px;background:#f0f6f1;color:var(--ink);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}input:focus,textarea:focus{border-color:#9ccfa8;background:#fff;box-shadow:0 0 0 3px #55a87318}textarea{resize:vertical}.auth>p{margin:20px 0 0;color:var(--muted);text-align:center;font-size:.9rem}
.hero{max-width:900px;margin:42px auto;padding:clamp(42px,8vw,82px) 25px;border:1px solid #cbded0;border-radius:28px;background:radial-gradient(ellipse at 10% 0%,#d3e8d7 0,transparent 40%),radial-gradient(ellipse at 95% 100%,#d0e8d4 0,transparent 36%),#f8fbf8;box-shadow:0 22px 55px #477a4c14;text-align:center}
.mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:19px;background:linear-gradient(140deg,#79c493,#55a873);box-shadow:0 10px 22px #55a87338;color:#fff;font:800 1.7rem Manrope,sans-serif}.hero h1{margin:18px 0;font-size:clamp(2.35rem,6vw,4.3rem);letter-spacing:-.075em}.hero h1 span{color:var(--blue)}.hero>p{max-width:560px;margin:0 auto 25px;color:var(--muted);font-size:1.06rem}.hero>p:last-child{margin-top:20px;font-size:.9rem}
.layout{display:grid;grid-template-columns:minmax(0,700px) 285px;align-items:start;gap:24px}.feed{min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.heading h1{margin:4px 0 0;font-size:1.95rem}.heading>.avatar{width:48px;height:48px}
.author{display:flex;align-items:center;gap:12px;margin-bottom:15px}.author strong{display:block;font-weight:800}.author small{display:block;margin-top:2px}.avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;object-fit:cover}.placeholder{border:1px solid #d9ecdd;background:linear-gradient(135deg,#dcebdd,#d3e8d6);color:#3e8656;font-weight:800}
.composer{padding:22px}.composer textarea{min-height:92px;border-color:transparent;background:#eaf2eb}.composer textarea:focus{border-color:#9ccfa8;background:#fff}.compose-bottom{display:flex;align-items:center;gap:12px;margin-top:12px}.compose-bottom small{color:#9aa5b5}.compose-bottom .primary{margin-left:auto}.file{display:inline-flex;align-items:center;gap:7px;color:#54745b;font-size:.87rem;font-weight:800;cursor:pointer}.file input{width:175px;margin:0;padding:5px;border:0;background:transparent;font-size:.75rem}
.post{padding:22px 22px 17px}.post-body{margin:0 0 14px;white-space:normal}.post-image{display:block;max-width:100%;max-height:590px;margin:12px auto;border-radius:13px;object-fit:contain}
.actions{display:flex;align-items:center;gap:20px;margin-top:15px;padding:12px 0;border-top:1px solid #e6eee7;border-bottom:1px solid #e6eee7;color:#8491a4;font-size:.87rem}.actions form{margin:0}.action,.liked{padding:3px 0;border:0;background:transparent;color:#64758d;font-weight:800;cursor:pointer}.action:hover{color:var(--blue)}.liked{color:#c54469}
.comment{margin-top:9px;padding:11px 13px;border-radius:11px;background:#eaf2eb;font-size:.9rem}.comment strong{font-size:.86rem}.comment p{margin:3px 0 0;white-space:normal}.comment-form{display:flex;align-items:center;gap:9px;margin-top:13px}.comment-form input{margin:0;background:#f9fcf9}.comment-form button{flex:0 0 auto;padding:10px 14px;border:0;border-radius:10px;background:var(--blue-soft);color:var(--blue-hover);font-weight:800;cursor:pointer}.comment-form button:hover{background:#d8eedf}
aside{position:sticky;top:96px}aside .card{padding:20px}aside h2,aside h3{margin:8px 0}aside p,aside li{color:var(--muted);font-size:.9rem}aside ul{padding-left:20px}.empty{padding:50px 20px;text-align:center}.empty .mark{width:52px;height:52px;font-size:1.4rem}.empty h2{margin-bottom:5px}.empty p{color:var(--muted)}.more{margin:24px 0;text-align:center;font-weight:800}.profile{text-align:center}.profile>.avatar{width:80px;height:80px;font-size:1.5rem}.profile h1{margin-top:10px}.profile form{text-align:left}
footer{padding:28px 16px;color:#9aa6b6;font-size:.83rem;text-align:center}::selection{background:#d9eedf;color:#245d39}
@media(max-width:1000px){body>header.side-menu{position:relative;inset:auto;width:auto;height:auto;min-height:0;margin:14px 14px 0;padding:15px 18px;border-radius:18px;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;overflow:visible}.side-menu-profile{flex:0 0 auto;flex-direction:row;gap:8px;margin:0;padding:5px 9px 5px 5px;border-radius:999px}.side-menu-profile .avatar{width:38px;height:38px;border-width:2px;font-size:.9rem}.side-menu-profile small{display:none}.side-menu .brand{margin:0}.side-menu-label,.side-menu-note{display:none}.side-menu nav{flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px}.side-menu nav a,.side-menu .navbtn{width:auto;padding:9px 10px;font-size:.85rem}.side-menu nav form{display:inline}.menu-icon{display:none}.container,.container.auth,footer{width:min(1120px,100%);margin:24px auto;padding-left:22px;padding-right:22px}.layout{grid-template-columns:minmax(0,1fr)}aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}aside .card{margin-bottom:0}}
@media(max-width:620px){body>header.side-menu{align-items:flex-start;flex-direction:column;gap:12px;margin:10px 10px 0;padding:14px}.side-menu nav{width:100%;justify-content:flex-start;gap:5px}.side-menu nav a,.side-menu .navbtn{padding:8px 9px;font-size:.82rem}.container,.container.auth,footer{width:100%;margin:20px auto;padding:0 12px}.card{padding:16px;border-radius:15px}.heading h1{font-size:1.65rem}.compose-bottom{flex-wrap:wrap}.compose-bottom .primary{margin-left:auto}.file{flex-wrap:wrap}.file input{width:100%}.post{padding:16px}.comment-form{align-items:stretch}.comment-form button{white-space:nowrap}aside{grid-template-columns:1fr}.hero{margin:22px auto;padding:44px 18px;border-radius:21px}.hero h1{font-size:clamp(2.2rem,10vw,3.2rem)}}

/* Adminpaneel */
.admin-head{margin:4px 0 22px}.admin-head h1{margin:5px 0}.admin-head p{margin:0}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;padding:7px;border:1px solid var(--line);border-radius:14px;background:#fff}.admin-tabs a{padding:9px 14px;border-radius:10px;color:#65758d;font-size:.9rem;font-weight:800}.admin-tabs a:hover,.admin-tabs a.selected{background:var(--blue-soft);color:var(--blue-hover)}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.admin-stats .card{margin:0}.stat{display:flex;flex-direction:column;gap:5px}.stat span{color:var(--muted);font-size:.9rem;font-weight:700}.stat strong{font:800 2rem/1.25 Manrope,sans-serif;letter-spacing:-.06em}.stat small{font-size:.82rem}.admin-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid #d9e7dc;border-radius:11px;background:#fff;color:#54745b;font-weight:800}.secondary-btn:hover{background:#f7f9ff}.admin-section-title h2{margin:0 0 4px}.admin-section-title p{margin:0}.admin-search{display:flex;gap:10px;margin:18px 0}.admin-search input{margin:0;max-width:400px}.table-wrap{width:100%;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem}.admin-table th,.admin-table td{padding:13px 12px;border-bottom:1px solid #e6eee7;text-align:left;vertical-align:top}.admin-table th{background:#f3f9f4;color:#718096;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.admin-table td small{display:block;margin-top:4px}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table td:first-child{min-width:155px}.admin-actions{min-width:140px}.admin-actions form,.admin-table form{display:inline-block;margin:0 5px 5px 0}.pill{display:inline-flex;padding:4px 9px;border-radius:999px;background:#e8f4eb;color:#477956;font-size:.75rem;font-weight:800;white-space:nowrap}.pill-active{background:#e5f5e8;color:#287247}.pill-suspended{background:#fff0f3;color:#bd3d61}.mini-btn{padding:7px 9px;border:1px solid #d9e7dc;border-radius:9px;background:#fff;color:#4e7056;font-size:.78rem;font-weight:800;cursor:pointer;white-space:nowrap}.mini-btn:hover{background:var(--blue-soft);color:var(--blue-hover)}.mini-btn.danger{border-color:#ffd9df;background:#fff7f8;color:#bd3d61}.mini-btn.danger:hover{background:#ffe9ed}.post-preview{max-width:320px;overflow-wrap:anywhere}
@media(max-width:720px){.admin-stats{grid-template-columns:1fr}.admin-stats .stat{padding:17px}.admin-search{align-items:stretch;flex-direction:column}.admin-search input{max-width:none}.admin-shortcuts{flex-direction:column;align-items:stretch}.admin-tabs{gap:4px}.admin-tabs a{padding:8px 10px;font-size:.82rem}.admin-table th,.admin-table td{padding:10px}.admin-head h1{font-size:1.7rem}}

/* Onderhoudsmodus */
.maintenance-page{min-height:75vh;display:grid;place-items:center}.maintenance-card{max-width:620px;width:100%;margin:48px auto;text-align:center;padding:clamp(28px,5vw,56px)}.maintenance-icon{font-size:3rem;margin-bottom:12px}.maintenance-card h1{margin:12px 0}.maintenance-card p{line-height:1.7}.maintenance-card .secondary-btn{margin-top:10px}.maintenance-admin form{display:flex;flex-direction:column;gap:16px;margin-top:18px}.maintenance-admin form label{display:flex;flex-direction:column;gap:7px;font-weight:700}.maintenance-admin .maintenance-toggle{display:flex;flex-direction:row;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f3f9f4}.maintenance-admin .maintenance-toggle input{width:18px;height:18px;margin:0}.maintenance-admin textarea{width:100%;box-sizing:border-box}
.profile input[type="file"]{display:block;width:100%;margin-top:8px;padding:12px;border:1px dashed #cfe1d2;border-radius:12px;background:#f3f9f4;color:var(--text)}.profile .checkbox-label{display:flex;align-items:center;gap:9px;font-weight:600}.profile .checkbox-label input{width:auto}

/* Startpagina: nieuws, weer en nieuwste leden */
.home-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;margin:8px 0 22px;padding:clamp(28px,5vw,52px);border:1px solid #dcefe0;border-radius:25px;background:radial-gradient(ellipse at 5% 5%,#e1f2e4 0,transparent 48%),radial-gradient(ellipse at 95% 95%,#ddf2e2 0,transparent 42%),#fff;box-shadow:var(--shadow)}
.home-hero>div:first-child{max-width:660px}.home-hero h1{margin:10px 0 12px;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.065em}.home-hero p{max-width:610px;color:var(--muted);font-size:1.05rem}.home-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.home-hero-art{position:relative;display:block;flex:0 0 210px;height:170px}.home-hero-art span{position:absolute;display:grid;place-items:center;width:76px;height:76px;border:1px solid #ffffffd9;border-radius:24px;background:#ffffffc9;box-shadow:0 14px 30px #507b581c;font-size:2rem;transform:rotate(-7deg)}.home-hero-art span:nth-child(1){top:5px;left:56px}.home-hero-art span:nth-child(2){top:65px;left:5px;transform:rotate(8deg)}.home-hero-art span:nth-child(3){top:80px;left:105px;transform:rotate(7deg)}
.home-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);align-items:start;gap:18px}.home-grid .card{margin:0}.home-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.home-section-head h2{margin:5px 0 0}.home-section-head p{margin:5px 0 0}.section-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:15px;background:#eaf5ec;font-size:1.35rem}.home-news{grid-row:span 2}.news-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #e6eee7}.news-item:last-of-type{border-bottom:0}.news-item a{color:var(--ink);font-weight:750;line-height:1.4}.news-item a:hover{color:var(--blue)}.news-item small{display:block;margin-top:7px}.news-item>span{color:var(--blue);font-weight:800}.source-note{margin:13px 0 0;color:#97a2b3;font-size:.75rem}.weather-main{display:flex;align-items:center;gap:18px;padding:12px 0 20px}.weather-icon{font-size:3.5rem;line-height:1}.weather-main>div{display:flex;flex-direction:column}.weather-main strong{font:800 2.7rem/1.2 Manrope,sans-serif;letter-spacing:-.07em}.weather-main>div span{color:var(--muted)}.weather-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.weather-details>div{display:flex;flex-direction:column;gap:5px;padding:11px 9px;border:1px solid var(--line);border-radius:12px;background:#f9fcf9}.weather-details span{color:var(--muted);font-size:.72rem}.weather-details strong{font-size:.9rem}.member-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e6eee7}.member-item:last-child{border-bottom:0}.member-item .avatar{width:43px;height:43px;flex:0 0 43px}.member-item>div{display:flex;flex:1;min-width:0;flex-direction:column}.member-item strong{overflow:hidden;text-overflow:ellipsis}.member-item small{font-size:.76rem}.member-dot{width:8px;height:8px;border-radius:50%;background:#53b875;box-shadow:0 0 0 4px #e5f5e8}.home-community{background:linear-gradient(145deg,#fff,#f0f8f1)}.home-community h2{margin:8px 0}.home-community p{color:var(--muted)}
@media(max-width:760px){.home-hero{padding:27px 22px}.home-hero-art{flex:0 0 125px;transform:scale(.72);transform-origin:center right;margin-left:-35px}.home-grid{grid-template-columns:1fr}.home-news{grid-row:auto}}
@media(max-width:520px){.home-hero-art{display:none}.home-hero h1{font-size:2.1rem}.home-hero-actions>a{flex:1}.weather-details{gap:5px}.weather-details>div{padding:9px 6px}.weather-details span{font-size:.68rem}}

/* Startpaginamelding, beheerd via het adminpaneel */
.home-announcement{display:flex;align-items:flex-start;gap:18px;margin:0 0 22px!important;padding:22px 25px;border:1px solid #d2e9d7;background:linear-gradient(110deg,#edf7ef,#edf8ef);box-shadow:var(--shadow)}.announcement-symbol{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:#fff;font-size:1.5rem;box-shadow:0 5px 15px #507b5814}.announcement-content{min-width:0}.announcement-content h2{margin:5px 0 8px}.announcement-content p{margin:0;color:#52627a;line-height:1.7;overflow-wrap:anywhere}.announcement-admin form{display:flex;flex-direction:column;gap:16px;margin-top:18px}.announcement-admin form label{display:flex;flex-direction:column;gap:7px;font-weight:700}.announcement-admin .maintenance-toggle{display:flex;flex-direction:row;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f3f9f4}.announcement-admin .maintenance-toggle input{width:18px;height:18px;margin:0}.announcement-admin textarea,.announcement-admin input[type=text]{width:100%;box-sizing:border-box}@media(max-width:520px){.home-announcement{padding:18px;gap:12px}.announcement-symbol{flex-basis:40px;width:40px;height:40px}}

/* Openbare gebruikersprofielen */
.member-link{display:flex;color:inherit;text-decoration:none;border-radius:12px;transition:background .15s,transform .15s}.member-link:hover{background:#f2f8f3;color:var(--ink);transform:translateX(2px)}.avatar-link{display:inline-flex;flex:0 0 auto;border-radius:50%}.author strong a{color:var(--ink)}.author strong a:hover,.comment strong a:hover{color:var(--blue)}.public-profile{padding:clamp(22px,4vw,36px)}.public-profile-top{display:flex;align-items:center;gap:20px}.public-profile-top>.avatar{width:96px;height:96px;font-size:2rem;box-shadow:0 0 0 6px #eaf5ec}.public-profile-top h1{margin:5px 0 3px}.public-profile-top p{margin:0}.public-bio{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.public-bio h2{margin:0 0 8px}.public-bio p{margin:0;white-space:normal;overflow-wrap:anywhere}.profile-stats{display:flex;gap:12px;margin:22px 0}.profile-stats>div{display:flex;min-width:130px;flex-direction:column;padding:13px 16px;border:1px solid var(--line);border-radius:13px;background:#f5faf6}.profile-stats strong{font:800 1.15rem Manrope,sans-serif}.profile-stats span{color:var(--muted);font-size:.8rem}.profile-posts{max-width:760px;margin:25px auto 0}.profile-posts>.heading{margin:0 0 14px}.profile-posts .post{margin-bottom:16px}@media(max-width:520px){.public-profile-top{align-items:flex-start;gap:15px}.public-profile-top>.avatar{width:72px;height:72px;font-size:1.5rem}.profile-stats{gap:8px}.profile-stats>div{min-width:0;flex:1;padding:11px}.profile-stats strong{font-size:1rem}}

/* Desktop: centreer de inhoud en het rechter menu als één geheel. */
@media (min-width:1001px){
  body>header.side-menu{right:max(20px,calc((100vw - 1330px)/2))}
  main.container{width:min(1050px,calc(100vw - 320px));margin:34px 0 34px max(20px,calc((100vw - 1330px)/2));padding-left:22px;padding-right:22px}
  main.container.auth{width:min(470px,calc(100vw - 320px));margin:38px 0 38px calc(max(20px,calc((100vw - 1330px)/2)) + (min(1050px,calc(100vw - 320px)) - min(470px,calc(100vw - 320px)))/2)}
  body>footer{width:min(1050px,calc(100vw - 320px));margin:0 0 0 max(20px,calc((100vw - 1330px)/2))}
}


/* Chatbox */
.chat-card{max-width:900px;margin:0 auto 24px;padding:clamp(18px,3vw,30px)}.chat-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.chat-heading h1{margin:7px 0}.chat-heading p{margin:0}.chat-online{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 12px;border:1px solid #d5ead9;border-radius:999px;background:#f1f9f2;color:#347d50;font-size:.78rem;font-weight:800}.chat-online span{width:8px;height:8px;border-radius:50%;background:#52b777;box-shadow:0 0 0 4px #dff3e4}.chat-messages{display:flex;flex-direction:column;gap:4px;height:min(56vh,560px);min-height:300px;overflow:auto;padding:14px;border:1px solid #deebe0;border-radius:16px;background:linear-gradient(180deg,#f8fcf8,#f1f8f2);scroll-behavior:smooth}.chat-message{display:flex;align-items:flex-start;gap:11px;padding:12px 10px;border-bottom:1px solid #e5efe6}.chat-message:last-child{border-bottom:0}.chat-message-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #d8eadb;border-radius:50%;background:linear-gradient(140deg,#e0f2e4,#cde9d3);color:#347d50;font-weight:800}.chat-message-main{min-width:0;flex:1}.chat-message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.chat-message-meta a{color:#347d50;font-weight:800}.chat-message-meta time{color:#8a9b8d;font-size:.75rem}.chat-message-main p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.chat-empty{margin:auto;color:var(--muted);text-align:center}.chat-compose{margin-top:16px;padding:14px;border:1px solid #deebe0;border-radius:16px;background:#fff}.chat-compose textarea{display:block;width:100%;min-height:70px;margin:0;border:0;background:transparent;box-shadow:none;resize:vertical}.chat-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #edf3ed}.chat-compose-bottom small{color:#849488;font-size:.78rem}.chat-compose-bottom button{white-space:nowrap}.chat-footnote{margin:12px 4px 0;color:#829084;font-size:.78rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:520px){.chat-heading{flex-direction:column}.chat-messages{height:55vh;min-height:260px;padding:7px}.chat-message{gap:8px;padding:10px 5px}.chat-message-avatar{flex-basis:33px;width:33px;height:33px}.chat-compose{padding:10px}.chat-compose-bottom{align-items:flex-end}.chat-compose-bottom button{padding:10px 12px}}

/* Privéberichten */
.private-intro h1{margin:7px 0 8px}.private-intro p{margin:0;line-height:1.65}.private-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.55fr);gap:18px;align-items:stretch}.private-inbox,.private-conversation{min-width:0;margin:0;padding:0;overflow:hidden}.private-section-title{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid var(--line)}.private-section-title h2{font-size:1.05rem;margin:0}.private-section-title>span{display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#eaf5ec;color:#347d50;font-size:.78rem;font-weight:800}.private-contact{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid #edf3ed;color:var(--ink);text-decoration:none;min-width:0}.private-contact:hover,.private-contact.active{background:#e5f0e6}.private-contact.active{box-shadow:inset 3px 0 #65a879}.private-contact .avatar,.private-conversation-head .avatar{width:43px;height:43px;flex:0 0 43px}.private-contact-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.private-contact-copy strong{font-size:.9rem}.private-contact-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.76rem}.private-unread{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#4b925e;color:#fff;font-size:.72rem;font-weight:800}.private-empty{padding:18px;line-height:1.6}.private-conversation{display:flex;flex-direction:column;min-height:580px}.private-conversation-head{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line)}.private-conversation-head h2{margin:0 0 4px;font-size:1.05rem}.private-conversation-head a{font-size:.8rem;color:#347d50;font-weight:700}.private-thread{display:flex;flex:1;flex-direction:column;gap:10px;min-height:300px;max-height:60vh;overflow:auto;padding:20px;background:linear-gradient(180deg,#f8fcf8,#f1f8f2)}.private-bubble{max-width:min(82%,560px);padding:11px 14px;border:1px solid #dfebe1;border-radius:15px 15px 15px 4px;background:#fff;box-shadow:0 3px 12px #294b3210;overflow-wrap:anywhere}.private-bubble.mine{align-self:flex-end;border-color:#d2e8d7;border-radius:15px 15px 4px 15px;background:#e7f5e9}.private-bubble p{margin:0;line-height:1.55;white-space:pre-wrap}.private-bubble time{display:block;margin-top:6px;color:#839286;text-align:right;font-size:.68rem}.private-thread-empty{margin:auto;padding:24px;text-align:center;color:var(--muted);line-height:1.6}.private-compose{padding:14px;border-top:1px solid var(--line);background:#fff}.private-compose textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:76px;border:0;background:transparent;box-shadow:none}.private-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #edf3ed}.private-compose-bottom small{color:var(--muted);font-size:.78rem}.private-no-selection{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 24px}.private-no-selection-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#e8f5ea;color:#347d50;font-size:1.8rem}.private-no-selection h2{margin:18px 0 7px}.private-no-selection p{max-width:350px;line-height:1.65}.private-no-selection .secondary-btn{margin-top:12px}
@media(max-width:850px){.private-layout{grid-template-columns:1fr}.private-conversation{min-height:500px}.private-inbox{max-height:350px;overflow:auto}.private-thread{max-height:55vh}}
@media(max-width:520px){.private-section-title{padding:15px}.private-contact{padding:12px}.private-conversation{min-height:460px}.private-conversation-head{padding:14px}.private-thread{padding:12px;min-height:270px}.private-bubble{max-width:92%}.private-compose{padding:10px}.private-compose-bottom{align-items:flex-end}}


/* Link-startpagina geïnspireerd op klassieke startpagina's */
.linkpage-hero{margin:8px 0 22px;padding:clamp(25px,4vw,42px);border:1px solid #d1e8d5;border-radius:24px;background:radial-gradient(ellipse at 0 0,#dff2e3 0,transparent 48%),linear-gradient(135deg,#fff,#f4faf5);box-shadow:var(--shadow);text-align:center}
.linkpage-hero h1{margin:8px 0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.06em}.linkpage-hero>p{margin:0;color:var(--muted)}
.linkpage-search{display:flex;align-items:center;gap:12px;max-width:760px;margin:24px auto 12px;padding:7px 8px 7px 17px;border:1px solid #cfe2d2;border-radius:17px;background:#f9fcf9;box-shadow:0 8px 25px #315d3c12;text-align:left}.linkpage-search>span{font-size:1.25rem}.linkpage-search input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:12px 0!important;font-size:1rem}.linkpage-search button{white-space:nowrap}.linkpage-popular-searches{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.82rem}.linkpage-popular-searches a{padding:5px 10px;border:1px solid #d0e0d2;border-radius:999px;background:#f8fbf8;color:#2e7045;text-decoration:none}.linkpage-popular-searches a:hover{background:#dcebdd}
.linkpage-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:24px 0 14px}.linkpage-toolbar h2{margin:4px 0 0}.linkpage-filter{display:flex;align-items:center;gap:8px;width:min(320px,100%);padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#f7fbf7;color:#477852}.linkpage-filter input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:5px!important}.linkpage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch}.link-category{margin:0;padding:19px;border-color:#d2e0d4;border-radius:0;box-shadow:none}.link-category[hidden],.link-list li[hidden]{display:none!important}.link-category-heading{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid #dce8de}.link-category-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:14px;background:#dcebdd;font-size:1.3rem}.link-category-heading h2{margin:0;font-size:1.04rem;letter-spacing:-.025em}.link-category-heading p{margin:3px 0 0;color:var(--muted);font-size:.77rem}.link-list{list-style:none;margin:9px 0 0;padding:0}.link-list li{margin:0;border-bottom:1px solid #e1ebe2}.link-list li:last-child{border-bottom:0}.link-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 3px;color:#315d3b;text-decoration:none;font-size:.9rem;transition:padding .15s ease,color .15s ease}.link-list a:hover{padding-left:8px;color:#1e7a3b}.link-arrow{color:#91b59a;font-size:.9rem}.link-empty{margin:12px 0 0;color:var(--muted);font-size:.82rem}.linkpage-note{margin:18px 0;color:var(--muted);font-size:.8rem;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.linkpage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.linkpage-grid{grid-template-columns:1fr}}
@media(max-width:650px){.linkpage-toolbar{align-items:stretch;flex-direction:column}.linkpage-filter{width:auto}.linkpage-hero{padding:24px 16px}.linkpage-search{gap:8px;padding-left:12px}.linkpage-search button{padding:10px 12px}.linkpage-search input{font-size:.9rem}}

/* Admin: linkdirectory beheren */
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.admin-form-grid label{display:flex;flex-direction:column;gap:6px}
.link-admin-category{padding:14px 0;border-top:1px solid var(--line)}
.link-admin-category .admin-section-title{align-items:center;gap:12px}
.link-admin-category h3{margin:0 0 4px;font-size:1rem}
.link-admin-category .admin-table a{overflow-wrap:anywhere}
@media(max-width:650px){.admin-form-grid{grid-template-columns:1fr}}

/* Bovenbalk met logo links en ruimte voor navigatie */
body>header.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;width:100%;min-height:82px;margin:0;padding:14px max(24px,calc((100vw - 1320px)/2));border:0;border-bottom:1px solid #cbd9cd;border-radius:0;background:#f3f8f3f2;box-shadow:0 5px 20px rgba(43,68,112,.07);backdrop-filter:blur(16px)}
.topbar .brand{flex:0 0 auto;margin:0;white-space:nowrap}.topbar-menu{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.topbar-label{display:none}.topbar nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap;flex:1;min-width:0}.topbar nav a,.topbar .navbtn{display:inline-flex;align-items:center;gap:7px;width:auto;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:#496b50;font-size:.86rem;font-weight:750;white-space:nowrap;cursor:pointer}.topbar nav a:hover,.topbar .navbtn:hover{background:#dcebdd;color:#245d39}.topbar nav form{display:inline-flex;margin:0}.topbar .menu-icon{display:none}.topbar-profile{display:flex;align-items:center;gap:9px;flex:0 0 auto;max-width:170px;padding:5px 10px 5px 5px;border:1px solid #d0dfd3;border-radius:999px;background:#e7f0e8;color:var(--ink);font-size:.85rem;font-weight:800}.topbar-profile:hover{background:#dcebdd;color:var(--ink)}.topbar-profile .avatar{width:36px;height:36px;border:2px solid #fff}.topbar-profile span:not(.avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body>header.topbar+main.container{width:min(1200px,100%);margin:30px auto 34px;padding:0 22px}body>header.topbar~footer{width:100%;margin:0;padding:26px 16px}
@media(max-width:1050px){body>header.topbar{position:relative;gap:18px;padding:13px 18px;flex-wrap:wrap}.topbar-menu{order:3;flex:1 1 100%;width:100%}.topbar nav{justify-content:flex-start}.topbar-profile{margin-left:auto}body>header.topbar+main.container{margin-top:22px}}
@media(max-width:620px){body>header.topbar{align-items:center;gap:12px;padding:12px}.topbar .brand{font-size:1.25rem}.topbar .brand:before{width:33px;height:33px;border-radius:11px}.topbar-profile{max-width:140px;font-size:.78rem}.topbar-profile .avatar{width:31px;height:31px}.topbar-menu{gap:0;align-items:flex-start;flex-direction:column}.topbar nav{justify-content:flex-start;gap:3px}.topbar nav a,.topbar .navbtn{padding:8px 9px;font-size:.8rem}.topbar nav form{display:inline-flex}body>header.topbar+main.container{padding:0 12px;margin-top:18px}}

/* Aanvullende profielvelden */
.profile-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.profile-fields-grid label{min-width:0}.profile-fields-grid input{width:100%;box-sizing:border-box;margin-top:7px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--text);font:inherit}.profile-details{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.profile-details>div{display:flex;flex-direction:column;gap:4px;min-width:130px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:#f1f7f2}.profile-details strong{font-size:.78rem;color:var(--muted)}.profile-details span{font-weight:750;color:var(--ink)}@media(max-width:520px){.profile-fields-grid{grid-template-columns:1fr}.profile-details>div{flex:1 1 100%}}

/* Beheer van beschikbare profielbewerkingsvelden */
.profile-admin-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 22px}.profile-admin-options .checkbox-label{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fbfdfb}.profile-admin-options input{width:auto;margin:0}@media(max-width:650px){.profile-admin-options{grid-template-columns:1fr}}



/* Speelsere vormgeving — Even Chillen */
:root{
  --bg:#f1f8ef;
  --surface:#ffffff;
  --ink:#263d31;
  --muted:#718477;
  --line:#dcebd9;
  --blue:#368653;
  --blue-hover:#236a3c;
  --blue-soft:#e2f5e5;
  --mint:#e2f5e5;
  --rose:#fff0f1;
  --shadow:0 10px 28px rgba(54,105,66,.08);
  --radius:22px;
}
body{
  background:
    radial-gradient(ellipse at 4% 4%,rgba(183,232,190,.42),transparent 25rem),
    radial-gradient(ellipse at 96% 18%,rgba(255,225,165,.30),transparent 22rem),
    #f5faf3;
}
body>header.topbar{
  width:calc(100% - 32px);max-width:1420px;min-height:76px;margin:14px auto 0;
  padding:12px 20px;border:1px solid #dcebd9;border-radius:24px;
  background:rgba(255,255,255,.91);box-shadow:0 10px 28px rgba(54,105,66,.08);
}
.topbar .brand{color:#287847;font-size:1.62rem;letter-spacing:-.065em}
.topbar .brand:before{width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,#8cdda0,#39a45f);box-shadow:0 6px 15px #39a45f30;transform:rotate(-5deg)}
.topbar nav a,.topbar .navbtn{border-radius:999px;padding:10px 13px;transition:background .18s ease,transform .18s ease}
.topbar nav a:hover,.topbar .navbtn:hover{background:#e5f6e6;transform:translateY(-2px)}
.topbar-profile{border-color:#d7ebd7;background:#edf8eb;border-radius:999px}
.topbar-profile:hover{background:#dff3de}
body>header.topbar+main.container{width:min(1260px,100%);margin:26px auto 38px;padding:0 22px}
.card{border:1px solid #e0ecdc;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 8px 25px rgba(48,95,57,.055);transition:box-shadow .2s ease,border-color .2s ease}
.card:hover{border-color:#d2e8d0;box-shadow:0 12px 30px rgba(48,95,57,.09)}
.linkpage-hero{position:relative;overflow:hidden;margin:8px 0 24px;padding:clamp(30px,5vw,52px);border:1px solid #d8ecd5;border-radius:30px;background:radial-gradient(circle at 8% 20%,#d8f4d9 0,transparent 33%),radial-gradient(circle at 92% 80%,#fff0c7 0,transparent 30%),linear-gradient(135deg,#fff 0%,#f7fff4 100%);box-shadow:0 14px 38px rgba(54,105,66,.08)}
.linkpage-hero:before{content:"✦";position:absolute;right:7%;top:10%;font-size:2.2rem;color:#f0c76a;opacity:.8;transform:rotate(12deg)}
.linkpage-hero h1{font-size:clamp(2.1rem,4.5vw,3.25rem);letter-spacing:-.07em}
.linkpage-hero>p{font-size:1.03rem}
.linkpage-search{border:2px solid #e0efdd;border-radius:999px;background:#fff;box-shadow:0 8px 22px rgba(45,106,60,.08);padding:7px 9px 7px 19px}
.linkpage-search:focus-within{border-color:#9ed5a5;box-shadow:0 0 0 4px #6ab97920,0 10px 25px rgba(45,106,60,.08)}
.linkpage-search button,.primary,.linkbtn2{border-radius:999px;background:linear-gradient(135deg,#50b96d,#2f8b4e);box-shadow:0 6px 14px #3a9b5928;transition:transform .18s ease,box-shadow .18s ease}
.linkpage-search button:hover,.primary:hover,.linkbtn2:hover{transform:translateY(-2px);box-shadow:0 9px 18px #3a9b5933}
.linkpage-popular-searches a{border-color:#d9ebd5;border-radius:999px;background:#fff;transition:transform .16s ease,background .16s ease}
.linkpage-popular-searches a:hover{background:#e6f7e4;transform:translateY(-1px)}
.linkpage-toolbar{margin-top:30px}
.linkpage-toolbar h2{letter-spacing:-.045em}
.linkpage-filter{border-radius:999px;background:#fff;border-color:#dcebd9;padding:8px 14px}
.linkpage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.link-category{position:relative;overflow:hidden;padding:18px 19px 14px;border:1px solid #dcebd9;border-radius:21px;background:#fff;box-shadow:0 7px 20px rgba(54,105,66,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.link-category:hover{transform:translateY(-3px);border-color:#c7e4c5;box-shadow:0 13px 27px rgba(54,105,66,.10)}
.link-category-heading{border-bottom:1px solid #e7f0e4}
.link-category-icon{border-radius:15px;background:linear-gradient(145deg,#e4f7e2,#f2f9d9);box-shadow:inset 0 0 0 1px #d9ecd5;transform:rotate(-2deg)}
.link-list li{border-bottom:1px dashed #e4eee1}
.link-list a{padding:10px 5px;border-radius:9px;color:#386847}
.link-list a:hover{padding-left:10px;background:#f1faef;color:#216b3b}
.link-arrow{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#edf8e9;color:#4c9a5e}
.profile-details>div,.profile-admin-options .checkbox-label{border-radius:16px;background:#f8fcf6;border-color:#deebda}
input,textarea{border-radius:13px;border-color:#dcebd9;background:#f8fcf7}
input:focus,textarea:focus{border-color:#8fce99;box-shadow:0 0 0 4px #69b9791a}
.flash{border-radius:15px}
.admin-tabs{border-radius:17px;border-color:#deebda;background:#fff}
.admin-tabs a{border-radius:999px}
.secondary-btn,.mini-btn{border-radius:999px}
footer{color:#829587}
::selection{background:#d8f1d7;color:#205d34}
@media(max-width:900px){.linkpage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  body>header.topbar{width:calc(100% - 20px);margin-top:10px;padding:12px;border-radius:19px}
  body>header.topbar+main.container{padding:0 12px;margin-top:18px}
  .linkpage-grid{grid-template-columns:1fr;gap:11px}
  .linkpage-hero{border-radius:23px}
  .linkpage-search{border-radius:18px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Communitymenu rechts naast de zoekhero op de startpagina */
.linkpage-top-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;align-items:stretch;gap:18px;margin:8px 0 24px}
.linkpage-top-layout .linkpage-hero{min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0}
.home-community-menu{position:static;display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px;border:1px solid #d8ecd5;border-radius:26px;background:radial-gradient(circle at 100% 0,#fff0c7 0,transparent 35%),linear-gradient(145deg,#fff,#f4fbf1);box-shadow:0 14px 34px rgba(54,105,66,.07)}
.home-community-heading{padding:3px 3px 8px}
.home-community-heading h2{margin:5px 0 4px;font-size:1.35rem;letter-spacing:-.04em}
.home-community-heading p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}
.home-community-link{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 11px;border:1px solid #e0eedc;border-radius:17px;background:rgba(255,255,255,.9);color:var(--ink);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.home-community-link:hover{transform:translateY(-2px);border-color:#bfe1bb;background:#fff;box-shadow:0 8px 18px rgba(54,105,66,.08);color:#286b3c}
.home-community-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#ddf5dd,#c9ebcc);color:#317b47;font-size:1.25rem}
.home-community-icon.chat{background:linear-gradient(145deg,#fff0c8,#ffe3a1)}
.home-community-link>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.home-community-link strong{font-size:.95rem}
.home-community-link small{color:#778b78;font-size:.75rem;line-height:1.35}
.home-community-arrow{font-size:1.15rem;color:#70a778;transition:transform .18s ease}
.home-community-link:hover .home-community-arrow{transform:translateX(3px)}
@media(max-width:850px){.linkpage-top-layout{grid-template-columns:minmax(0,1fr) 260px;gap:13px}.home-community-menu{padding:15px}.home-community-link{gap:8px;padding:11px 9px}}
@media(max-width:700px){.linkpage-top-layout{grid-template-columns:1fr;gap:13px}.linkpage-top-layout .linkpage-hero{min-height:0}.home-community-menu{border-radius:22px}.home-community-heading{padding-bottom:2px}.home-community-link{padding:12px}}

/* Grijs-groene kleurstijl — Even Chillen */
:root{
  --bg:#edf0ed;
  --surface:#fbfcfb;
  --ink:#2d3830;
  --muted:#727d74;
  --line:#d4ddd5;
  --blue:#58765e;
  --blue-hover:#405b46;
  --blue-soft:#e2e9e3;
  --mint:#e7eee8;
  --rose:#f5e9e9;
  --shadow:0 10px 28px rgba(47,63,50,.075);
  --radius:22px;
}
body{
  color:var(--ink);
  background:
    radial-gradient(ellipse at 4% 4%,rgba(190,203,191,.38),transparent 25rem),
    radial-gradient(ellipse at 96% 18%,rgba(216,224,216,.48),transparent 22rem),
    #eef1ee;
}
body>header.topbar{
  border-color:#d5ddd6;
  background:rgba(250,252,250,.94);
  box-shadow:0 10px 28px rgba(47,63,50,.075);
}
.topbar .brand{color:#49684f}
.topbar .brand:before,.mark{
  background:linear-gradient(145deg,#829b86,#58765e);
  box-shadow:0 6px 15px rgba(73,104,79,.22);
}
.topbar nav a,.topbar .navbtn{color:#526957}
.topbar nav a:hover,.topbar .navbtn:hover{background:#e2e9e3;color:#405b46}
.topbar-profile{border-color:#d4ddd5;background:#e8eee8}
.topbar-profile:hover{background:#dfe7e0}
.card,.link-category{
  border-color:#d8e0d9;
  background:rgba(251,252,251,.97);
  box-shadow:0 8px 25px rgba(47,63,50,.055);
}
.card:hover,.link-category:hover{border-color:#bdcbbf;box-shadow:0 12px 30px rgba(47,63,50,.09)}
.linkpage-hero{
  border-color:#d2dcd3;
  background:radial-gradient(circle at 8% 20%,#e0e8e1 0,transparent 33%),radial-gradient(circle at 92% 80%,#e8ece8 0,transparent 30%),linear-gradient(135deg,#fbfcfb 0%,#f0f3f0 100%);
  box-shadow:0 14px 38px rgba(47,63,50,.07);
}
.linkpage-hero:before{color:#879b8a}
.linkpage-search{border-color:#d7e0d8;box-shadow:0 8px 22px rgba(47,63,50,.07)}
.linkpage-search:focus-within{border-color:#9caf9e;box-shadow:0 0 0 4px rgba(88,118,94,.12),0 10px 25px rgba(47,63,50,.07)}
.linkpage-search button,.primary,.linkbtn2{background:linear-gradient(135deg,#718e76,#526f58);box-shadow:0 6px 14px rgba(73,104,79,.2)}
.linkpage-search button:hover,.primary:hover,.linkbtn2:hover{background:linear-gradient(135deg,#607c65,#405b46);box-shadow:0 9px 18px rgba(73,104,79,.24)}
.linkpage-popular-searches a{border-color:#d5ded6;background:#fbfcfb}
.linkpage-popular-searches a:hover{background:#e7ede8}
.linkpage-filter{background:#fbfcfb;border-color:#d4ddd5}
.link-category-heading{border-bottom-color:#e0e6e0}
.link-category-icon{background:linear-gradient(145deg,#e1e9e2,#edf1ed);box-shadow:inset 0 0 0 1px #d6dfd7}
.link-list li{border-bottom-color:#e2e8e2}
.link-list a{color:#526f58}
.link-list a:hover{background:#eef2ee;color:#405b46}
.link-arrow{background:#e7eee8;color:#58765e}
.profile-details>div,.profile-admin-options .checkbox-label{background:#f4f7f4;border-color:#d8e0d9}
input,textarea{border-color:#d4ddd5;background:#f5f7f5}
input:focus,textarea:focus{border-color:#91a995;box-shadow:0 0 0 4px rgba(88,118,94,.12)}
.flash{border-color:#d0ddd1;background:#e7eee8;color:#405b46}
.flash.error{border-color:#e5d1d1;background:#f5e9e9;color:#9a5555}
.placeholder{border-color:#d4ddd5;background:linear-gradient(135deg,#e2e9e3,#d4ded5);color:#526f58}
.comment{background:#edf2ed}
.comment-form button{background:#e2e9e3;color:#405b46}
.comment-form button:hover{background:#d7e2d8}
.side-menu-profile{border-color:#d5ddd6;background:linear-gradient(145deg,#f2f5f2,#e5ebe6)}
.side-menu-profile:hover{background:#e2e9e3}
.side-menu nav a,.side-menu .navbtn{color:#526957}
.side-menu nav a:hover,.side-menu .navbtn:hover{background:#e2e9e3;color:#405b46}
.menu-icon{background:#e2e9e3;color:#58765e}
.side-menu-dot{background:#718e76;box-shadow:0 0 0 4px #e7eee8}
footer{color:#7c887e}
::selection{background:#dbe5dc;color:#354c39}

/* Kleurrijke, vrolijke stijl voor Even Chillen */
:root{--bg:#f4f2ff;--surface:#ffffff;--ink:#26304a;--muted:#73758c;--line:#e3def5;--blue:#6554c0;--blue-hover:#4c3ca6;--blue-soft:#eee9ff;--mint:#e8f8ef;--rose:#fff0f4;--shadow:0 12px 34px rgba(78,58,145,.10);--radius:20px}
body{background:radial-gradient(ellipse at 7% 0%,rgba(255,204,220,.55),transparent 30rem),radial-gradient(ellipse at 95% 10%,rgba(190,230,255,.55),transparent 32rem),radial-gradient(ellipse at 60% 100%,rgba(210,250,224,.5),transparent 35rem),var(--bg)}
body>header.topbar{border-bottom-color:#e4ddf5;background:rgba(255,255,255,.88);box-shadow:0 5px 22px rgba(86,65,150,.08)}
.brand{color:#5d4bc0}.brand:before{background:linear-gradient(140deg,#ff8eb4,#8a78ee 58%,#61c8b2);box-shadow:0 6px 14px #8a78ee35}
.topbar-profile{border-color:#e4ddf5;background:linear-gradient(120deg,#fff0f6,#f0edff)}
.topbar-profile:hover{background:#e8e1ff}.topbar nav a,.topbar .navbtn{color:#5c5484}.topbar nav a:hover,.topbar .navbtn:hover{background:#eee9ff;color:#4c3ca6}
.card{border-color:#e6e0f6;box-shadow:var(--shadow)}
.primary,.linkbtn2{background:linear-gradient(120deg,#ff8cae,#8b78ee);box-shadow:0 7px 16px #8b78ee2c}.primary:hover,.linkbtn2:hover{background:linear-gradient(120deg,#f36f9a,#6b56d4);box-shadow:0 10px 22px #8b78ee42}
input,textarea{border-color:#e4def5;background:#faf9ff}input:focus,textarea:focus{border-color:#9e90f1;box-shadow:0 0 0 3px #8b78ee22}
.hero{border-color:#f2d6e8;background:radial-gradient(ellipse at 0 0,#ffe0eb 0,transparent 43%),radial-gradient(ellipse at 100% 100%,#d9f7e9 0,transparent 40%),radial-gradient(ellipse at 90% 0,#e3ddff 0,transparent 40%),#fff;box-shadow:0 22px 55px #8b78ee18}
.mark{background:linear-gradient(140deg,#ff8eb4,#8b78ee 60%,#5fc9b2);box-shadow:0 10px 22px #8b78ee38}
.hero h1 span{background:linear-gradient(90deg,#f36f9a,#7964df,#38a98e);background-clip:text;-webkit-background-clip:text;color:transparent}
.eyebrow{color:#8069dc}.flash{border-color:#c7efda;background:#e5f9ee;color:#247b56}.flash.error{border-color:#ffd4e1;background:#fff0f4;color:#c54469}
.placeholder{border-color:#f0d9ed;background:linear-gradient(135deg,#ffe0ed,#e4e0ff);color:#7359c8}
.composer textarea{background:#f1edff}.actions{border-color:#eee8f8}.comment{background:#f3efff}.comment-form button{background:#e9e2ff;color:#5846b5}.comment-form button:hover{background:#ded4ff}
.linkpage-hero{border-color:#e8ddf7;background:radial-gradient(ellipse at 0 0,#ffe0ed 0,transparent 48%),radial-gradient(ellipse at 100% 100%,#d9f7e9 0,transparent 42%),linear-gradient(135deg,#fff,#f6f3ff)}
.linkpage-search{border-color:#e3daf8;background:#fff;box-shadow:0 8px 25px #8069dc16}.linkpage-popular-searches a{border-color:#e7def8;background:#f8f5ff;color:#6250bb}.linkpage-popular-searches a:hover{background:#eee7ff}
.linkpage-grid{gap:12px}.link-category{overflow:hidden;border:1px solid #e6e0f6;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(78,58,145,.07);transition:transform .18s ease,box-shadow .18s ease}.link-category:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(78,58,145,.13)}
.link-category:nth-child(5n+1) .link-category-icon{background:#ffe1ec;color:#c94f7c}.link-category:nth-child(5n+2) .link-category-icon{background:#e4e0ff;color:#6554c0}.link-category:nth-child(5n+3) .link-category-icon{background:#d9f7e8;color:#25835d}.link-category:nth-child(5n+4) .link-category-icon{background:#ffedcf;color:#b7791f}.link-category:nth-child(5n+5) .link-category-icon{background:#dff2ff;color:#2879b5}
.link-category:nth-child(5n+1) .link-category-heading{border-color:#f5d8e4}.link-category:nth-child(5n+2) .link-category-heading{border-color:#e2dcff}.link-category:nth-child(5n+3) .link-category-heading{border-color:#d6f0e2}.link-category:nth-child(5n+4) .link-category-heading{border-color:#f6e6c8}.link-category:nth-child(5n+5) .link-category-heading{border-color:#d7ebfa}
.link-list li{border-color:#f0edf7}.link-list a{color:#4c466e}.link-list a:hover{color:#6554c0}.link-arrow{color:#a397d9}
.profile-details>div{border-color:#e5def7;background:linear-gradient(135deg,#faf8ff,#fff)}.profile-admin-options .checkbox-label{border-color:#e5def7;background:#fcfbff}
.side-menu-profile{border-color:#eadff7;background:linear-gradient(145deg,#fff0f6,#eeeaff)}.side-menu-profile:hover{background:#f4e8ff}.side-menu nav a,.side-menu .navbtn{color:#5c5484}.side-menu nav a:hover,.side-menu .navbtn:hover{background:#eee9ff;color:#4c3ca6}.menu-icon{background:#eae5ff;color:#6554c0}.side-menu-dot{background:#45c69a;box-shadow:0 0 0 4px #e0f8ed}
@media(max-width:900px){.link-category{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.link-category,.primary,.linkbtn2{transition:none}.link-category:hover,.primary:hover,.linkbtn2:hover{transform:none}}

/* Forum: kleurrijke, vriendelijke community-stijl */
.forum-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 24px;padding:28px 30px;border:1px solid #e3d9ff;border-radius:26px;background:radial-gradient(circle at 95% 10%,#ffe1ee 0,transparent 32%),linear-gradient(125deg,#f1eaff,#e6f8f0 72%,#fff7d9);box-shadow:0 12px 30px rgba(104,76,160,.07)}
.forum-hero h1{margin:6px 0;font-size:clamp(2rem,4vw,2.7rem);letter-spacing:-.05em}.forum-hero p{margin:0;color:var(--muted)}.forum-hero-bubble{display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;border-radius:25px;background:linear-gradient(145deg,#fff,#f8dff0);font-size:2.4rem;box-shadow:0 8px 20px #a889c51c}
.forum-login-note{margin-bottom:22px;padding:20px 23px;background:linear-gradient(120deg,#fff8df,#fff 70%)}.forum-login-note p{margin:6px 0 14px;color:var(--muted)}.forum-create{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:26px;margin-bottom:28px;padding:24px}.forum-create h2{margin:5px 0}.forum-create p{line-height:1.5}.forum-create form,.forum-reply-form form{display:flex;flex-direction:column;gap:10px}.forum-create label,.forum-reply-form label{font-weight:650;font-size:.9rem}.forum-create input,.forum-create select,.forum-create textarea,.forum-reply-form textarea{width:100%;min-width:0;border:1px solid #d9e4db;border-radius:13px;background:#fff;padding:12px 14px;color:var(--ink);font:inherit}.forum-create textarea,.forum-reply-form textarea{resize:vertical}.forum-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.forum-category{display:flex;align-items:center;gap:13px;min-width:0;padding:16px;border:1px solid #e4e5fa;border-radius:19px;background:linear-gradient(120deg,#fff,#f8f5ff);color:var(--ink);text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.forum-category:nth-child(2n){background:linear-gradient(120deg,#fff,#effaf4);border-color:#d9eee2}.forum-category:hover,.forum-topic-row:hover{transform:translateY(-2px);box-shadow:0 9px 22px #4c59600e;border-color:#c9d9ff}.forum-category-icon,.forum-topic-row-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:#eae4ff;font-size:1.5rem}.forum-category:nth-child(2n) .forum-category-icon{background:#dff6e7}.forum-category-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.forum-category-text strong{font-size:1rem}.forum-category-text small{color:var(--muted);font-size:.8rem;line-height:1.4}.forum-category-count{font-size:.73rem;color:#6b7280;white-space:nowrap}.forum-topic-list-section,.forum-category-section{margin:28px 0}.forum-topic-list{display:flex;flex-direction:column;gap:9px}.forum-topic-row{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid #e6e8ee;border-radius:17px;background:#fff;color:var(--ink);text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.forum-topic-row-icon{flex-basis:42px;width:42px;height:42px;border-radius:14px;font-size:1.25rem;background:#fff0d7}.forum-topic-row-main{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.forum-topic-row-main strong{overflow-wrap:anywhere}.forum-topic-row-main small,.forum-topic-row-replies small{color:var(--muted);font-size:.77rem;line-height:1.4}.forum-topic-row-replies{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:100px;font-size:.85rem}.forum-breadcrumb{margin:0 0 15px;color:var(--muted);font-size:.9rem}.forum-breadcrumb a{font-weight:650;text-decoration:none}.forum-topic{padding:24px}.forum-topic-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.forum-topic-heading h2{margin:5px 0 18px;font-size:clamp(1.45rem,3vw,2rem);overflow-wrap:anywhere}.forum-status{padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.forum-status.open{color:#287448;background:#e4f8eb}.forum-status.locked{color:#8a5a12;background:#fff1d6}.forum-author{margin:8px 0 16px}.forum-author strong a{color:var(--ink);text-decoration:none}.forum-body{line-height:1.75;overflow-wrap:anywhere;white-space:normal}.forum-moderation{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.forum-moderation form{margin:0}.forum-replies-heading{display:flex;align-items:center;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid #edf0f0}.forum-replies-heading h3{margin:0}.forum-replies-heading span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:10px;background:#eee8ff;color:#6554a0;font-size:.8rem;font-weight:700}.forum-no-replies{padding:10px 0}.forum-reply{margin-top:12px;padding:16px;border:1px solid #e9e9f1;border-radius:17px;background:#fcfbff}.forum-reply:nth-of-type(even){background:#f7fcf8}.forum-reply .forum-body{padding-left:2px}.forum-delete-reply{margin-top:8px}.text-danger{padding:3px 0;border:0;background:transparent;color:#b33b50;font:inherit;font-size:.8rem;cursor:pointer}.danger-btn{border:1px solid #f0c7ce;border-radius:12px;padding:9px 12px;background:#fff0f2;color:#a32e42;font:inherit;font-weight:650;cursor:pointer}.forum-reply-form{margin-top:24px;padding-top:20px;border-top:1px solid #edf0f0}.forum-reply-form h3{margin-top:0}.forum-locked-note{margin-top:20px;padding:12px 15px;border-radius:13px;background:#fff4d9;color:#815b20}.forum-locked-note a{font-weight:700}
.home-community-icon.forum{background:linear-gradient(145deg,#e9e1ff,#f9dff0)}
@media(max-width:700px){.forum-hero{padding:22px;border-radius:22px}.forum-hero-bubble{flex-basis:56px;width:56px;height:56px;font-size:1.8rem;border-radius:18px}.forum-create{grid-template-columns:1fr;gap:14px;padding:18px}.forum-categories{grid-template-columns:1fr}.forum-category{padding:13px}.forum-category-count{font-size:.68rem}.forum-topic{padding:17px}.forum-topic-row{align-items:flex-start;padding:12px;gap:9px}.forum-topic-row-replies{min-width:54px;font-size:.75rem}.forum-topic-row-replies small{max-width:90px;text-align:right}.forum-topic-row-main small{font-size:.72rem}.forum-topic-heading{flex-direction:column;gap:4px}.forum-topic-heading h2{margin-bottom:8px}}

/* Eigen website-logo, instelbaar via het adminpaneel */
.brand.has-site-logo:before{display:none}.brand .site-logo{display:block;width:auto;height:auto;max-width:210px;max-height:48px;object-fit:contain;border-radius:0;box-shadow:none}.site-logo-preview{margin:16px 0;padding:18px;border:1px dashed var(--line,#d7e2d9);border-radius:14px;background:var(--surface,#f8faf8)}.site-logo-preview img{display:block;max-width:min(100%,320px);max-height:140px;object-fit:contain}.site-logo-preview p{margin:0 0 12px}.admin-tabs a{white-space:nowrap}
@media(max-width:620px){.brand .site-logo{max-width:145px;max-height:40px}}


/* Adminpaneel: vaste navigatiekolom links met inhoud rechts */
.admin-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start;margin:0 0 28px}
.admin-tabs{display:flex;flex-direction:column;gap:5px;flex-wrap:nowrap;margin:0;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff);box-shadow:0 8px 24px rgba(40,65,48,.06);position:sticky;top:18px}
.admin-tabs a{display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:11px;color:var(--text,#536258);font-size:.9rem;font-weight:750;white-space:normal;text-decoration:none}
.admin-tabs a:hover{background:#edf5ee;color:#3f7650}
.admin-tabs a.selected{background:linear-gradient(135deg,#dff4e4,#e7e8ff);color:#355f42}
.admin-content{min-width:0}
.admin-content>.card:first-child{margin-top:0}
@media(max-width:800px){.admin-layout{grid-template-columns:1fr;gap:14px}.admin-tabs{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:9px}.admin-tabs a{font-size:.82rem;padding:9px 10px}.admin-head{margin-bottom:14px}}
@media(max-width:430px){.admin-tabs{grid-template-columns:1fr 1fr}.admin-tabs a{font-size:.78rem}}

/* Emoji-picker voor berichten, reacties en chat */
.emoji-tools{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:7px 0 12px}
.emoji-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:var(--surface,#fff);color:var(--text,#46534a);padding:7px 12px;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer;box-shadow:0 2px 7px rgba(40,65,48,.05)}
.emoji-toggle:hover,.emoji-toggle:focus-visible{border-color:#8ab79a;background:#eef8f0;outline:2px solid transparent}
.emoji-picker{position:relative;z-index:30;display:grid;grid-template-columns:repeat(8,minmax(30px,1fr));gap:4px;width:min(100%,330px);padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff);box-shadow:0 12px 32px rgba(31,48,36,.16)}
.emoji-picker[hidden]{display:none}
.emoji-choice{display:flex;align-items:center;justify-content:center;min-width:30px;min-height:32px;padding:3px;border:0;border-radius:8px;background:transparent;font-size:1.25rem;cursor:pointer}
.emoji-choice:hover,.emoji-choice:focus-visible{background:#e5f4e8;outline:2px solid #9bc7a5}
@media(max-width:480px){.emoji-picker{grid-template-columns:repeat(7,minmax(28px,1fr));width:100%}.emoji-choice{min-height:34px}}


/* Accountbeveiliging en tweestapsverificatie */
.security-page{max-width:760px;margin:24px auto;}
.security-page h1{margin-top:8px;}
.security-page h2{margin-top:24px;}
.security-page label{display:block;margin:14px 0;font-weight:600;}
.security-page input{display:block;width:100%;margin-top:6px;}
.security-status{padding:16px;border-radius:16px;background:#f2f4f2;border:1px solid #dce3dc;margin:20px 0;}
.security-status.enabled{background:#e8f7ec;border-color:#b8dfc2;color:#225b34;}
.security-status p{margin-bottom:0;}
.security-recovery{padding:18px;border:1px solid #e9c36b;background:#fff8e7;border-radius:16px;margin:18px 0;}
.recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;}
.recovery-codes code{padding:9px;background:#fff;border:1px solid #e9dfc8;border-radius:8px;text-align:center;font-weight:700;letter-spacing:.06em;}
.security-uri{overflow-wrap:anywhere;white-space:normal;}
.security-page details{margin:14px 0;}
@media(max-width:520px){.recovery-codes{grid-template-columns:1fr 1fr}.security-page{padding:18px;}}


/* Accountinstellingen: linkerzijmenu voor profiel en beveiliging */
.account-settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:20px;max-width:1050px;margin:24px auto 36px}
.account-settings-nav{position:sticky;top:18px;display:flex;flex-direction:column;gap:7px;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}
.account-settings-label{padding:4px 10px 8px;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.15em}
.account-settings-nav a{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:12px;color:var(--muted);font-weight:750;transition:background .15s,color .15s}
.account-settings-nav a:hover,.account-settings-nav a.active{background:var(--blue-soft);color:var(--blue-hover)}
.account-settings-nav a span{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:9px;background:#e8f0e9;font-size:1rem}
.account-settings-nav a.active span{background:#fff}
.account-settings-content{min-width:0}
.account-settings-content .auth,.account-settings-content .security-page{width:100%;max-width:none;margin:0}
.account-settings-content .profile>.avatar{margin-top:4px}
@media(max-width:760px){.account-settings-layout{grid-template-columns:minmax(0,1fr);gap:12px;margin:18px auto 28px}.account-settings-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px;gap:5px}.account-settings-label{flex:0 0 100%;padding:2px 8px}.account-settings-nav a{flex:1 1 auto;justify-content:center;padding:10px}.account-settings-nav a span{width:auto;height:auto;background:transparent}.account-settings-content .auth,.account-settings-content .security-page{padding:clamp(18px,4vw,30px)}}

/* QR-code voor authenticator-koppeling */
.totp-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin:18px auto 22px;padding:18px;background:#fff;border:1px solid #dce5dd;border-radius:18px;max-width:280px}
.totp-qrcode{width:220px;min-height:220px;display:flex;align-items:center;justify-content:center;background:#fff;padding:8px;border-radius:10px}
.totp-qrcode img,.totp-qrcode canvas,.totp-qrcode svg{max-width:100%;height:auto!important;image-rendering:pixelated}
.totp-qr-wrap .muted{margin:0;text-align:center}

/* Berichten-slider op de startpagina */
.linkpage-top-layout{grid-template-columns:minmax(0,1fr) 292px}
.home-message-slider{min-width:0;margin:0;padding:clamp(18px,2.5vw,28px);border:1px solid #d8e4d9;border-radius:26px;background:radial-gradient(circle at 5% 0,#e7f6e8 0,transparent 36%),linear-gradient(145deg,#fff,#f8fbf8);box-shadow:var(--shadow);overflow:hidden}
.home-slider-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.home-slider-header h1{margin:5px 0;font-size:clamp(1.65rem,3vw,2.4rem);letter-spacing:-.055em}
.home-slider-header p{margin:0;color:var(--muted);font-size:.93rem}
.home-slider-controls{display:flex;gap:7px;flex-shrink:0}
.slider-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d4e2d5;border-radius:14px;background:#fff;color:#426b49;font-size:1.8rem;line-height:1;cursor:pointer}
.slider-arrow:hover{background:#e6f3e7;border-color:#aacdaf}
.home-slider-composer{padding:13px;border:1px solid #dce8dd;border-radius:18px;background:rgba(255,255,255,.88);margin-bottom:18px}
.home-slider-composer textarea{display:block;width:100%;resize:vertical;min-height:58px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;padding:5px 4px}
.home-composer-bottom{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:9px;border-top:1px solid #edf1ed}
.home-composer-bottom .file{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border-radius:12px;background:#f0f6f0;color:#426b49;font-size:.82rem;cursor:pointer}
.home-composer-bottom .file input{max-width:180px;font-size:.75rem}
.home-composer-bottom small{color:var(--muted);font-size:.75rem;margin-right:auto}
.home-composer-bottom .primary{padding:9px 13px}
.home-slider-join{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;margin-bottom:18px;border-radius:18px;background:#f1f7f1}
.home-slider-join>span{font-size:1.8rem}.home-slider-join p{flex:1;min-width:140px;margin:0;color:var(--muted);font-size:.85rem}.home-slider-join p strong{color:var(--ink)}
.home-slider-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 12px;overscroll-behavior-x:contain;scrollbar-width:none;scrollbar-color:#b7cdb9 transparent;scrollbar-width:none}.home-slider-track::-webkit-scrollbar{display:none}
.home-slider-card{display:flex;flex:0 0 calc((100% - 14px)/2);box-sizing:border-box;flex-direction:column;min-width:0;min-height:190px;scroll-snap-align:start;padding:16px;border:1px solid #e0e9e0;border-radius:19px;background:#fff;box-shadow:0 6px 18px rgba(45,70,49,.045)}
.home-slider-author{display:flex;align-items:center;gap:9px}.home-slider-author>div{display:flex;flex-direction:column;gap:3px;min-width:0}.home-slider-author strong{font-size:.9rem}.home-slider-author strong a{color:var(--ink);text-decoration:none}.home-slider-author small{color:var(--muted);font-size:.75rem}.home-slider-author .avatar{width:76px;height:76px;flex:0 0 76px;border-radius:12px;object-fit:cover}
.home-slider-body{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin:13px 0;color:#3d4940;line-height:1.5;font-size:.91rem;white-space:normal}
.home-slider-image{display:block;max-width:100%;max-height:150px;object-fit:cover;border-radius:12px;margin:2px 0 10px}
.home-slider-view{margin-top:auto;padding-top:12px;color:#4d7954;font-size:.82rem;font-weight:650;text-decoration:none}.home-slider-view:hover{text-decoration:underline}
.home-slider-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:150px;text-align:center;color:var(--muted)}.home-slider-empty span{font-size:2rem}.home-slider-empty strong{color:var(--ink)}.home-slider-empty p{margin:5px 0;font-size:.87rem}
.home-slider-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #e8eee8;color:var(--muted);font-size:.8rem}.home-slider-footer a{color:#4d7954;font-weight:650;text-decoration:none}
@media(max-width:850px){.linkpage-top-layout{grid-template-columns:minmax(0,1fr) 260px}.home-composer-bottom .file input{max-width:130px}}
@media(max-width:700px){.linkpage-top-layout{grid-template-columns:1fr}.home-message-slider{border-radius:22px;padding:16px}.home-slider-header{gap:8px}.home-slider-header h1{font-size:1.7rem}.home-slider-header p{font-size:.86rem}.slider-arrow{width:35px;height:35px}.home-slider-card{flex-basis:100%;padding:14px}.home-slider-join .primary,.home-slider-join .secondary-btn{padding:8px 10px}.home-composer-bottom .file{max-width:100%;flex-wrap:wrap}.home-composer-bottom .file input{max-width:145px}}

/* Apart formulier voor berichten in de startpagina-slider */
.home-slider-compose-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin-bottom:18px;border:1px solid #dce8dd;border-radius:18px;background:rgba(255,255,255,.9)}
.home-slider-compose-cta strong{display:block;color:var(--ink);font-size:.98rem}
.home-slider-compose-cta p{margin:4px 0 0;color:var(--muted);font-size:.86rem}
.slider-post-page{max-width:760px;margin:24px auto;padding:clamp(20px,4vw,36px);border-radius:24px}
.slider-post-page h1{margin:10px 0 8px;font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:-.04em}
.slider-post-page>.muted{line-height:1.6}
.slider-cooldown-notice{margin-top:22px;padding:18px 20px;border-radius:16px;background:#fff5dc;border:1px solid #f0dca2;color:#77581c}
.slider-cooldown-notice p{margin:6px 0 0;line-height:1.55}
.back-link{display:inline-block;margin-bottom:22px;color:#4d7954;text-decoration:none;font-weight:650}
.slider-post-author{display:flex;align-items:center;gap:10px;padding:14px 0 18px}
.slider-post-author>div{display:flex;flex-direction:column;gap:3px}
.slider-post-author small{font-size:.8rem;color:var(--muted)}
.slider-post-form{padding:18px;border:1px solid #dce8dd;border-radius:18px;background:#fbfdfb}
.slider-post-form>label{display:block;margin-bottom:8px;font-weight:700}
.slider-post-form textarea{display:block;width:100%;min-height:180px;resize:vertical;border:1px solid #dce8dd;border-radius:13px;background:#fff;padding:13px;color:var(--ink);font:inherit;line-height:1.5}
.slider-post-form textarea:focus{outline:2px solid #9ac8a1;outline-offset:1px}
.slider-post-form-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.slider-post-form-footer small{color:var(--muted);margin-right:auto}
@media(max-width:600px){.home-slider-compose-cta{align-items:flex-start;flex-direction:column}.slider-post-page{margin:12px auto;padding:18px}.slider-post-form{padding:12px}.slider-post-form-footer .primary{width:100%}}

/* Popupvenster voor het plaatsen van sliderberichten */
.home-slider-compose-cta .primary{border:0;cursor:pointer;font:inherit;font-weight:700;text-decoration:none;white-space:nowrap}
.slider-modal-backdrop[hidden]{display:none!important}
.slider-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(24,34,26,.58);backdrop-filter:blur(5px);overflow-y:auto}
.slider-modal-dialog{position:relative;width:min(100%,650px);max-height:min(90vh,850px);overflow-y:auto;padding:clamp(22px,4vw,34px);border:1px solid #dce8dd;border-radius:24px;background:linear-gradient(145deg,#fff,#f8fbf8);box-shadow:0 24px 80px rgba(13,31,16,.25);outline:none}
.slider-modal-dialog h2{margin:7px 42px 8px 0;font-size:clamp(1.65rem,4vw,2.15rem);letter-spacing:-.04em}
.slider-modal-dialog>.muted{margin:0;line-height:1.55}
.slider-modal-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #dce8dd;border-radius:13px;background:#fff;color:#35563b;font-size:1.8rem;line-height:1;cursor:pointer}
.slider-modal-close:hover{background:#eaf4eb}
body.slider-modal-open{overflow:hidden}
.slider-modal-dialog .slider-post-author{padding:14px 0 18px}
.slider-modal-dialog .slider-post-form{background:#fff}
.slider-modal-dialog .slider-post-form textarea{min-height:150px}
@media(max-width:600px){.slider-modal-backdrop{align-items:flex-end;padding:8px}.slider-modal-dialog{width:100%;max-height:92vh;padding:22px 16px;border-radius:22px 22px 16px 16px}.home-slider-compose-cta .primary{width:100%}.slider-modal-dialog .slider-post-form-footer .primary{width:100%}}

/* Dropdown voor privéberichten in het bovenmenu */
.pm-nav-dropdown{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.topbar nav .pm-nav-toggle{display:inline-flex;align-items:center;gap:7px;width:auto;padding:10px 13px;border:0;border-radius:999px;background:transparent;color:#496b50;font-size:.86rem;font-weight:750;white-space:nowrap;cursor:pointer;transition:background .18s ease,transform .18s ease}
.topbar nav .pm-nav-toggle:hover,.topbar nav .pm-nav-toggle[aria-expanded="true"]{background:#e2e9e3;color:#405b46}
.pm-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#58765e;color:#fff;font-size:.72rem;font-weight:850;line-height:1}
.pm-nav-chevron{font-size:.9rem;opacity:.7;transition:transform .15s ease}
.pm-nav-toggle[aria-expanded="true"] .pm-nav-chevron{transform:rotate(180deg)}
.pm-nav-panel{position:absolute;z-index:100;top:calc(100% + 12px);left:0;width:min(340px,calc(100vw - 24px));padding:14px;border:1px solid #d8e2d9;border-radius:17px;background:#fff;box-shadow:0 18px 48px rgba(34,55,39,.18);color:#28392d;text-align:left}
.pm-nav-panel[hidden]{display:none}
.pm-nav-summary{margin:0 0 10px;padding:10px 11px;border-radius:10px;background:#edf5ee;color:#365c3e;font-size:.86rem;font-weight:750}
.pm-nav-items{display:grid;gap:5px;max-height:300px;overflow:auto}
.pm-nav-empty{margin:0;padding:13px 8px;color:#778278;font-size:.84rem;text-align:center}
.topbar nav a.pm-nav-message{display:flex;flex-direction:column;align-items:stretch;gap:5px;width:100%;padding:10px;border-radius:11px;background:#f8faf8;color:#2c3b30;white-space:normal;text-decoration:none}
.topbar nav a.pm-nav-message:hover{background:#edf5ee;transform:none}
.pm-nav-message-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pm-nav-message-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.83rem}
.pm-nav-message-head small{flex:0 0 auto;color:#78847a;font-size:.72rem;font-weight:500}
.pm-nav-message-body{display:-webkit-box;overflow:hidden;color:#68746a;font-size:.8rem;font-weight:500;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.topbar nav a.pm-nav-all{display:block;margin-top:8px;padding:10px;border-top:1px solid #e8eee8;border-radius:0;color:#47734e;font-size:.82rem;font-weight:800;white-space:normal}
.topbar nav a.pm-nav-all:hover{transform:none;background:#f4f8f4}
@media(max-width:1050px){.pm-nav-dropdown{display:inline-flex}.pm-nav-panel{left:0}}
@media(max-width:620px){.pm-nav-dropdown{max-width:100%}.topbar nav .pm-nav-toggle{padding:8px 9px;font-size:.8rem}.pm-nav-panel{position:absolute;left:0;top:calc(100% + 8px);width:min(330px,calc(100vw - 24px))}}

/* Donkerder grijs-groen kleurenschema — oktober 2026 */
:root{
  --bg:#dce3dc;
  --surface:#edf1ed;
  --ink:#203027;
  --muted:#596b5d;
  --line:#b8c6ba;
  --blue:#326b43;
  --blue-hover:#214f30;
  --blue-soft:#d0dfd2;
  --mint:#d7e5d8;
  --rose:#f4e2e4;
  --shadow:0 12px 30px rgba(28,48,32,.12);
}
body{background:radial-gradient(ellipse at 8% 0%,rgba(155,181,159,.42),transparent 32rem),#dce3dc;color:var(--ink)}
body>header.topbar{background:rgba(224,232,224,.97);border-bottom-color:#aebdaf;box-shadow:0 5px 20px rgba(28,48,32,.12)}
.topbar nav a,.topbar .navbtn,.topbar nav .pm-nav-toggle{color:#35583d}
.topbar nav a:hover,.topbar .navbtn:hover,.topbar nav .pm-nav-toggle:hover,.topbar nav .pm-nav-toggle[aria-expanded="true"]{background:#cbdacD;color:#214f30}
.topbar-profile{background:#d4e0d5;border-color:#aebdaf}
.topbar-profile:hover{background:#c6d6c8}
.brand{color:#326b43}
.brand:before,.mark{background:linear-gradient(140deg,#527d5c,#326b43);box-shadow:0 7px 16px rgba(38,91,51,.24)}
.card,.home-slider-card{background:#edf1ed;border-color:#bdc9be;box-shadow:var(--shadow)}
input,textarea,.comment-form input,.linkpage-search,.linkpage-filter{background:#e3e9e3;color:var(--ink);border-color:#b8c6ba}
input:focus,textarea:focus{border-color:#6f9b78;background:#f4f7f4;box-shadow:0 0 0 3px rgba(50,107,67,.16)}
.primary,.linkbtn2{background:linear-gradient(135deg,#527d5c,#326b43);box-shadow:0 7px 15px rgba(38,91,51,.22)}
.primary:hover,.linkbtn2:hover{background:linear-gradient(135deg,#3e6948,#214f30);box-shadow:0 10px 20px rgba(38,91,51,.28)}
.hero,.linkpage-hero{border-color:#b6c8b8;background:radial-gradient(ellipse at 10% 0%,#cbdccc 0,transparent 40%),radial-gradient(ellipse at 95% 100%,#c5d8c7 0,transparent 36%),#e6ece6;box-shadow:var(--shadow)}
.home-message-slider{border-color:#b6c6b8;background:radial-gradient(circle at 5% 0,#d4e3d5 0,transparent 36%),linear-gradient(145deg,#e9eee9,#e0e8e0);box-shadow:var(--shadow)}
.home-slider-card{background:#f0f3f0;border-color:#c2cec3}
.home-slider-compose-cta,.home-slider-join{background:#d5e1d6;border-color:#b8c8ba}
.home-slider-compose-cta p,.home-slider-join p{color:#536657}
.home-slider-body{color:#34463a}
.slider-arrow{background:#e7ede7;border-color:#b5c5b7;color:#315c3b}
.slider-arrow:hover{background:#cfdfd1;border-color:#89a88e}
.link-category{background:#e8ede8;border-color:#bcc9bd}
.link-category-icon,.menu-icon{background:#d0dfd2;color:#326b43}
.link-category-heading,.link-list li{border-color:#c8d3c9}
.link-list a{color:#315d3b}
.linkpage-search button,.linkpage-popular-searches a{background:#dce6dd;border-color:#b7c7b9;color:#2c5d38}
.flash{background:#d7e7d9;border-color:#abc6ae;color:#245d34}
.flash.error{background:#f1dfe1;border-color:#d8b2b7;color:#923e4b}
.comment{background:#dbe5dc}
.comment-form button{background:#cfdfd1;color:#214f30}
.profile-details>div,.profile-admin-options .checkbox-label{background:#e3eae3;border-color:#bdc9be}
.account-settings-nav,.account-settings-content,.pm-nav-panel{border-color:#bdc9be}
.pm-nav-panel{background:#edf1ed;color:#26392b}
.pm-nav-summary{background:#d7e4d8;color:#2d5838}
.topbar nav a.pm-nav-message{background:#e3e9e3;color:#26392b}
.topbar nav a.pm-nav-message:hover,.topbar nav a.pm-nav-all:hover{background:#d3e0d4}
.pm-nav-message-body,.pm-nav-message-head small{color:#586a5c}
.pm-nav-count{background:#326b43}
.slider-modal-dialog{background:linear-gradient(145deg,#edf1ed,#e1e9e1);border-color:#b9c8bb}
.slider-modal-close{background:#e4ebe4;border-color:#b8c8ba;color:#2c5235}
.slider-modal-close:hover{background:#d1e0d3}
.slider-post-form{background:#e6ece6;border-color:#becbbe}
.slider-post-form textarea{background:#f0f4f0;border-color:#becbbe}
.slider-cooldown-notice{background:#ece5d2;border-color:#d2c49c;color:#62512b}
footer{color:#617365}
::selection{background:#b9d2bd;color:#1d4027}

/* Klassieke forumopmaak: compacte tabellen, duidelijke rubrieken en laatste activiteit */
.forum-hero{margin:8px 0 18px;padding:20px 24px;border:1px solid #aebfae;border-radius:5px;background:#e1e9e1;box-shadow:none}
.forum-hero h1{font-size:1.9rem;letter-spacing:-.025em}.forum-hero p{color:#526555}.forum-hero-bubble{width:54px;height:54px;flex-basis:54px;border-radius:5px;background:#c9d8ca;box-shadow:none;font-size:1.8rem}
.forum-login-note,.forum-create,.forum-topic,.forum-reply-form{border:1px solid #b9c8ba;border-radius:5px;background:#eef2ee;box-shadow:none}
.forum-login-note{padding:15px 18px}.forum-create{grid-template-columns:minmax(170px,.65fr) minmax(0,1.35fr);gap:20px;padding:18px;margin-bottom:22px}.forum-create h2{font-size:1.15rem;letter-spacing:-.02em}.forum-create input,.forum-create select,.forum-create textarea,.forum-reply-form textarea{border:1px solid #bdcbbf;border-radius:4px;background:#fbfcfb}.forum-create .primary,.forum-reply-form .primary{align-self:flex-start;border-radius:4px;box-shadow:none}
.classic-forum-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:11px 14px;border:1px solid #355d3d;border-bottom:0;border-radius:4px 4px 0 0;background:#416d49;color:#fff}.classic-forum-title h2{margin:0;color:#fff;font-size:1.05rem;letter-spacing:0}.classic-forum-title span{color:#e0eade;font-size:.78rem}
.forum-category-section,.forum-topic-list-section{margin:22px 0}.forum-classic-table-wrap{width:100%;overflow-x:auto;border:1px solid #bdcbbf;border-radius:0 0 4px 4px;background:#f9fbf9}
.forum-classic-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.forum-classic-table thead th{padding:10px 12px;border-bottom:1px solid #b7c5b8;background:#d5e0d6;color:#2f4d35;font-size:.77rem;font-weight:800;letter-spacing:.02em}.forum-classic-table tbody tr{border-bottom:1px solid #d5ded6}.forum-classic-table tbody tr:nth-child(even){background:#edf2ed}.forum-classic-table tbody tr:last-child{border-bottom:0}.forum-classic-table tbody tr:hover{background:#e2ebe3}.forum-classic-table td{padding:12px;vertical-align:middle}.forum-category-table th:nth-child(3),.forum-category-table th:nth-child(4){text-align:center}.classic-icon-cell{width:54px}.forum-category-table .forum-category-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c1d0c3;border-radius:4px;background:#e1e9e1;font-size:1.2rem}.classic-category-name{min-width:200px}.classic-category-name a,.classic-topic-copy>a{color:#315b39;text-decoration:none}.classic-category-name a:hover,.classic-topic-copy>a:hover{text-decoration:underline;color:#1e4728}.classic-category-name strong,.classic-topic-copy strong{display:block;font-size:.92rem}.classic-category-name small,.classic-topic-copy small,.classic-last-post small{display:block;margin-top:3px;color:#68796a;font-size:.76rem;line-height:1.45}.classic-number{width:105px;text-align:center;font-weight:750;color:#415746;white-space:nowrap}.classic-topic-cell{display:flex;align-items:center;gap:11px;min-width:300px}.classic-topic-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #c5d0c6;border-radius:4px;background:#e3e9e3;font-size:1.1rem}.classic-topic-copy{display:block;min-width:0}.classic-topic-copy small{overflow-wrap:anywhere}.classic-last-post{min-width:145px}.classic-last-post strong{font-size:.82rem;color:#3b5840}.forum-topic-list-section>.heading{margin-bottom:0;padding:11px 14px;border:1px solid #355d3d;border-radius:4px 4px 0 0;background:#416d49}.forum-topic-list-section>.heading h2{margin:0;color:#fff;font-size:1.05rem;letter-spacing:0}.forum-topic-list-section>.heading .eyebrow{display:none}.forum-topic-list-section>.heading .secondary-btn{padding:6px 10px;border:1px solid #c0d1c1;border-radius:4px;background:#edf3ed;color:#315b39;box-shadow:none;font-size:.8rem}.forum-topic-list-section>.forum-classic-table-wrap{border-radius:0 0 4px 4px}.forum-topic{padding:20px}.forum-topic-heading h2{letter-spacing:-.02em}.forum-status{border-radius:4px}.forum-status.open{background:#dce9dd;color:#2e6338}.forum-status.locked{border:1px solid #d5c69e;border-radius:4px;background:#f1e9d5;color:#755c24}.forum-author{padding:10px;border:1px solid #d0d9d1;border-radius:4px;background:#e9efea}.forum-author .avatar{width:40px;height:40px}.forum-body{padding:12px 3px}.forum-moderation button,.forum-reply-form button,.forum-delete-reply button{border-radius:4px}.forum-replies-heading{margin-top:20px;padding-top:15px;border-color:#cbd6cc}.forum-replies-heading span{border-radius:4px;background:#dce6dd;color:#315b39}.forum-reply{border:1px solid #cbd6cc;border-radius:4px;background:#f5f8f5}.forum-reply:nth-of-type(even){background:#eaf0ea}.forum-reply-form{padding:17px;margin-top:22px}.forum-locked-note{border:1px solid #d8c99f;border-radius:4px;background:#f1ead8;color:#725b2a}
@media(max-width:700px){.forum-create{grid-template-columns:1fr;gap:10px}.classic-forum-title{align-items:flex-start;flex-direction:column;gap:3px}.forum-classic-table{min-width:580px}.forum-category-table{min-width:500px}.forum-topic-list-section>.heading{align-items:center}.forum-hero{padding:17px}.forum-hero-bubble{display:none}}

/* Klassiek forum: onderwerpformulier in een toegankelijk popupvenster */
.forum-create-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px}
.forum-create-trigger h2{margin:5px 0 4px}
.forum-create-trigger p{margin:0}
.forum-open-topic-dialog{flex:0 0 auto;align-self:center}
.forum-topic-dialog{width:min(620px,calc(100% - 28px));max-width:620px;max-height:min(90vh,850px);padding:0;border:1px solid #9eafa0;border-radius:8px;background:#eef2ee;color:var(--ink);box-shadow:0 24px 80px #101b1250;overflow:auto}
.forum-topic-dialog::backdrop{background:rgb(15 25 17 / 68%);backdrop-filter:blur(3px)}
.forum-topic-dialog-inner{padding:24px}
.forum-topic-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #c7d2c8}
.forum-topic-dialog-heading h2{margin:4px 0 6px;font-size:1.35rem}
.forum-topic-dialog-heading p{margin:0;line-height:1.5}
.forum-dialog-close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #bdcbbf;border-radius:5px;background:#fbfcfb;color:#2f4935;font-size:1.7rem;line-height:1;cursor:pointer}
.forum-topic-dialog form{display:flex;flex-direction:column;gap:10px}
.forum-topic-dialog label{font-weight:650;font-size:.9rem}
.forum-topic-dialog input,.forum-topic-dialog select,.forum-topic-dialog textarea{width:100%;min-width:0;border:1px solid #bdcbbf;border-radius:4px;background:#fbfcfb;padding:12px 14px;color:var(--ink);font:inherit}
.forum-topic-dialog textarea{resize:vertical}
.forum-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px}
.forum-dialog-actions .primary,.forum-dialog-actions .secondary-btn{border-radius:4px;box-shadow:none}
@media(max-width:700px){.forum-create-trigger{align-items:flex-start;flex-direction:column;padding:16px}.forum-open-topic-dialog{align-self:stretch;width:100%}.forum-topic-dialog-inner{padding:18px}.forum-dialog-actions{flex-direction:column-reverse;align-items:stretch}.forum-dialog-actions button{width:100%}}


/* Subforums in de klassieke forumrubrieken */
.forum-subcategory-row{background:#f4f7f4!important}
.forum-subcategory-row:hover{background:#e5ede6!important}
.forum-subcategory-row .classic-category-name{padding-left:18px}
.forum-subcategory-row .forum-category-icon{width:29px;height:29px;background:#edf2ed;border-color:#cbd7cc;font-size:1rem}
.subforum-branch{display:inline-block;margin-right:5px;color:#66816b;font-weight:800}
.forum-subcategory-row .classic-category-name strong{font-weight:650}

/* Uitgebreid profiel bewerken */
.profile-form-heading{margin:26px 0 4px;padding-top:20px;border-top:1px solid var(--line);font-size:1.1rem}.profile-form-heading+.muted{margin:0 0 12px}.profile-details a{color:var(--blue);overflow-wrap:anywhere}.profile-details span{overflow-wrap:anywhere}

/* Coverfoto op openbare profielpagina en instellingen */
.public-profile-cover{width:calc(100% + clamp(44px,8vw,72px));height:clamp(150px,24vw,280px);margin:calc(-1 * clamp(22px,4vw,36px)) calc(-1 * clamp(22px,4vw,36px)) 24px;background-color:#e7e9f0;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.cover-edit-preview{margin:12px 0 18px;padding:12px;border:1px solid var(--line);border-radius:12px;display:grid;gap:8px}.cover-edit-preview img{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:9px}
@media(max-width:520px){.public-profile-cover{height:145px}}

/* Profielheader: gebruikersnaam op een scherpe coverfoto */
.public-profile-cover{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:linear-gradient(135deg,#233d32,#536f59);}
.public-profile-cover::before{content:"";position:absolute;inset:-12px;z-index:-1;background-image:inherit;background-position:center;background-size:cover;filter:none;transform:scale(1.01);}
.public-profile-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(10,22,18,.34),rgba(10,22,18,.12),rgba(10,22,18,.38));}
.profile-cover-title{width:min(78%,760px);padding:15px 24px;text-align:center;color:#fff;font-size:clamp(1.7rem,4vw,3.5rem);font-weight:850;letter-spacing:-.035em;text-shadow:0 2px 18px rgba(0,0,0,.45);}
.profile-cover-title span{display:block;padding:10px 20px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(12,24,20,.42);box-shadow:0 8px 28px rgba(0,0,0,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow-wrap:anywhere;}
@media(max-width:520px){.profile-cover-title{width:90%;padding:8px;font-size:1.65rem}.profile-cover-title span{padding:8px 12px}}

/* Profielfoto overlapt de coverfoto iets meer */
.public-profile-top{position:relative;z-index:2;margin-top:-68px;padding-top:0;align-items:flex-end;min-height:116px}
.public-profile-top>.avatar{position:relative;z-index:3;border:5px solid #fff;box-shadow:0 3px 18px rgba(0,0,0,.18)}
@media(max-width:520px){.public-profile-top{margin-top:-48px;min-height:88px}.public-profile-top>.avatar{border-width:4px}}

/* Moderne openbare profielpagina */
.modern-public-profile{overflow:hidden;padding:0 0 26px;border:1px solid #dce8de;border-radius:24px;background:linear-gradient(180deg,#fff 0%,#fbfdfb 100%);box-shadow:0 18px 48px rgba(36,74,46,.09)}
.modern-public-profile .public-profile-cover{width:100%;height:clamp(190px,28vw,320px);margin:0 0 0;border-radius:0;background-position:center center;position:relative;isolation:isolate;overflow:hidden}
.modern-public-profile .public-profile-cover::before{content:none}
.modern-public-profile .public-profile-cover::after{z-index:0;background:linear-gradient(180deg,rgba(9,25,15,.08),rgba(9,25,15,.35))}
.modern-public-profile .profile-cover-title{position:relative;z-index:1;width:min(86%,800px);font-size:clamp(2rem,5vw,3.7rem);letter-spacing:-.055em}
.modern-public-profile .profile-cover-title span{display:inline-block;padding:12px 28px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(14,28,19,.34);box-shadow:0 12px 35px rgba(0,0,0,.16);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.modern-public-profile .public-profile-top{display:flex;align-items:flex-end;gap:18px;margin:-8px 28px 0;padding:0 0 18px;border-bottom:1px solid #e8efe8;min-height:116px}
.modern-public-profile .public-profile-top>.avatar{width:104px;height:104px;flex:0 0 104px;border:6px solid #fff;border-radius:28px;box-shadow:0 8px 26px rgba(28,57,36,.18);font-size:2.2rem;background-color:#e5f2e6}
.modern-public-profile .public-profile-top>div{padding:0 0 8px;min-width:0}
.modern-public-profile .public-profile-top h1{margin:0 0 5px;font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.06em}
.modern-public-profile .public-profile-top .muted{margin:0;font-size:.9rem}
.modern-public-profile .profile-details{margin:22px 28px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}
.modern-public-profile .profile-details>div{min-width:0;padding:15px 16px;border:1px solid #e2ece3;border-radius:16px;background:#f7faf7;transition:transform .18s,border-color .18s,box-shadow .18s}
.modern-public-profile .profile-details>div:hover{transform:translateY(-2px);border-color:#c9dfcc;box-shadow:0 8px 20px rgba(36,74,46,.06)}
.modern-public-profile .profile-details strong{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7b8d7e}
.modern-public-profile .profile-details span{font-size:.94rem;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.modern-public-profile .public-bio{margin:22px 28px 0;padding:21px 22px;border:1px solid #e4ede5;border-radius:17px;background:#fff}
.modern-public-profile .public-bio h2{margin:0 0 8px;font-size:1.08rem;letter-spacing:-.025em}
.modern-public-profile .public-bio p{margin:0;color:#53695a;line-height:1.8}
.modern-public-profile .profile-stats{display:flex;flex-wrap:wrap;gap:12px;margin:18px 28px 0}
.modern-public-profile .profile-stats>div{display:flex;flex-direction:column;gap:2px;min-width:150px;padding:14px 18px;border:1px solid #e0ebe1;border-radius:15px;background:linear-gradient(135deg,#f4faf4,#fff)}
.modern-public-profile .profile-stats strong{font-size:1.2rem;font-weight:850;color:#2e7045;letter-spacing:-.03em}
.modern-public-profile .profile-stats span{font-size:.78rem;font-weight:700;color:#7b8d7e}
.modern-public-profile>a.primary{margin:20px 28px 0}
.modern-profile-posts{margin-top:30px}
.modern-profile-posts>.heading{padding:0 2px 12px;border-bottom:1px solid #dce8de}
.modern-profile-posts>.heading h2{margin:5px 0;font-size:1.5rem;letter-spacing:-.045em}
.modern-profile-posts .post{border-radius:18px;border-color:#e0eae1;box-shadow:0 8px 25px rgba(36,74,46,.045)}
@media(max-width:600px){.modern-public-profile .public-profile-cover{height:170px}.modern-public-profile .profile-cover-title{width:94%;font-size:1.7rem;padding:8px}.modern-public-profile .profile-cover-title span{padding:9px 14px;border-radius:13px}.modern-public-profile .public-profile-top{gap:10px;margin:-2px 16px 0;min-height:82px;padding-bottom:15px}.modern-public-profile .public-profile-top>.avatar{width:72px;height:72px;flex-basis:72px;border-width:4px;border-radius:21px;font-size:1.5rem}.modern-public-profile .public-profile-top h1{font-size:1.45rem;overflow-wrap:anywhere}.modern-public-profile .public-profile-top .muted{font-size:.78rem}.modern-public-profile .profile-details{margin:16px 16px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.modern-public-profile .profile-details>div{padding:12px;border-radius:13px}.modern-public-profile .profile-details span{font-size:.86rem}.modern-public-profile .public-bio{margin:16px 16px 0;padding:16px}.modern-public-profile .profile-stats{margin:14px 16px 0;gap:8px}.modern-public-profile .profile-stats>div{flex:1;min-width:0;padding:12px}.modern-public-profile>a.primary{margin:18px 16px 0}.modern-profile-posts>.heading h2{font-size:1.25rem}}

/* Vriendensysteem */
.profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 28px 0}.profile-actions form,.friend-action{margin:0}.friend-status{display:inline-flex;align-items:center;padding:10px 14px;border-radius:12px;background:#eef7ef;color:#2d7041;font-weight:700;font-size:.9rem}.friends-page{max-width:900px;margin:0 auto}.friends-page h2{margin:26px 0 10px;font-size:1.15rem}.friend-card{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.friend-card>.avatar{width:48px;height:48px;flex:0 0 48px}.friend-card-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.friend-card-info a{color:var(--ink);text-decoration:none}.friend-card-info small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:350px}.friend-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.danger-btn{color:#a83232!important;border-color:#edcaca!important}.friend-card .secondary-btn,.friend-card .primary{padding:8px 11px;font-size:.82rem}@media(max-width:600px){.profile-actions{margin:16px}.friend-card{align-items:flex-start;flex-wrap:wrap}.friend-actions{width:100%;padding-left:60px;justify-content:flex-start}.friend-card-info small{max-width:230px}}

/* Vriendenkaart op openbare profielpagina */
.modern-public-profile .profile-friends-card{margin:20px 28px 0;padding:20px 22px;border:1px solid #e2ebe3;border-radius:18px;background:linear-gradient(145deg,#f8fbf8,#fff);}
.modern-public-profile .profile-friends-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.modern-public-profile .profile-friends-heading h2{margin:0;font-size:1.08rem;letter-spacing:-.025em}
.modern-public-profile .profile-friends-heading p{margin:4px 0 0;color:#7b8d7e;font-size:.82rem}
.modern-public-profile .profile-friends-heading>a{font-size:.85rem;font-weight:750;color:#2e7045;text-decoration:none}
.modern-public-profile .profile-friends-list{display:flex;flex-wrap:wrap;gap:16px 18px}
.modern-public-profile .profile-friend{display:flex;flex-direction:column;align-items:center;gap:7px;width:70px;min-width:0;text-decoration:none;color:inherit;font-size:.76rem;font-weight:700;text-align:center;overflow-wrap:anywhere}
.modern-public-profile .profile-friend .avatar{width:54px;height:54px;flex:0 0 54px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 10px #1d46201a}
.modern-public-profile .profile-friend .avatar.placeholder{display:flex;align-items:center;justify-content:center;background:#e7f2e8;color:#347047;font-size:1.2rem}
.modern-public-profile .profile-friend:hover .avatar{box-shadow:0 0 0 3px #b7d9bd;transform:translateY(-2px)}
.modern-public-profile .profile-friend .avatar{transition:transform .18s ease,box-shadow .18s ease}
.modern-public-profile .profile-friends-empty,.modern-public-profile .profile-friends-more{margin:0;color:#718174;font-size:.86rem}
.modern-public-profile .profile-friends-more{margin-top:12px}
@media(max-width:600px){.modern-public-profile .profile-friends-card{margin:16px 16px 0;padding:16px}.modern-public-profile .profile-friends-list{gap:14px 10px}.modern-public-profile .profile-friend{width:62px;font-size:.72rem}.modern-public-profile .profile-friend .avatar{width:48px;height:48px;flex-basis:48px}}

/* Duidelijke bediening voor de profiel-coverfoto */
.cover-editor-card{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface,rgba(127,127,127,.04))}.cover-editor-card h2{margin:0 0 6px;font-size:1.1rem}.cover-editor-card>p{margin:0 0 14px}.cover-editor-card .cover-edit-preview{margin:12px 0 16px}.cover-remove-option{margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.cover-remove-option input{accent-color:#dc4444}

.cover-delete-btn{display:inline-block;margin-top:14px;padding:10px 14px;border:1px solid #b33;border-radius:10px;background:transparent;color:#d44;cursor:pointer;font-weight:600}.cover-delete-btn:hover{background:rgba(210,50,50,.1)}