#cp,#cp *{box-sizing:border-box!important}
#cp{display:block;width:100%;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#0F1621;text-align:left!important;-webkit-font-smoothing:antialiased}
#cp *{text-align:left}
@keyframes cp-sh{0%{background-position:200% 0}100%{background-position:-200% 0}}
#cp .cp-sk,#cp-stand-ov .cp-sk{display:inline-block;height:20px;width:80px;border-radius:6px;vertical-align:middle;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:cp-sh 1.3s ease-in-out infinite}
#cp .cp-card{background:#fff;border:1px solid rgba(15,22,33,.10);border-radius:18px;overflow:hidden;box-shadow:none}

/* Kop van de kaart */
#cp .cp-head{display:flex;align-items:center;justify-content:space-between!important;flex-wrap:wrap;gap:12px 16px;padding:15px 26px;background:#F7FAF8;border-bottom:1px solid rgba(15,22,33,.08)}
#cp .cp-hl{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;min-width:0}
#cp .cp-eb{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#12833D;white-space:nowrap}
#cp .cp-tick{width:3px;height:13px;flex:none;border-radius:2px;background:#169A47}
#cp a.cp-league{display:inline!important;margin:0!important;padding:0!important;background:none!important;border:0!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:12.5px!important;font-weight:500!important;line-height:1.4!important;color:#5C6873!important;text-decoration:none!important;white-space:nowrap;transition:color .15s}
#cp a.cp-league:hover{color:#12833D!important}
#cp .cp-hr{display:flex;align-items:center;gap:10px;flex:none}
#cp .cp-hr-lbl{font-size:12px;line-height:1.3;color:#7A8792;white-space:nowrap}
#cp .cp-form{display:flex;gap:4px}
#cp .cp-fch{width:22px;height:22px;flex:none;display:flex;align-items:center;justify-content:center!important;border-radius:6px;font-family:'Poppins',system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1;text-align:center!important}
#cp .cp-fch.W{background:#169A47;color:#fff}
#cp .cp-fch.G{background:#6B7280;color:#fff}
#cp .cp-fch.V{background:#E4574C;color:#fff}
#cp .cp-fch.e{background:rgba(15,22,33,.06)}

/* Stand en laatste wedstrijd */
#cp .cp-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid rgba(15,22,33,.08)}
#cp .cp-col{min-width:0;padding:22px 26px 24px}
#cp .cp-col+.cp-col{border-left:1px solid rgba(15,22,33,.08)}
#cp .cp-lbl{font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#7A8792}
#cp .cp-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin-top:10px}
#cp .cp-big{font-family:'Poppins',system-ui,sans-serif;font-size:30px;font-weight:700;line-height:1;letter-spacing:-.02em;color:#0F1621;font-variant-numeric:tabular-nums;white-space:nowrap}
#cp .cp-note{font-size:14px;line-height:1.4;color:#5C6873}
#cp .cp-ladder{display:flex;gap:3px;margin-top:14px}
#cp .cp-lb{flex:1 1 0;height:6px;border-radius:2px;background:rgba(15,22,33,.09)}
#cp .cp-lb.on{background:#169A47}
#cp .cp-lb.up{background:rgba(22,154,71,.28)}
#cp button.cp-link{display:inline-flex;align-items:center;gap:6px;margin:16px 0 0;padding:0;border:0;background:none;font-family:'Poppins',system-ui,sans-serif;font-size:13.5px;font-weight:600;line-height:1.3;color:#12833D;cursor:pointer;transition:color .15s}
#cp button.cp-link:hover{color:#0E6B33}
#cp button.cp-link svg{width:14px;height:14px;display:block;transition:transform .15s}
#cp button.cp-link:hover svg{transform:translateX(3px)}
#cp button.cp-link:focus-visible{outline:2px solid #169A47;outline-offset:3px;border-radius:4px}
#cp .cp-mtop{display:flex;align-items:center;justify-content:space-between!important;gap:12px}
#cp .cp-pill{padding:4px 11px;border-radius:999px;font-family:'Poppins',system-ui,sans-serif;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}
#cp .cp-pill.W{color:#12833D;background:rgba(22,154,71,.10);border:1px solid rgba(22,154,71,.30)}
#cp .cp-pill.V{color:#C2433A;background:rgba(228,87,76,.10);border:1px solid rgba(228,87,76,.35)}
#cp .cp-pill.G{color:#5C6873;background:rgba(15,22,33,.06);border:1px solid rgba(15,22,33,.12)}
#cp .cp-opp{font-family:'Poppins',system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.3;color:#0F1621;overflow-wrap:break-word}
#cp .cp-meta{margin-top:8px;font-size:13px;line-height:1.4;color:#7A8792}
#cp .cp-empty{padding:8px 0 0;font-size:13.5px;line-height:1.5;color:#7A8792}

/* Cijfers */
#cp .cp-cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid rgba(15,22,33,.08)}
#cp .cp-cell{min-width:0;padding:20px 26px 22px}
#cp .cp-cell+.cp-cell{border-left:1px solid rgba(15,22,33,.08)}
#cp .cp-cell-lbl{min-height:27px;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#7A8792}
#cp .cp-cell-val{margin-top:10px;font-family:'Poppins',system-ui,sans-serif;font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#0F1621;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cp .cp-cell-note{min-height:18px;margin-top:5px;font-size:13px;line-height:1.4;color:#7A8792;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Transfers */
#cp .cp-tfhd{display:flex;align-items:center;justify-content:space-between!important;gap:12px;padding:12px 26px;background:#F7FAF8;border-bottom:1px solid rgba(15,22,33,.06)}
#cp .cp-tfhd-t{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#0F1621}
#cp .cp-tf{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;column-gap:16px;padding:13px 26px}
#cp .cp-tf+.cp-tf{border-top:1px solid rgba(15,22,33,.06)}
#cp .cp-tag{padding:4px 0;border-radius:7px;font-family:'Poppins',system-ui,sans-serif;font-size:11px;font-weight:600;line-height:1.3;text-align:center!important}
#cp .cp-tag.in{color:#12833D;background:rgba(22,154,71,.10);border:1px solid rgba(22,154,71,.30)}
#cp .cp-tag.out{color:#5C6873;background:#F7FAF8;border:1px solid rgba(15,22,33,.10)}
#cp .cp-tag.loan{color:#12833D;background:rgba(22,154,71,.05);border:1px dashed rgba(22,154,71,.35)}
#cp .cp-tf-name{font-family:'Poppins',system-ui,sans-serif;font-size:15px;font-weight:600;line-height:1.3;color:#0F1621;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cp .cp-tf-detail{font-size:13px;line-height:1.4;color:#7A8792;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cp .cp-tf-date{font-size:12px;line-height:1.3;color:#7A8792;text-align:right!important;white-space:nowrap;font-variant-numeric:tabular-nums}
#cp .cp-tf-empty{padding:14px 26px;font-size:13.5px;line-height:1.5;color:#7A8792}

/* Stand-popup */
#cp-stand-ov{display:none;position:fixed;inset:0;z-index:99990;align-items:center;justify-content:center;padding:16px;background:rgba(10,16,23,.55)}
#cp-stand-ov.open{display:flex}
#cp-stand-ov,#cp-stand-ov *{box-sizing:border-box!important;text-align:left}
#cp-stand-ov .cpm{display:flex;flex-direction:column;width:100%;max-width:560px;max-height:86vh;overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(10,16,23,.28);font-family:'Plus Jakarta Sans',system-ui,sans-serif;animation:cp-pop .22s ease}
@keyframes cp-pop{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#cp-stand-ov .cpm-grab{display:none}
#cp-stand-ov .cpm-hd{display:flex;align-items:center;justify-content:space-between!important;gap:12px;flex:none;padding:14px 16px 14px 20px;border-bottom:1px solid rgba(15,22,33,.08)}
#cp-stand-ov .cpm-hd-t{display:flex;align-items:center;gap:10px;min-width:0}
#cp-stand-ov .cpm-hd-logo{width:24px;height:24px;flex:none;object-fit:contain}
#cp-stand-ov .cpm-hd-name{font-family:'Poppins',system-ui,sans-serif;font-size:15px;font-weight:600;line-height:1.3;color:#0F1621;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cp-stand-ov button.cpm-close{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:50%;background:#F2F7F4;color:#0F1621;cursor:pointer;transition:background-color .15s}
#cp-stand-ov button.cpm-close:hover{background:#E3EFE7}
#cp-stand-ov button.cpm-close svg{width:13px;height:13px;display:block}
#cp-stand-ov button:focus-visible{outline:2px solid #169A47;outline-offset:2px}
#cp-stand-ov .cpm-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
#cp-stand-ov .cpm-foot{flex:none;padding:10px 16px;border-top:1px solid rgba(15,22,33,.08);background:#F7FAF8;font-size:11.5px;line-height:1.4;color:#7A8792;text-align:center!important}
#cp-stand-ov .cpsh,#cp-stand-ov .cpsr{display:grid;grid-template-columns:30px 24px minmax(0,1fr) 30px 28px 28px 28px 34px 40px;align-items:center;gap:2px;padding:9px 16px}
#cp-stand-ov .cpsh{position:sticky;top:0;z-index:1;background:#F7FAF8;border-bottom:1px solid rgba(15,22,33,.08);font-size:9.5px;font-weight:700;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;color:#7A8792}
#cp-stand-ov .cpsh span,#cp-stand-ov .cpsr span{text-align:center!important}
#cp-stand-ov .cpsh span:nth-child(3),#cp-stand-ov .cpsr .nm{text-align:left!important}
#cp-stand-ov .cpsr+.cpsr{border-top:1px solid rgba(15,22,33,.05)}
#cp-stand-ov .cpsr.hl{background:rgba(22,154,71,.08)}
#cp-stand-ov .rk{font-family:'Poppins',system-ui,sans-serif;font-size:12px;font-weight:600;color:#7A8792;font-variant-numeric:tabular-nums}
#cp-stand-ov .lg{display:flex;align-items:center;justify-content:center}
#cp-stand-ov .lg img{width:18px;height:18px;object-fit:contain}
#cp-stand-ov .nm{padding:0 6px;font-family:'Poppins',system-ui,sans-serif;font-size:12.5px;font-weight:600;color:#0F1621;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cp-stand-ov .nm.b{color:#12833D;font-weight:700}
#cp-stand-ov .st{font-family:'Poppins',system-ui,sans-serif;font-size:12px;color:#5C6873;font-variant-numeric:tabular-nums}
#cp-stand-ov .st.pts{font-weight:700;color:#0F1621}
#cp-stand-ov .grp{padding:8px 16px 5px;background:#F7FAF8;border-bottom:1px solid rgba(15,22,33,.06);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7A8792}

@media(max-width:900px){
  #cp .cp-top{grid-template-columns:minmax(0,1fr)}
  #cp .cp-col+.cp-col{border-left:0;border-top:1px solid rgba(15,22,33,.08)}
  #cp .cp-cells{grid-template-columns:repeat(2,minmax(0,1fr))}
  #cp .cp-cell:nth-child(3){border-left:0}
  #cp .cp-cell:nth-child(n+3){border-top:1px solid rgba(15,22,33,.08)}
}
@media(max-width:560px){
  #cp .cp-head{padding:14px 16px}
  #cp .cp-col{padding:16px}
  #cp .cp-cell{padding:14px 16px}
  #cp .cp-big{font-size:24px}
  #cp .cp-cell-val{font-size:17px}
  #cp .cp-tfhd{padding:12px 16px}
  #cp .cp-tf{grid-template-columns:52px minmax(0,1fr) auto;column-gap:12px;padding:12px 16px}
  #cp .cp-tf-empty{padding:12px 16px}
  #cp .cp-opp{font-size:15px}
  #cp-stand-ov{align-items:flex-end;padding:0}
  #cp-stand-ov .cpm{max-width:100%;max-height:85vh;border-radius:18px 18px 0 0}
  #cp-stand-ov .cpm-grab{display:block;flex:none;width:38px;height:4px;margin:8px auto 0;border-radius:999px;background:rgba(15,22,33,.18)}
  #cp-stand-ov .cpsh,#cp-stand-ov .cpsr{grid-template-columns:26px 22px minmax(0,1fr) 28px 32px 40px;padding:9px 14px}
  #cp-stand-ov .col-hide{display:none}
}
@media(prefers-reduced-motion:reduce){#cp .cp-sk,#cp-stand-ov .cpm{animation:none}#cp *{transition:none!important}}
