@media screen{
  .calendar-shell{grid-template-columns:minmax(0,1fr)}
  .day-panel{display:none}
  .calendar-scroll{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 278px)}
  .calendar-grid{--teacher:145px;width:100%;min-width:0!important}
  .calendar-grid .cell{min-height:72px}
  .calendar-grid .time-head{min-height:40px;height:40px;padding:9px 2px 0;font-size:10px;line-height:1.05;overflow:hidden}
  .calendar-grid .time-head small{display:block;font-size:8px;margin-top:2px}
  .calendar-grid .teacher-cell{padding:11px 8px;gap:7px}
  .calendar-grid .teacher-avatar{width:29px;height:29px;border-radius:8px;font-size:10px;flex:0 0 auto}
  .calendar-grid .teacher-cell strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px}
  .calendar-grid .teacher-cell small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px}
  .calendar-grid .lesson{top:6px;left:2px;right:2px;width:auto;min-width:0;max-width:none;justify-self:stretch;height:59px;border-radius:6px;border-left-width:3px;padding:6px 5px;box-shadow:0 1px 4px rgba(34,54,59,.09);transition:left .12s ease,right .12s ease,width .12s ease}
  .calendar-grid .lesson strong{font-size:10px}
  .calendar-grid .lesson small{font-size:8px;margin-top:3px}
  .calendar-grid .lesson .capacity{right:4px;bottom:4px;font-size:8px}
  .calendar-grid .lesson.stacked{height:27px!important;padding:4px 5px}
  .calendar-grid .lesson.stacked strong{font-size:9px}
  .calendar-grid .lesson.stacked .capacity{bottom:7px}
  .calendar-grid .slot.unavailable:after{display:none}
  .drop-ready{outline:2px solid var(--orange);outline-offset:-2px;filter:saturate(1.15)}
}
@media screen and (max-width:1200px){.calendar-grid .teacher-cell small{display:none}.calendar-grid .teacher-cell strong{max-width:92px}.calendar-scroll{max-height:calc(100vh - 306px)}}