/* HTNS v282 — Schedule controls density pass.
   Keeps the existing date/team interaction while reducing vertical space
   in the month/date header and Media/Worship selector cards. */

#view-schedule .simple-schedule-page{
  gap:6px !important;
}

#view-schedule .simple-schedule-date-head{
  margin:0 !important;
  padding:6px 8px 7px !important;
  border-radius:14px !important;
}

#view-schedule .simple-schedule-date-head .schedule-month-title,
#view-schedule .schedule-month-title{
  margin:0 0 4px !important;
  font-size:11.5px !important;
  line-height:1 !important;
  letter-spacing:.055em !important;
}

#view-schedule .simple-date-nav,
#view-schedule .schedule-nav-row.simple-date-nav{
  grid-template-columns:36px minmax(0, 230px) 36px !important;
  gap:7px !important;
}

#view-schedule .simple-date-nav .schedule-nav-btn,
#view-schedule .schedule-nav-btn{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  border-radius:11px !important;
  font-size:14px !important;
}

#view-schedule .simple-date-nav .schedule-date-box,
#view-schedule .schedule-date-box{
  width:100% !important;
  max-width:230px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 10px !important;
  border-radius:11px !important;
  gap:7px !important;
}

#view-schedule .schedule-date-box .schedule-date-icon,
#view-schedule .schedule-date-icon{
  width:14px !important;
  height:14px !important;
}

#view-schedule .schedule-date-box > span{
  font-size:11.5px !important;
  line-height:1 !important;
}

#view-schedule .simple-team-tabs{
  gap:7px !important;
  margin:0 !important;
  padding:0 !important;
}

#view-schedule .simple-team-tab{
  min-height:48px !important;
  height:48px !important;
  padding:0 10px !important;
  border-width:1px !important;
  border-radius:14px !important;
  gap:6px !important;
}

#view-schedule .simple-team-tab span{
  font-size:11.5px !important;
  line-height:1 !important;
  letter-spacing:.025em !important;
}

#view-schedule .simple-team-tab small{
  font-size:8.5px !important;
  line-height:1 !important;
}

@media (max-width:520px){
  #view-schedule .simple-date-nav,
  #view-schedule .schedule-nav-row.simple-date-nav{
    grid-template-columns:36px minmax(0, 1fr) 36px !important;
    gap:7px !important;
  }

  #view-schedule .schedule-date-box{
    max-width:none !important;
  }

  #view-schedule .simple-team-tab{
    min-height:46px !important;
    height:46px !important;
    border-radius:13px !important;
  }
}