/* HTNS v302 r78 — Schedule team count badges.
   Keep 10/10 and 11/11 tiny in the top-right corner so MEDIA TEAM and
   WORSHIP TEAM always remain fully readable on iPhone widths. */
@media (max-width:520px){
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tab{
    position:relative !important;
    grid-template-columns:30px minmax(0,1fr) !important;
    padding:0 7px !important;
    overflow:hidden !important;
  }

  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tab span{
    min-width:0 !important;
    padding:0 !important;
    transform:translateY(3px) !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tab small{
    position:absolute !important;
    top:3px !important;
    right:5px !important;
    z-index:2 !important;

    width:auto !important;
    min-width:0 !important;
    height:15px !important;
    min-height:15px !important;
    max-height:15px !important;

    margin:0 !important;
    padding:2px 4px !important;
    border-radius:999px !important;

    font-size:6.8px !important;
    line-height:11px !important;
    font-weight:900 !important;
    letter-spacing:-.01em !important;
    text-align:center !important;
    white-space:nowrap !important;

    opacity:.94 !important;
    pointer-events:none !important;
  }

  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:first-child small{
    background:#EAF3FA !important;
    color:#667E94 !important;
  }
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:first-child.active small{
    background:#DDF0FF !important;
    color:#1688D8 !important;
  }
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:last-child small{
    background:#F1F3F7 !important;
    color:#74859A !important;
  }
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:last-child.active small{
    background:#DDF0FF !important;
    color:#1688D8 !important;
  }
}

@media (max-width:390px){
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tab small{
    top:2px !important;
    right:4px !important;
    height:14px !important;
    min-height:14px !important;
    max-height:14px !important;
    padding:2px 3px !important;
    font-size:6.2px !important;
    line-height:10px !important;
  }
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tab span{
    transform:translateY(3px) !important;
  }
}

/* r118 visual refinement: emphasize both team buttons and make the selected
   team unmistakable. Keep the existing labels, corner counts and tab behavior. */
html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:is(:first-child,:last-child){
  height:48px !important;
  min-height:48px !important;
  border:1.5px solid #86B5DD !important;
  background:linear-gradient(145deg,#F3FAFF,#DFEEFC) !important;
  color:#174D7C !important;
  box-shadow:0 3px 8px rgba(30,83,132,.12) !important;
  cursor:pointer;
}
html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:is(:first-child,:last-child) > svg{
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
  padding:6px !important;
  box-sizing:border-box !important;
  border-radius:50% !important;
  background:#CBE5FA !important;
  color:#1765A1 !important;
}
html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:is(:first-child,:last-child) span{
  color:#174D7C !important;
  font-weight:900 !important;
}
html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:is(:first-child,:last-child) small{
  background:#D0E5F7 !important;
  color:#174D7C !important;
  border-radius:999px !important;
  opacity:1 !important;
}
html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:is(:first-child,:last-child).active{
  border-color:#15538C !important;
  background:linear-gradient(135deg,#1D77B8,#175692) !important;
  color:#FFFFFF !important;
  box-shadow:0 4px 12px rgba(24,89,151,.26),inset 0 1px 0 rgba(255,255,255,.15) !important;
}
html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:is(:first-child,:last-child).active span{
  color:#FFFFFF !important;
}
html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:is(:first-child,:last-child).active > svg{
  background:rgba(255,255,255,.18) !important;
  color:#FFFFFF !important;
}
html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:is(:first-child,:last-child).active small{
  background:rgba(4,34,68,.28) !important;
  color:#FFFFFF !important;
}
html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:focus-visible{
  outline:3px solid #123D6A !important;
  outline-offset:3px !important;
}
@media (hover:hover) and (pointer:fine){
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:not(.active):hover{
    border-color:#327CAF !important;
    box-shadow:0 4px 12px rgba(30,83,132,.2) !important;
  }
}
@media (max-width:360px){
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:is(:first-child,:last-child){
    grid-template-columns:26px minmax(0,1fr) !important;
    gap:5px !important;
  }
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:is(:first-child,:last-child) > svg{
    width:26px !important;
    height:26px !important;
    flex-basis:26px !important;
    padding:5px !important;
  }
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule .simple-team-tabs .simple-team-tab:is(:first-child,:last-child) span{
    font-size:11px !important;
    letter-spacing:0 !important;
  }
}