/* PALUX 469 — fixed Associate My Schedule workspace on phones.
   The page context stays visible while only the seven day cards scroll. */
@media(max-width:700px){
  html.palux-mobile-schedule-fixed,
  body.palux-mobile-schedule-fixed{
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body.palux-mobile-schedule-fixed{
    position:fixed!important;
    inset:0!important;
  }

  body.palux-mobile-schedule-fixed .app-shell,
  body.palux-mobile-schedule-fixed .main,
  body.palux-mobile-schedule-fixed #content{
    min-height:0!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body.palux-mobile-schedule-fixed:has(#associateClockBar:not(.hidden)) .main{
    padding-bottom:0!important;
  }

  body.palux-mobile-schedule-fixed .palux-mobile-schedule-page{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    height:var(--palux-mobile-schedule-height,620px)!important;
    min-height:0!important;
    max-height:var(--palux-mobile-schedule-height,620px)!important;
    overflow:hidden!important;
  }

  body.palux-mobile-schedule-fixed .palux-mobile-schedule-page>.module-hero{
    flex:0 0 auto!important;
    margin:0!important;
  }

  body.palux-mobile-schedule-fixed .palux-mobile-schedule-page>.palux-associate-schedule-flag{
    flex:0 0 auto!important;
    margin:0!important;
  }

  body.palux-mobile-schedule-fixed .palux-mobile-schedule-days-card{
    box-sizing:border-box!important;
    flex:1 1 auto!important;
    min-height:150px!important;
    overflow:hidden!important;
    padding:12px!important;
    display:flex!important;
  }

  body.palux-mobile-schedule-fixed .palux-mobile-schedule-days-card .schedule-list{
    width:100%!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:1px 2px 14px!important;
    scroll-padding-block:10px!important;
  }

  body.palux-mobile-schedule-fixed .palux-mobile-schedule-days-card .schedule-day{
    flex:0 0 auto!important;
  }

  body.palux-mobile-schedule-fixed .palux-mobile-schedule-page>.palux-associate-availability-card{
    flex:0 0 auto!important;
    margin:0!important;
    max-height:min(42dvh,360px)!important;
    overflow:hidden!important;
  }

  body.palux-mobile-schedule-fixed .palux-associate-availability-card.expanded .palux-associate-availability-body{
    max-height:min(31dvh,270px)!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.palux-mobile-schedule-fixed .palux-mobile-schedule-page:has(>.palux-associate-availability-card.expanded)>.palux-mobile-schedule-days-card{
    display:none!important;
  }

  body.palux-mobile-schedule-fixed .palux-mobile-schedule-page>.palux-associate-availability-card.expanded{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
  }

  body.palux-mobile-schedule-fixed .palux-mobile-schedule-page>.palux-associate-availability-card.expanded .palux-associate-availability-body{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}

@media(max-width:700px) and (max-height:760px){
  body.palux-mobile-schedule-fixed .palux-mobile-schedule-page{
    gap:8px!important;
  }
  body.palux-mobile-schedule-fixed .palux-mobile-schedule-page>.module-hero{
    padding:14px!important;
  }
  body.palux-mobile-schedule-fixed .palux-mobile-schedule-page>.module-hero p{
    font-size:12px!important;
    line-height:1.3!important;
  }
  body.palux-mobile-schedule-fixed .palux-mobile-schedule-days-card{
    min-height:120px!important;
    padding:9px!important;
  }
}