/* v38.2 – stabiler Phasenumschalter ohne horizontales Scrollen */
.publicCompetitionsPage .publicPhaseTabsFixed{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:6px !important;
  width:min(100%,430px) !important;
  max-width:430px !important;
  overflow:visible !important;
  padding:5px !important;
  margin:0 !important;
  border-radius:16px !important;
  background:#eef4f1 !important;
  border:1px solid #dbe6e0 !important;
  scroll-snap-type:none !important;
}

.publicCompetitionsPage .publicPhaseTabsFixed button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  flex:none !important;
  margin:0 !important;
  padding:10px 10px !important;
  border-radius:12px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:13px !important;
  font-weight:850 !important;
}

.publicCompetitionsPage .publicPhaseTabsFixed button.active{
  background:#0b6b50 !important;
  color:#fff !important;
  box-shadow:0 5px 14px rgba(11,107,80,.18) !important;
}

@media(max-width:700px){
  .publicCompetitionsPage .cardHeader:has(.publicPhaseTabsFixed){
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:stretch !important;
    gap:10px !important;
  }

  .publicCompetitionsPage .cardHeader:has(.publicPhaseTabsFixed) > *{
    min-width:0 !important;
  }

  .publicCompetitionsPage .publicPhaseTabsFixed{
    width:100% !important;
    max-width:none !important;
  }

  .publicCompetitionsPage .publicPhaseTabsFixed button{
    min-height:46px !important;
    padding:10px 7px !important;
    font-size:12.5px !important;
  }
}

@media(max-width:360px){
  .publicCompetitionsPage .publicPhaseTabsFixed{
    gap:4px !important;
    padding:4px !important;
  }
  .publicCompetitionsPage .publicPhaseTabsFixed button{
    font-size:11.5px !important;
    padding:9px 4px !important;
  }
}