@media (max-width: 700px) {
  .admin-calendar-scroll { overflow-x: hidden; }
  .admin-mobile-calendar {
    min-width: 0;
    grid-template-columns: minmax(58px, .9fr) repeat(4, minmax(0, 1fr));
  }
  .admin-mobile-calendar .calendar-corner,
  .admin-mobile-calendar .calendar-day-head,
  .admin-mobile-calendar .employee-label,
  .admin-mobile-calendar .calendar-cell { padding: 5px 2px; overflow: hidden; }
  .admin-mobile-calendar .calendar-day-head strong { font-size: 8px; }
  .admin-mobile-calendar .calendar-day-head span { font-size: 10px; }
  .admin-mobile-calendar .employee-label strong { font-size: 9px; overflow-wrap: anywhere; }
  .admin-mobile-calendar .employee-label small { display: none; }
  .admin-mobile-calendar .calendar-cell { min-height: 70px; }
  .admin-mobile-calendar .calendar-booking { padding: 4px 2px; border-left-width: 2px; margin-bottom: 3px; }
  .admin-mobile-calendar .calendar-booking strong { font-size: 8px; }
  .admin-mobile-calendar .calendar-booking span { font-size: 7px; white-space: normal; overflow-wrap: anywhere; }
  .admin-mobile-calendar .calendar-booking small { font-size: 7px; overflow-wrap: anywhere; }
  .admin-mobile-calendar .calendar-free { font-size: 8px; padding-top: 9px; }

  .month-calendar-scroll { overflow-x: hidden; }
  .month-calendar { min-width: 0; grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .month-weekday { padding: 5px 1px; font-size: 8px; }
  .month-day { min-height: 68px; padding: 3px 2px; gap: 2px; overflow: hidden; }
  .month-day > strong { font-size: 9px; }
  .month-booking,
  .month-block { padding: 3px 1px; font-size: 7px; white-space: normal; overflow-wrap: anywhere; }
  .month-more,
  .month-count { font-size: 7px; }
}