/* CoachMe V3 — Actions Composition au style KPI premium */
html[data-coachme-premium="1"] body.premium-native-spa #page-compo .compo-seg{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  padding:0!important;
  margin:0 0 14px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  box-shadow:none!important;
}
html[data-coachme-premium="1"] body.premium-native-spa #page-compo .compo-sg{
  min-width:0!important;
  min-height:86px!important;
  padding:10px 3px 9px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid rgba(80,157,226,.24)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#173c63 0%,#102f50 48%,#0b2743 100%)!important;
  color:#f5f9ff!important;
  box-shadow:0 10px 24px rgba(14,45,77,.16),inset 0 1px 0 rgba(255,255,255,.035)!important;
  font-size:10px!important;
  line-height:1.05!important;
  font-weight:850!important;
  text-align:center!important;
  border-right:1px solid rgba(80,157,226,.24)!important;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease!important;
}
html[data-coachme-premium="1"] body.premium-native-spa #page-compo .compo-sg:hover{
  background:linear-gradient(145deg,#1b466f 0%,#13375a 48%,#0d2b49 100%)!important;
  border-color:rgba(75,165,248,.42)!important;
}
html[data-coachme-premium="1"] body.premium-native-spa #page-compo .compo-sg:active{
  transform:scale(.975)!important;
  background:linear-gradient(145deg,#1b466f 0%,#13375a 48%,#0d2b49 100%)!important;
}
html[data-coachme-premium="1"] body.premium-native-spa #page-compo .compo-sg .e{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(54,122,189,.32),rgba(25,73,119,.42))!important;
  border:1px solid rgba(92,171,244,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 5px 13px rgba(0,0,0,.10)!important;
  color:#dcecff!important;
  font-size:17px!important;
  line-height:1!important;
}
html[data-coachme-premium="1"] body.premium-native-spa #page-compo .compo-sg.red{
  color:#ff8791!important;
}
html[data-coachme-premium="1"] body.premium-native-spa #page-compo .compo-sg.red .e{
  color:#8fd0ff!important;
}

/* Même rendu KPI en clair : ce bloc reste volontairement bleu nuit, comme les KPIs Agenda */
html[data-coachme-premium="1"][data-theme="light"] body.premium-native-spa #page-compo .compo-seg{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-coachme-premium="1"][data-theme="light"] body.premium-native-spa #page-compo .compo-sg{
  background:linear-gradient(145deg,#173c63 0%,#102f50 48%,#0b2743 100%)!important;
  color:#f5f9ff!important;
  border-color:rgba(80,157,226,.24)!important;
  box-shadow:0 10px 24px rgba(24,63,101,.15),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-coachme-premium="1"][data-theme="light"] body.premium-native-spa #page-compo .compo-sg .e{
  background:linear-gradient(145deg,rgba(54,122,189,.32),rgba(25,73,119,.42))!important;
  border-color:rgba(92,171,244,.20)!important;
  color:#dcecff!important;
}
html[data-coachme-premium="1"][data-theme="light"] body.premium-native-spa #page-compo .compo-sg.red{color:#ff8791!important}

@media(max-width:430px){
  html[data-coachme-premium="1"] body.premium-native-spa #page-compo .compo-seg{gap:6px!important}
  html[data-coachme-premium="1"] body.premium-native-spa #page-compo .compo-sg{
    min-height:82px!important;
    padding:9px 2px 8px!important;
    border-radius:16px!important;
    font-size:9px!important;
    gap:6px!important;
  }
  html[data-coachme-premium="1"] body.premium-native-spa #page-compo .compo-sg .e{
    width:33px!important;height:33px!important;border-radius:11px!important;font-size:16px!important;
  }
}

/* FINAL SIZE — mêmes dimensions que les KPI Agenda sur mobile */
@media(max-width:520px){
  html[data-coachme-premium="1"] body.premium-native-spa #page-compo .compo-seg{
    margin:0 12px 14px!important;
    gap:6px!important;
  }
  html[data-coachme-premium="1"] body.premium-native-spa #page-compo .compo-sg{
    min-height:55px!important;
    height:55px!important;
    padding:5px 2px 4px!important;
    border-radius:15px!important;
    gap:3px!important;
    font-size:8px!important;
    line-height:1!important;
  }
  html[data-coachme-premium="1"] body.premium-native-spa #page-compo .compo-sg .e{
    width:25px!important;
    height:25px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }
}

/* Composition — prénom joueur directement sur le terrain, sans cartouche */
html[data-coachme-premium="1"] body.premium-native-spa #page-compo .pp-name{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.05!important;
  letter-spacing:0!important;
  text-shadow:0 1px 2px rgba(0,0,0,.95),0 2px 5px rgba(0,0,0,.72)!important;
}
@media(max-width:520px){
  html[data-coachme-premium="1"] body.premium-native-spa #page-compo .pp-name{
    font-size:11px!important;
    font-weight:600!important;
  }
}

/* FINAL — Composition : prénom noir, sans ombre, sans cartouche */
html[data-coachme-premium="1"] body.premium-native-spa #page-compo .pp-name{
  color:#000!important;
  text-shadow:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.05!important;
}

/* FINAL — Composition : prénom noir légèrement plus gras */
html[data-coachme-premium="1"] body.premium-native-spa #page-compo .pp-name{
  font-weight:700!important;
}
