/* WK Pool Pro v2.7.7 - Analyse 2.0 polish / nieuwe app-stijl */
html body .wkp-analysis-page{
  --wkp-deep:#020817;
  --wkp-navy:#071422;
  --wkp-orange:#ff7a00;
  --wkp-orange2:#fb923c;
  --wkp-green:#25D366;
}
html body .wkp .wkp-analysis-hero2{
  margin:0 0 24px!important;
  padding:30px 26px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 12% -10%,rgba(37,211,102,.30),transparent 30%),
    radial-gradient(circle at 90% 0%,rgba(255,122,0,.34),transparent 34%),
    linear-gradient(135deg,#061827 0%,#020817 72%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html body .wkp .wkp-analysis-hero2:after{content:'📊'!important;right:18px!important;bottom:-20px!important;font-size:116px!important;opacity:.16!important;filter:none!important;}
html body .wkp .wkp-analysis-hero2 span{color:#bbf7d0!important;}
html body .wkp .wkp-analysis-hero2 h2{max-width:850px!important;color:#fff!important;}
html body .wkp .wkp-analysis-hero2 p{max-width:820px!important;color:#dbeafe!important;font-size:17px!important;}

html body .wkp .wkp-analysis-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 22px!important;}
html body .wkp .wkp-app-stat-card{
  background:linear-gradient(135deg,rgba(7,20,34,.98),rgba(2,8,23,.98))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:22px!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08)!important;
  padding:18px!important;
  display:flex!important;
  gap:14px!important;
  align-items:center!important;
  color:#fff!important;
}
html body .wkp .wkp-app-stat-card *{color:inherit!important;}
html body .wkp .wkp-app-stat-icon{font-size:30px!important;width:48px!important;height:48px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,122,0,.16)!important;border:1px solid rgba(255,122,0,.32)!important;}
html body .wkp .wkp-app-stat-label{display:block!important;color:#94a3b8!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:1000!important;}
html body .wkp .wkp-app-stat-card strong{display:block!important;color:#fff!important;font-size:clamp(25px,3vw,42px)!important;line-height:.95!important;font-weight:1000!important;letter-spacing:-.04em!important;}
html body .wkp .wkp-app-stat-card small{display:block!important;color:#fed7aa!important;font-weight:850!important;margin-top:4px!important;}

html body .wkp .wkp-analysis-grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:18px 0!important;}
html body .wkp .wkp-analysis-card2{
  min-height:100%!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,122,0,.13),transparent 30%),
    linear-gradient(180deg,rgba(7,20,34,.99),rgba(2,8,23,1))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
html body .wkp .wkp-analysis-card2 .wkp-app-card-hero{
  background:linear-gradient(135deg,rgba(255,122,0,.98),rgba(234,88,12,.72))!important;
  padding:19px 21px 20px!important;
}
html body .wkp .wkp-analysis-card2 .wkp-app-card-hero h2{font-size:clamp(22px,3.1vw,33px)!important;}
html body .wkp .wkp-analysis-card2 .wkp-app-intro{margin:16px 20px 4px!important;color:#cbd5e1!important;}
html body .wkp .wkp-analysis-card2 .wkp-app-list{padding:8px 16px 18px!important;}
html body .wkp .wkp-analysis-card2 .wkp-app-list-row{
  border-radius:16px!important;
  border-bottom:0!important;
  background:rgba(255,255,255,.045)!important;
  padding:12px!important;
  margin:8px 0!important;
  transition:transform .16s ease, background .16s ease!important;
}
html body .wkp .wkp-analysis-card2 .wkp-app-list-row:hover{transform:translateY(-1px)!important;background:rgba(255,255,255,.075)!important;}
html body .wkp .wkp-analysis-card2 .wkp-app-rank{background:rgba(255,122,0,.20)!important;color:#fed7aa!important;}
html body .wkp .wkp-analysis-card2 .wkp-app-score{color:#fb923c!important;}
html body .wkp .wkp-analysis-card2 .wkp-app-main small{color:#a7b3c5!important;}
html body .wkp .wkp-analysis-card2 .wkp-flag{flex:0 0 auto!important;}
html body .wkp .wkp-analysis-card2 .wkp-emoji-flag{font-size:21px!important;}

/* Populairste uitslagen en Gekke Henkie vallen nu ook onder dezelfde kaartstijl */
html body .wkp .wkp-analysis-card2 .wkp-app-main .wkp-match-label{color:#fff!important;}

@media(max-width:980px){
  html body .wkp .wkp-analysis-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body .wkp .wkp-analysis-grid-2{grid-template-columns:1fr!important;}
}
@media(max-width:620px){
  html body .wkp .wkp-analysis-hero2{padding:24px 18px!important;border-radius:22px!important;}
  html body .wkp .wkp-analysis-hero2:after{font-size:80px!important;}
  html body .wkp .wkp-analysis-metrics{grid-template-columns:1fr!important;gap:10px!important;}
  html body .wkp .wkp-app-stat-card{padding:14px!important;border-radius:18px!important;}
  html body .wkp .wkp-analysis-card2{border-radius:20px!important;}
  html body .wkp .wkp-analysis-card2 .wkp-app-card-hero{padding:17px!important;}
  html body .wkp .wkp-analysis-card2 .wkp-app-list{padding:6px 10px 14px!important;}
  html body .wkp .wkp-analysis-card2 .wkp-app-list-row{grid-template-columns:30px minmax(0,1fr) auto!important;gap:8px!important;padding:10px!important;}
}