.v84-hero{display:grid;grid-template-columns:1.4fr .8fr;gap:20px;align-items:center;margin:24px 0;padding:28px;border:2px solid #3a7188;border-radius:12px;background:linear-gradient(135deg,#1d668b,#123849);box-shadow:0 6px 0 rgba(0,0,0,.25)}
.v84-hero h1{margin:4px 0;color:#fff;font-size:36px}.v84-hero p{color:#bdd8e3}.v84-hero-card{padding:20px;border:2px solid #507f91;border-radius:10px;background:#0e2a37}.v84-hero-card strong,.v84-hero-card span{display:block}.v84-hero-card strong{color:#fff;font-size:20px}.v84-hero-card span{margin-top:5px;color:#9fc1cd}
.v84-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.v84-card{padding:18px;border:2px solid #355f70;border-radius:9px;background:#122d39}.v84-card h2,.v84-card h3{color:#fff}.v84-card p,.v84-card small{color:#9ebcc8}
.v84-feed{display:grid;gap:9px}.v84-feed article{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;padding:12px;border:1px solid #376475;border-radius:8px;background:#0d2631}.v84-feed article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#1c4d61;font-size:20px}.v84-feed strong,.v84-feed small{display:block}.v84-feed strong{color:#fff}.v84-feed small{color:#8fb0bc}
.v84-profile-head{position:relative;margin:24px 0;padding:110px 24px 24px;border:2px solid #3e6c7c;border-radius:12px;overflow:hidden;background:#143342}.v84-profile-banner{position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(135deg,#2477a0,#142d3a);background-size:cover;background-position:center}.v84-profile-user{position:relative;display:flex;align-items:flex-end;gap:18px}.v84-profile-user img{width:110px;height:140px;object-fit:contain}.v84-profile-user h1{margin:0;color:#fff}.v84-profile-user p{margin:5px 0;color:#a8c5d0}
.v84-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v84-stat{padding:14px;border:1px solid #3e6c7c;border-radius:8px;background:#0e2834}.v84-stat small,.v84-stat strong{display:block}.v84-stat small{color:#7fa9b9}.v84-stat strong{margin-top:6px;color:#fff;font-size:24px}
.v84-notifications{display:grid;gap:9px}.v84-notifications article{padding:14px;border:1px solid #376777;border-radius:8px;background:#0f2834}.v84-notifications article.unread{border-color:#1da5e9;background:#12364a}.v84-notifications strong,.v84-notifications span,.v84-notifications small{display:block}.v84-notifications strong{color:#fff}.v84-notifications span{margin:5px 0;color:#bdd5df}.v84-notifications small{color:#7fa6b5}
@media(max-width:900px){.v84-hero{grid-template-columns:1fr}.v84-grid{grid-template-columns:1fr 1fr}.v84-stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.v84-grid,.v84-stat-grid{grid-template-columns:1fr}.v84-profile-user{align-items:center;flex-direction:column;text-align:center}.v84-feed article{grid-template-columns:44px 1fr}.v84-feed time{grid-column:2}}

.v84-inbox-item{padding:14px;border:1px solid #376777;border-radius:8px;background:#0e2632;margin-bottom:10px}.v84-inbox-item.unread{border-color:#1ba8ea;background:#12384d}.v84-inbox-item strong,.v84-inbox-item small{display:block}.v84-inbox-item strong{color:#fff}.v84-inbox-item small{color:#8fb4c2;margin:4px 0}.v84-inbox-item p{color:#c1d8e1}


/* V8.6 communityprofiel */
.v86-profile-card{
 position:relative;margin:24px 0 20px;overflow:hidden;
 border:2px solid #3e7185;border-radius:12px;background:#102b38;
 box-shadow:0 6px 0 rgba(0,0,0,.22)
}
.v86-profile-banner{
 min-height:155px;
 background:
  radial-gradient(circle at 85% 15%,rgba(47,171,221,.24),transparent 36%),
  linear-gradient(135deg,#1c6689,#143747 58%,#0d2530);
 background-position:center;background-size:cover
}
.v86-profile-body{
 position:relative;display:grid;
 grid-template-columns:150px minmax(0,1fr) auto;
 gap:20px;align-items:center;min-height:180px;padding:22px 26px 24px
}
.v86-avatar-wrap{
 align-self:end;height:155px;margin-top:-100px;
 display:flex;align-items:flex-end;justify-content:center
}
.v86-profile-avatar{
 display:block;width:130px;height:175px;object-fit:contain;
 object-position:center bottom;filter:drop-shadow(0 5px 3px rgba(0,0,0,.35))
}
.v86-profile-copy{min-width:0}
.v86-profile-copy h1{margin:3px 0 8px;color:#fff;font-size:32px;line-height:1.1}
.v86-profile-bio{max-width:680px;margin:0 0 9px;color:#c1d9e2;line-height:1.55}
.v86-profile-meta{margin:0;color:#82a9b8;font-size:12px}
.v86-profile-actions{min-width:150px;text-align:right}
.v86-profile-actions form{margin:0 0 6px}
.v86-profile-actions small{display:block;color:#91b5c3}
.v84-stat-grid{margin-top:0}
.v84-stat span{display:block;margin-top:5px;color:#86aab8;font-size:11px}
@media(max-width:800px){
 .v86-profile-body{grid-template-columns:120px minmax(0,1fr);align-items:end}
 .v86-avatar-wrap{height:135px;margin-top:-80px}
 .v86-profile-avatar{width:110px;height:150px}
 .v86-profile-actions{grid-column:2;text-align:left}
}
@media(max-width:560px){
 .v86-profile-banner{min-height:120px}
 .v86-profile-body{
  display:flex;flex-direction:column;gap:10px;align-items:center;
  padding:0 18px 22px;text-align:center
 }
 .v86-avatar-wrap{height:145px;margin-top:-75px}
 .v86-profile-avatar{width:115px;height:155px}
 .v86-profile-copy h1{font-size:27px}
 .v86-profile-actions{width:100%;text-align:center}
}


/* V8.6 communityleden-overzicht */
.community-grid,
.v7-community-grid,
.member-grid,
.members-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:18px;
 align-items:stretch;
 margin:20px 0
}

.community-card,
.v7-community-card,
.member-card,
.members-card{
 display:flex;
 flex-direction:column;
 min-width:0;
 height:100%;
 padding:18px;
 border:1px solid #3a6b7d;
 border-radius:10px;
 background:linear-gradient(180deg,#12313f,#0d2631);
 box-shadow:0 4px 0 rgba(0,0,0,.18);
 overflow:hidden
}

.community-card img,
.v7-community-card img,
.member-card img,
.members-card img{
 display:block;
 width:90px;
 height:112px;
 margin:0 auto 12px;
 object-fit:contain;
 object-position:center bottom
}

.community-card h2,
.community-card h3,
.v7-community-card h2,
.v7-community-card h3,
.member-card h2,
.member-card h3,
.members-card h2,
.members-card h3{
 margin:0 0 5px;
 color:#fff;
 text-align:center;
 font-size:17px;
 line-height:1.25;
 overflow-wrap:anywhere
}

.community-card p,
.v7-community-card p,
.member-card p,
.members-card p{
 margin:4px 0;
 color:#94b7c4;
 text-align:center;
 line-height:1.45;
 overflow-wrap:anywhere
}

.community-card .button,
.v7-community-card .button,
.member-card .button,
.members-card .button{
 display:block;
 width:100%;
 margin-top:auto;
 box-sizing:border-box;
 text-align:center
}

.community-card .member-actions,
.v7-community-card .member-actions,
.member-card .member-actions,
.members-card .member-actions{
 display:grid;
 gap:8px;
 margin-top:auto;
 padding-top:14px
}

/* Fallback voor kaarten die direct in een grid staan zonder vaste class */
.v84-grid > article:has(a.button[href*="community-profile"]),
.v84-grid > article:has(a[href*="community-profile"]){
 display:flex;
 flex-direction:column;
 min-width:0;
 height:100%;
 gap:8px
}

.v84-grid > article:has(a.button[href*="community-profile"]) .button,
.v84-grid > article:has(a[href*="community-profile"]) .button{
 width:100%;
 margin-top:auto;
 text-align:center
}

@media(max-width:1000px){
 .community-grid,
 .v7-community-grid,
 .member-grid,
 .members-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))
 }
}

@media(max-width:620px){
 .community-grid,
 .v7-community-grid,
 .member-grid,
 .members-grid{
  grid-template-columns:1fr;
  gap:14px
 }
 .community-card,
 .v7-community-card,
 .member-card,
 .members-card{
  padding:16px
 }
}


/* ==========================================================
   V8.7 COMMUNITY PROFILE 4.0
   ========================================================== */

.v87-profile-shell{
 width:100%;
 margin:24px 0 22px;
 overflow:hidden;
 border:2px solid #3f7286;
 border-radius:13px;
 background:#102b38;
 box-shadow:0 6px 0 rgba(0,0,0,.22)
}

.v87-profile-cover{
 position:relative;
 min-height:220px;
 background:
  radial-gradient(circle at 75% 20%,rgba(73,189,235,.28),transparent 34%),
  linear-gradient(135deg,#216f94,#164355 55%,#0b2732);
 background-position:center;
 background-size:cover
}

.v87-profile-cover-shade{
 position:absolute;
 inset:0;
 background:linear-gradient(
  to bottom,
  rgba(3,15,22,.05),
  rgba(5,20,28,.5)
 )
}

.v87-profile-main{
 position:relative;
 display:grid;
 grid-template-columns:170px minmax(0,1fr) 170px;
 gap:24px;
 align-items:center;
 padding:0 30px 28px;
 margin-top:-72px
}

.v87-profile-avatar-box{
 display:flex;
 align-items:flex-end;
 justify-content:center;
 width:155px;
 height:190px;
 overflow:hidden;
 border:4px solid #83b7ca;
 border-radius:13px;
 background:linear-gradient(#cce5ef,#9fc4d2);
 box-shadow:0 5px 0 rgba(0,0,0,.28)
}

.v87-profile-avatar-box img{
 display:block;
 width:145px;
 height:185px;
 object-fit:contain;
 object-position:center bottom;
 filter:drop-shadow(0 5px 3px rgba(0,0,0,.28))
}

.v87-profile-identity{
 min-width:0;
 padding-top:70px
}

.v87-profile-role{
 display:inline-flex;
 padding:5px 9px;
 border:1px solid #79bed9;
 border-radius:999px;
 background:#123e51;
 color:#82d0ef;
 font-size:10px;
 font-weight:900;
 letter-spacing:.8px
}

.v87-profile-identity h1{
 margin:9px 0 8px;
 color:#fff;
 font-size:36px;
 line-height:1.05
}

.v87-profile-tags{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 margin-bottom:13px
}

.v87-profile-tags span{
 display:inline-flex;
 padding:6px 9px;
 border:1px solid #39697b;
 border-radius:999px;
 background:#0d2834;
 color:#a9c9d5;
 font-size:11px
}

.v87-profile-identity p{
 max-width:760px;
 margin:0;
 color:#c4dbe4;
 font-size:14px;
 line-height:1.6
}

.v87-profile-follow{
 align-self:end;
 padding-bottom:12px;
 text-align:center
}

.v87-profile-follow form{
 margin:0 0 10px
}

.v87-profile-follow .button{
 width:100%;
 white-space:nowrap
}

.v87-profile-follow strong,
.v87-profile-follow span{
 display:block
}

.v87-profile-follow strong{
 color:#fff;
 font-size:24px
}

.v87-profile-follow span{
 color:#84aab8;
 font-size:11px
}

.v87-profile-stats{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 border-top:1px solid #3a6879;
 background:#0c2631
}

.v87-profile-stats article{
 min-width:0;
 padding:18px 20px;
 border-right:1px solid #315c6d
}

.v87-profile-stats article:last-child{
 border-right:0
}

.v87-profile-stats small,
.v87-profile-stats strong,
.v87-profile-stats span{
 display:block
}

.v87-profile-stats small{
 color:#65b6d5;
 font-size:9px;
 font-weight:900;
 letter-spacing:.8px
}

.v87-profile-stats strong{
 margin:5px 0;
 color:#fff;
 font-size:27px
}

.v87-profile-stats span{
 color:#7fa7b5;
 font-size:11px
}

.v87-profile-detail-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:18px;
 margin:0 0 20px
}

.v87-profile-detail-card{
 min-width:0;
 min-height:190px;
 padding:20px;
 border:2px solid #386779;
 border-radius:10px;
 background:linear-gradient(180deg,#133441,#0e2934)
}

.v87-profile-detail-card h2{
 margin:0 0 14px;
 color:#fff;
 font-size:19px
}

.v87-profile-detail-card p{
 display:flex;
 justify-content:space-between;
 gap:12px;
 margin:9px 0;
 padding-bottom:8px;
 border-bottom:1px solid rgba(92,142,160,.18);
 color:#89adba
}

.v87-profile-detail-card p:last-child{
 border-bottom:0
}

.v87-profile-detail-card strong{
 color:#e7f4f8;
 text-align:right;
 overflow-wrap:anywhere
}

.v87-profile-section{
 margin:0 0 20px;
 padding:22px;
 border:2px solid #386779;
 border-radius:10px;
 background:#102b37
}

.v87-profile-section .v8-admin-badges{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:12px
}

.v87-profile-section .v8-admin-badges article{
 display:grid;
 grid-template-columns:70px minmax(0,1fr);
 gap:12px;
 align-items:center;
 min-width:0;
 padding:13px;
 border:1px solid #3b6878;
 border-radius:9px;
 background:#0b2530
}

.v87-profile-section .v8-admin-badges h3{
 margin:0 0 4px;
 color:#fff
}

.v87-profile-section .v8-admin-badges p{
 margin:0;
 color:#82a8b7;
 line-height:1.4
}

@media(max-width:900px){
 .v87-profile-main{
  grid-template-columns:145px minmax(0,1fr);
  padding-left:22px;
  padding-right:22px
 }

 .v87-profile-avatar-box{
  width:135px;
  height:170px
 }

 .v87-profile-avatar-box img{
  width:125px;
  height:165px
 }

 .v87-profile-follow{
  grid-column:2;
  align-self:start;
  justify-self:start;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0;
  text-align:left
 }

 .v87-profile-follow form{
  margin:0
 }

 .v87-profile-stats{
  grid-template-columns:1fr 1fr
 }

 .v87-profile-stats article:nth-child(2){
  border-right:0
 }

 .v87-profile-stats article:nth-child(-n+2){
  border-bottom:1px solid #315c6d
 }

 .v87-profile-detail-grid{
  grid-template-columns:1fr 1fr
 }

 .v87-profile-detail-card:last-child{
  grid-column:1/-1
 }

 .v87-profile-section .v8-admin-badges{
  grid-template-columns:1fr 1fr
 }
}

@media(max-width:600px){
 .v87-profile-cover{
  min-height:150px
 }

 .v87-profile-main{
  display:flex;
  flex-direction:column;
  gap:13px;
  align-items:center;
  margin-top:-65px;
  padding:0 16px 20px;
  text-align:center
 }

 .v87-profile-avatar-box{
  width:125px;
  height:155px
 }

 .v87-profile-avatar-box img{
  width:115px;
  height:150px
 }

 .v87-profile-identity{
  padding-top:0
 }

 .v87-profile-identity h1{
  font-size:29px
 }

 .v87-profile-tags{
  justify-content:center
 }

 .v87-profile-follow{
  display:block;
  align-self:auto;
  justify-self:auto;
  width:100%;
  text-align:center
 }

 .v87-profile-stats,
 .v87-profile-detail-grid,
 .v87-profile-section .v8-admin-badges{
  grid-template-columns:1fr
 }

 .v87-profile-stats article{
  border-right:0;
  border-bottom:1px solid #315c6d
 }

 .v87-profile-stats article:last-child{
  border-bottom:0
 }

 .v87-profile-detail-card:last-child{
  grid-column:auto
 }
}