/* fokus.schalke V17 – global: Wechsel & Bank nach Referenz 1.
   Betrifft ausschließlich die Matchcenter-Wechselkarten und Bank (alle Clubs).
   Einspielen nach den älteren CSS-Dateien für eindeutige Priorität. */
#matchcenterRoot .mc-lineup-panel .mc-md-changes,
#matchcenterRoot .mc-lineup-panel .mc-bench {
  padding:19px 10px 24px!important;
  background:#1b1d20!important;
  color:#f5f5f6!important;
  border-top:12px solid #111214!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-changes h4,
#matchcenterRoot .mc-lineup-panel .mc-bench h4 {
  margin:0 0 18px!important;
  font-size:clamp(23px,5.3vw,30px)!important;
  line-height:1.08!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-change-list {
  gap:15px!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
}
/* Der Mittelbereich darf keine Breite wegnehmen: zwei gleich breite Karten. */
#matchcenterRoot .mc-lineup-panel .mc-md-change-row {
  box-sizing:border-box!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-areas:'incoming outgoing'!important;
  gap:6px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:67px!important;
  padding:4px 0 0!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-change-in {
  grid-area:incoming!important;
  min-width:0!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-change-out {
  grid-area:outgoing!important;
  min-width:0!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-change-clock {
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  top:-9px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  width:auto!important;
  min-width:68px!important;
  height:22px!important;
  padding:0 5px!important;
  gap:5px!important;
  align-items:center!important;
  justify-content:center!important;
  background:#1b1d20!important;
  border-radius:5px!important;
  color:#fff!important;
  font:900 16px/1 'Barlow Condensed',sans-serif!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-change-clock .mc-sub-arrow {
  display:block!important;
  width:16px!important;
  height:16px!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-person {
  box-sizing:border-box!important;
  position:relative!important;
  width:100%!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  overflow:visible!important;
  padding:0!important;
  border:1px solid #51545a!important;
  border-radius:8px!important;
  background:#1e2023!important;
  color:#fff!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-change-in .mc-md-mini-person {
  flex-direction:row!important;
  text-align:left!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-change-out .mc-md-mini-person {
  flex-direction:row-reverse!important;
  text-align:right!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-photo {
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  flex:0 0 49px!important;
  min-width:49px!important;
  max-width:49px!important;
  width:49px!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  margin:0!important;
  overflow:hidden!important;
  background:#272a2e!important;
  border-radius:7px 0 0 7px!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-change-out .mc-md-mini-photo {border-radius:0 7px 7px 0!important;}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-name {
  display:flex!important;
  flex:1 1 0!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  gap:2px!important;
  padding:3px 4px!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-change-out .mc-md-mini-name {align-items:flex-end!important;}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-name > span {
  color:#aaaeb5!important;
  font-size:clamp(10px,2.6vw,14px)!important;
  line-height:1.1!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-name > strong {
  color:#fff!important;
  font-size:clamp(13px,3.4vw,18px)!important;
  line-height:1.04!important;
  overflow-wrap:anywhere!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-rating {
  position:absolute!important;
  z-index:8!important;
  top:-10px!important;
  left:41px!important;
  border:1px solid #454850!important;
  border-radius:7px!important;
  background:#1b1d20!important;
  color:#fd4a56!important;
  padding:3px 4px!important;
  font:900 11px/1 'Barlow Condensed',sans-serif!important;
  text-align:center!important;
  min-width:21px!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-change-out .mc-md-mini-rating {left:auto!important;right:41px!important;}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-card {
  position:absolute!important;
  z-index:8!important;
  top:-7px!important;
  right:0!important;
  width:9px!important;
  height:14px!important;
  border:1px solid #1b1d20!important;
  border-radius:2px!important;
  background:#f5d520!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-card-red {background:#e62737!important;}
#matchcenterRoot .mc-lineup-panel .mc-md-change-out .mc-md-mini-card {right:auto!important;left:0!important;}
#matchcenterRoot .mc-lineup-panel .mc-md-shirt {
  background:#373a40!important;
  color:#fff!important;
  border-radius:0 4px 0 0!important;
  font:900 13px/1 'Barlow Condensed',sans-serif!important;
  padding:3px 5px!important;
}
/* Bank: kompakte Karten, gleiches Raster bei jeder Mannschaft. */
#matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-list {
  box-sizing:border-box!important;
  display:grid!important;
  width:100%!important;
  min-width:0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px 8px!important;
  align-items:start!important;
}
#matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-list > .mc-bench-person {
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid #51545a!important;
  border-radius:8px!important;
  background:#1e2023!important;
}
#matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-list > .mc-bench-person > .mc-bench-photo {
  box-sizing:border-box!important;
  display:block!important;
  position:relative!important;
  flex:0 0 51px!important;
  width:51px!important;
  min-width:51px!important;
  max-width:51px!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  border-radius:7px 0 0 7px!important;
  background:#272a2e!important;
  overflow:hidden!important;
}
#matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-list > .mc-bench-person > .mc-bench-details {
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 0!important;
  min-width:0!important;
  width:auto!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  padding:3px 4px 3px 0!important;
  background:transparent!important;
}
#matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-list .mc-md-firstname {
  color:#aeb2b9!important;
  font-size:clamp(10px,2.6vw,13px)!important;
  line-height:1.12!important;
}
#matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-list strong {
  color:#fff!important;
  font-size:clamp(13px,3.4vw,18px)!important;
  line-height:1.06!important;
  overflow-wrap:anywhere!important;
}
/* Porträts nicht heranzoomen: das Bild bleibt vollständig sichtbar. */
#matchcenterRoot .mc-lineup-panel .mc-md-mini-photo .mc-photo-viewport,
#matchcenterRoot .mc-lineup-panel .mc-bench-photo .mc-photo-viewport {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:#272a2e!important;
  overflow:hidden!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-photo img,
#matchcenterRoot .mc-lineup-panel .mc-bench-photo img {
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
  background:transparent!important;
}
@media(max-width:360px){
  #matchcenterRoot .mc-lineup-panel .mc-md-changes,
  #matchcenterRoot .mc-lineup-panel .mc-bench {padding-left:7px!important;padding-right:7px!important;}
  #matchcenterRoot .mc-lineup-panel .mc-md-mini-photo {flex-basis:44px!important;min-width:44px!important;max-width:44px!important;width:44px!important;}
  #matchcenterRoot .mc-lineup-panel .mc-md-mini-rating {left:37px!important;}
  #matchcenterRoot .mc-lineup-panel .mc-md-change-out .mc-md-mini-rating {left:auto!important;right:37px!important;}
  #matchcenterRoot .mc-lineup-panel .mc-md-mini-name > strong,
  #matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-list strong {font-size:12px!important;}
  #matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-list > .mc-bench-person > .mc-bench-photo {flex-basis:46px!important;width:46px!important;min-width:46px!important;max-width:46px!important;}
}