#vf-container,#vf-container *{box-sizing:border-box!important}
#vf-container{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#0F1621;width:100%;text-align:left!important}
#vf-container *{text-align:left}
@keyframes vf-sh{0%{background-position:200% 0}100%{background-position:-200% 0}}
#vf-container .vf-sk{display:block;border-radius:8px;background:linear-gradient(90deg,rgba(15,22,33,.05) 25%,rgba(15,22,33,.09) 50%,rgba(15,22,33,.05) 75%);background-size:200% 100%;animation:vf-sh 1.3s ease-in-out infinite}
#vf-container .vf-hd .vf-sk{background:linear-gradient(90deg,rgba(255,255,255,.07) 25%,rgba(255,255,255,.13) 50%,rgba(255,255,255,.07) 75%);background-size:200% 100%}
#vf-container .vf-error{padding:24px 22px;color:#7A8792;font-size:14px;line-height:1.5}

#vf-container .vf-card{background:#fff;border:1px solid rgba(15,22,33,.10);border-radius:18px;overflow:hidden}

/* Kop */
#vf-container .vf-hd{background:#0A1017;padding:18px 22px 20px}
#vf-container .vf-hd-top{display:flex;align-items:center;justify-content:space-between!important;gap:12px;margin:0 0 18px;flex-wrap:wrap}
#vf-container .vf-eyebrow{display:flex;align-items:center;gap:8px;margin:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#6CC08B;white-space:nowrap}
#vf-container .vf-eyebrow::before{content:'';width:3px;height:13px;flex:none;border-radius:2px;background:#6CC08B}
#vf-container .vf-tabs{display:inline-flex;gap:3px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:3px}
#vf-container button.vf-tab{-webkit-appearance:none;appearance:none;display:inline-flex!important;align-items:center;justify-content:center!important;margin:0!important;padding:8px 14px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;font-family:'Poppins',sans-serif!important;font-size:12px!important;font-weight:600!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;color:#A9B7C2!important;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}
#vf-container button.vf-tab:hover{color:#F2F6F4!important}
#vf-container button.vf-tab.on{background:#169A47!important;color:#fff!important}
#vf-container button.vf-tab:focus-visible{outline:2px solid #6CC08B!important;outline-offset:2px}

#vf-container .vf-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px}
#vf-container .vf-team{display:flex;align-items:center;gap:12px;min-width:0}
#vf-container .vf-team.away{flex-direction:row-reverse}
#vf-container .vf-logo{flex:none;width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center!important;font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;color:#F2F6F4;overflow:hidden}
#vf-container .vf-logo img{width:28px;height:28px;object-fit:contain}
#vf-container .vf-ttxt{min-width:0;display:flex;flex-direction:column;gap:7px}
#vf-container .vf-team.away .vf-ttxt{align-items:flex-end}
#vf-container .vf-team.away .vf-ttxt *{text-align:right!important}
#vf-container .vf-tname{font-family:'Poppins',sans-serif;font-size:17px;font-weight:600;line-height:1.2;color:#F2F6F4;overflow-wrap:break-word;max-width:100%}
#vf-container .vf-form{display:flex;gap:4px}
#vf-container .vf-tsub{font-size:12px;color:#8A97A0;white-space:nowrap}
#vf-container .vf-mid{display:flex;flex-direction:column;align-items:center;padding:0 4px}
#vf-container .vf-score{font-family:'Poppins',sans-serif;font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:#F2F6F4;white-space:nowrap;text-align:center!important}
#vf-container .vf-score .dim{color:#6C7A86}
#vf-container .vf-score .sep{color:#6C7A86;font-weight:500;margin:0 6px}
#vf-container .vf-score-lbl{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8A97A0;margin-top:8px;white-space:nowrap;text-align:center!important}

/* Vormblokjes */
#vf-container .vf-chip{width:20px;height:20px;flex:none;border-radius:5px;font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center!important;color:#fff}
#vf-container .vf-chip.W{background:#169A47}
#vf-container .vf-chip.D{background:#6B7280}
#vf-container .vf-chip.L{background:#E4574C}
#vf-container .vf-chip.none{background:rgba(255,255,255,.10);color:transparent}

/* Vergelijkingsbalken */
#vf-container .vf-bars{display:flex;flex-direction:column;gap:16px;padding:20px 22px}
#vf-container .vf-bar-lbls{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:12px}
#vf-container .vf-bar-val{font-family:'Poppins',sans-serif;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;color:#0F1621}
#vf-container .vf-bar-val.r{text-align:right!important}
#vf-container .vf-bar-val.lead{color:#12833D}
#vf-container .vf-bar-name{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7A8792;text-align:center!important}
#vf-container .vf-bar-track{display:flex;gap:3px;margin-top:8px;height:6px}
#vf-container .vf-bar-track span{display:block;height:100%;border-radius:999px;background:rgba(15,22,33,.12);transition:width .35s ease}
#vf-container .vf-bar-track span.lead{background:#169A47}

/* Kolommen */
#vf-container .vf-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid rgba(15,22,33,.08)}
#vf-container .vf-col{min-width:0}
#vf-container .vf-col:first-child{border-right:1px solid rgba(15,22,33,.08)}
#vf-container .vf-col-hd{display:flex;align-items:center;gap:8px;padding:11px 16px;background:#F7FAF8;border-bottom:1px solid rgba(15,22,33,.08);min-width:0}
#vf-container .vf-col-name{font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;color:#0F1621;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#vf-container .vf-col-scope{font-size:11.5px;color:#7A8792;white-space:nowrap;margin-left:auto}
#vf-container .vf-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 16px;border-bottom:1px solid rgba(15,22,33,.06);min-height:60px}
#vf-container .vf-row:last-child{border-bottom:none}
#vf-container .vf-rmain{min-width:0}
#vf-container .vf-opp{display:flex;align-items:center;gap:7px;font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;color:#0F1621;min-width:0}
#vf-container .vf-opp span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#vf-container .vf-opp img{width:16px;height:16px;object-fit:contain;flex:none}
#vf-container .vf-opp.empty{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:13px;color:#9AA3AD}
#vf-container .vf-meta{font-size:11.5px;line-height:1.4;color:#7A8792;margin-top:3px}
#vf-container .vf-pen{color:#5C6873;font-weight:600}
#vf-container .vf-rscore{font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;border-radius:8px;padding:4px 10px;white-space:nowrap}
#vf-container .vf-rscore.W{background:rgba(22,154,71,.10);color:#12833D}
#vf-container .vf-rscore.D{background:rgba(15,22,33,.06);color:#5C6873}
#vf-container .vf-rscore.L{background:rgba(228,87,76,.12);color:#C43D33}
#vf-container .vf-row .vf-chip.none{background:rgba(15,22,33,.06)}

/* Conclusie */
#vf-container .vf-concl{padding:16px 22px;background:#F7FAF8;border-top:1px solid rgba(15,22,33,.08);display:flex;align-items:baseline;justify-content:space-between!important;gap:6px 16px;flex-wrap:wrap}
#vf-container .vf-concl-main{font-family:'Poppins',sans-serif;font-size:15px;font-weight:600;color:#0F1621}
#vf-container .vf-concl-main b{color:#12833D;font-weight:700}
#vf-container .vf-concl-sub{font-size:13px;line-height:1.5;color:#5C6873}

@media(max-width:700px){
  #vf-container .vf-hd{padding:16px 16px 18px}
  #vf-container .vf-hd-top{margin-bottom:16px}
  #vf-container .vf-tabs{width:100%}
  #vf-container button.vf-tab{flex:1}
  #vf-container .vf-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:10px}
  #vf-container .vf-team,#vf-container .vf-team.away{flex-direction:column;align-items:center;gap:8px}
  #vf-container .vf-ttxt,#vf-container .vf-team.away .vf-ttxt{align-items:center;width:100%}
  #vf-container .vf-ttxt *,#vf-container .vf-team.away .vf-ttxt *{text-align:center!important}
  #vf-container .vf-tname{font-size:14px;line-height:1.25}
  #vf-container .vf-form{gap:3px}
  #vf-container .vf-chip{width:16px;height:16px;font-size:8.5px;border-radius:4px}
  #vf-container .vf-tsub{font-size:11px;white-space:normal}
  #vf-container .vf-logo{width:38px;height:38px}
  #vf-container .vf-mid{align-self:center}
  #vf-container .vf-score{font-size:24px}
  #vf-container .vf-score .sep{margin:0 4px}
  #vf-container .vf-score-lbl{font-size:9px;white-space:normal;max-width:80px}
  #vf-container .vf-bars{padding:16px;gap:14px}
  #vf-container .vf-bar-val{font-size:15px}
  #vf-container .vf-cols{grid-template-columns:minmax(0,1fr)}
  #vf-container .vf-col:first-child{border-right:none;border-bottom:1px solid rgba(15,22,33,.08)}
  #vf-container .vf-row,#vf-container .vf-col-hd{padding-left:16px;padding-right:16px}
  #vf-container .vf-row{min-height:0}
  #vf-container .vf-row.pad{display:none}
  #vf-container .vf-concl{padding:14px 16px}
}
@media(max-width:380px){
  #vf-container .vf-chip{width:14px;height:14px;font-size:8px}
  #vf-container .vf-tsub{display:none}
  #vf-container .vf-bar-name{font-size:9.5px;letter-spacing:.06em}
}