/* DASM Live R6.31 — stable mobile Teams toolbar.
   Avoid Safari display:contents; render visual 2 + 1 + 2 blocks as five controls. */
@media (max-width:760px){
  html body #view-teams .page-head{margin-bottom:8px!important}
  html body #view-teams .teams-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,2fr)!important;
    grid-template-rows:40px!important;
    align-items:stretch!important;
    gap:4px!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    margin:0 0 9px!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body #view-teams .teams-mode-toggle{
    grid-column:1!important;grid-row:1!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;gap:4px!important;
    width:100%!important;height:40px!important;min-height:40px!important;
    padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  }
  html body #view-teams .teams-club-filter{
    grid-column:2!important;grid-row:1!important;
    width:100%!important;min-width:0!important;max-width:none!important;height:40px!important;margin:0!important;
  }
  html body #view-teams .team-actions{
    grid-column:3!important;grid-row:1!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;gap:4px!important;
    width:100%!important;min-width:0!important;max-width:none!important;height:40px!important;margin:0!important;
  }
  html body #view-teams .teams-mode-toggle button,
  html body #view-teams .teams-club-filter .club-picker,
  html body #view-teams .teams-club-filter .club-picker-button,
  html body #view-teams #teamsInPlay,
  html body #view-teams #teamsMine{
    width:100%!important;min-width:0!important;max-width:none!important;
    height:40px!important;min-height:40px!important;max-height:40px!important;
    margin:0!important;padding:0 3px!important;
    border-radius:11px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
    line-height:1!important;font-size:10px!important;font-weight:900!important;
  }
  html body #view-teams .teams-mode-toggle button{
    border:1px solid #c8d7e3!important;background:#f3f7f9!important;color:#35536f!important;
  }
  html body #view-teams .teams-mode-toggle button.active{
    background:#fff!important;color:#102f5d!important;box-shadow:0 2px 8px rgba(13,39,72,.11)!important;
  }
  html body #view-teams .teams-club-filter>span{display:none!important}
  html body #view-teams .teams-club-filter .club-picker-button{justify-content:center!important;gap:2px!important;padding:0 2px!important}
  html body #view-teams .teams-club-filter .club-picker-button i{font-size:8px!important;flex:0 0 auto!important}
  html body #view-teams #teamClubPickerButton>span{min-width:0!important;justify-content:center!important;gap:2px!important}
  html body #view-teams #teamClubPickerButton>span:not(:has(img)):not(.club-picker-selected)>b{font-size:0!important}
  html body #view-teams #teamClubPickerButton>span:not(:has(img)):not(.club-picker-selected)>b::after{content:'Club';font-size:10px!important}
  html body #view-teams #teamsInPlay{font-size:0!important}
  html body #view-teams #teamsInPlay::after{content:'In Play';font-size:10px!important;font-weight:900!important}
  html body #view-teams #teamsMine{font-size:0!important}
  html body #view-teams #teamsMine::after{content:'My Teams';font-size:10px!important;font-weight:900!important}
}