/* Compact calendar navigation shares lesson data with the desktop calendar. */
#tutor-rhythm .mobile-week,#tutor-rhythm .month-summary{display:none}
@media(max-width:800px){
 .auth-screen .login button.auth-password-toggle{width:44px;height:44px}
 #tutor-rhythm input:not([type=checkbox]),#tutor-rhythm select,#tutor-rhythm textarea{font-size:16px}
 #tutor-rhythm button{min-height:44px}
 #tutor-rhythm .drawer .close{width:44px;height:44px;min-width:44px;min-height:44px}
 #tutor-rhythm .goalinput button{flex-shrink:0;white-space:nowrap}
 #tutor-rhythm .timeline,#tutor-rhythm .timeline.single{grid-template-columns:50px minmax(0,1fr)}
 #tutor-rhythm .timehead:not(.mobileday),#tutor-rhythm .lane:not(.mobileday){display:none}
 #tutor-rhythm .mobile-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin:0 0 12px}
 #tutor-rhythm .mobile-week button{flex-direction:column;gap:2px;padding:6px 0;min-width:0;border:0;background:transparent;border-radius:14px;color:var(--r-soft)}
 #tutor-rhythm .mobile-week button>span:first-child{font-size:11px}
 #tutor-rhythm .mobile-week strong{font-size:18px;color:var(--r-ink)}
 #tutor-rhythm .mobile-week .week-count{font-size:11px;line-height:16px}
 #tutor-rhythm .mobile-week button[aria-pressed=true]{background:var(--r-lilac);box-shadow:inset 0 0 0 1px var(--r-accent);color:var(--r-accent)}
 #tutor-rhythm .mobile-week button[aria-pressed=true] strong{color:var(--r-accent)}
 #tutor-rhythm .event strong{font-size:15px}
 #tutor-rhythm .event .event-time{font-size:13px}
 #tutor-rhythm .event-time span{display:inline}
 #tutor-rhythm .month .day,#tutor-rhythm .month .day.outside{padding:0;min-height:76px;border-radius:0;box-shadow:none}
 #tutor-rhythm .month .day>.datebtn,#tutor-rhythm .month .day>.event,#tutor-rhythm .month .day>.more{display:none}
 #tutor-rhythm .month .month-summary{display:flex;flex-direction:column;justify-content:flex-start;gap:5px;width:100%;height:100%;min-height:76px;min-width:0;padding:8px 0 5px;background:transparent;border:0;border-radius:0}
 #tutor-rhythm .month-summary strong{font-size:15px;line-height:20px}
 #tutor-rhythm .month-summary small{font-size:10px;line-height:12px;color:var(--r-soft)}
 #tutor-rhythm .day.today .month-summary strong{color:var(--r-accent)}
 #tutor-rhythm .month-dots{display:flex;justify-content:center;gap:2px;min-height:6px}
 #tutor-rhythm .month-dots .dot{width:5px;height:5px}
 #tutor-rhythm .month-dots .dot.cancelled,#tutor-rhythm .month-dots .dot.missed{background:var(--r-soft)}
 #tutor-rhythm .month .outside .month-summary{opacity:.55}
}
