/* Approved compact mobile calendar. Desktop calendar and stored data unchanged. */
#mobileCalendarDetails[hidden]{display:none!important}
@media(max-width:700px){
  #calendarView>.panel{display:flex;flex-direction:column;padding:12px}
  #calendarView .calhead{order:0;margin-bottom:8px}
  #calendarView .calendarLegend{order:1;gap:5px;margin-bottom:9px!important}
  #calendarView .legendLegend{padding:4px 6px;font-size:11px;border-radius:4px}
  #calendarView #calendar.mobile-month{order:2;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
  #calendarView #mobileCalendarDetails{order:3;margin-top:14px;min-width:0}
  #calendarView .previsitBox{order:4;margin:14px 0 0;padding:12px}
  #calendarView>.panel>.sub{order:5}
  #calendarView .mobile-week{font-size:12px;color:#554e45;text-align:center;padding:3px 0}
  #calendarView .mobile-blank{min-width:0;min-height:64px}
  #calendarView .mobile-date{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%;min-width:0;min-height:64px;margin:0;padding:3px 1px 4px;border:1px solid transparent;border-bottom-color:#ccc6bb;border-radius:4px;background:transparent;color:#272724;text-align:left;font:inherit}
  #calendarView .mobile-date[aria-pressed="true"]{border-color:#272724;background:#fff}
  #calendarView .mobile-daynum{display:block;min-height:20px;padding:0 3px;font-size:14px;line-height:20px;font-weight:700}
  #calendarView .mobile-chip{display:block;min-width:0;width:100%;min-height:19px;margin:0;padding:2px 3px;border:0;border-radius:3px;color:#fff;font-size:11px;line-height:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
  #calendarView .mobile-chip.gas{background:#07653b}
  #calendarView .mobile-chip.subway{background:#194fba}
  #calendarView .mobile-chip.hall{background:#7135a7}
  #calendarView .mobile-chip.location{background:#b42952}
  #calendarView .mobile-chip.visit{background:#a45107}
  #calendarView .mobile-chip.independent{background:#4a344c}
  #calendarView .mobile-chip.selected-event{box-shadow:inset 0 0 0 1px #fff}
  #calendarView .mobile-date:focus-visible,#calendarView .mobile-agenda-item:focus-visible{outline:3px solid #12654a;outline-offset:2px}
  #calendarView .mobile-detail-title{font-size:17px;color:#272724;margin:0}
  #calendarView .mobile-detail-count{font-size:13px;color:#605a51;margin:4px 0 10px}
  #calendarView .mobile-agenda-item,#calendarView .mobile-event-detail{display:flex;flex-direction:column;align-items:stretch;gap:5px;width:100%;min-width:0;padding:11px 12px;margin:8px 0 0;border:1px solid #ccc6bb;border-left:4px solid #272724;border-radius:8px;background:#fff;color:#272724;text-align:left;font:inherit;font-size:15px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
  #calendarView .mobile-agenda-item{min-height:48px}
  #calendarView :is(.mobile-agenda-item,.mobile-event-detail).gas{border-left-color:#07653b}
  #calendarView :is(.mobile-agenda-item,.mobile-event-detail).subway{border-left-color:#194fba}
  #calendarView :is(.mobile-agenda-item,.mobile-event-detail).hall{border-left-color:#7135a7}
  #calendarView :is(.mobile-agenda-item,.mobile-event-detail).location{border-left-color:#b42952}
  #calendarView :is(.mobile-agenda-item,.mobile-event-detail).visit{border-left-color:#a45107}
  #calendarView :is(.mobile-agenda-item,.mobile-event-detail).independent{border-left-color:#4a344c}
  #calendarView .mobile-event-detail h4{font-size:17px;margin:3px 0 0}
  #calendarView .mobile-event-detail p{margin:0}
  #calendarView .mobile-kind,#calendarView .mobile-meta,#calendarView .mobile-note-label{font-size:12px;color:#605a51}
  #calendarView .mobile-event-time{font-weight:750}
  #calendarView .mobile-note-label{margin-top:6px}
  #calendarView .mobile-note{white-space:pre-wrap}
  #calendarView .mobile-event-detail>.btn{margin-top:8px;min-height:48px;font-size:14px}
}