/* Keep weekday headings and dates on the same seven tracks, even with long job names. */
.calendar-week,.calendar-grid {
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  width:100%!important;
  min-width:0!important;
  gap:0!important;
  box-sizing:border-box;
}
.calendar-grid>.day {min-width:0;margin:0;box-sizing:border-box;overflow-wrap:anywhere}
.calendar-week>span {min-width:0;padding:7px 1px}
.calendar-grid .day-events,.calendar-grid .day-event {min-width:0;max-width:100%}
.calendar-grid .day-event {white-space:normal;overflow-wrap:anywhere}
.calendar-event-actions {flex-wrap:wrap}
.calendar-grid-panel,.calendar-month-section,.dashboard-mini-calendar,.external-readonly-calendar {min-width:0;max-width:100%}
.calendar-two-month-scroll {padding-right:0!important;scrollbar-gutter:stable}
.calendar-app-link {display:inline-block;padding:10px;color:#075b73;font-weight:700}
.calendar-install-help {margin:10px 0;padding:12px;background:#edf8fa;border-radius:12px}
.calendar-install-help summary {cursor:pointer;font-weight:700}
.calendar-app .sidebar,.calendar-app .global-company-header,.calendar-app .beta-test-bar,
.calendar-app .role-preview-banner,.calendar-app #rolePreviewPanel,.calendar-app #requestNotificationBell,
.calendar-app #requestNotificationDrawer,.calendar-app #resetDemo {display:none!important}
.calendar-app .app-shell {grid-template-columns:minmax(0,1fr)}
.calendar-app main {min-width:0;max-width:1200px;width:100%;margin:auto!important}
.calendar-app main>section.view {display:none!important}
.calendar-app body[data-live-role="admin"] main>#calendar {display:flex!important;flex-direction:column}
.calendar-app body[data-live-role="contractor"] main>#externalCalendar,
.calendar-app body[data-live-role="project_manager"] main>#externalCalendar {display:block!important}
.calendar-app .topbar {position:static!important;flex-wrap:wrap}
.calendar-app .topbar h1 {font-size:24px}
.calendar-app #calendar>.calendar-toolbar {order:0}
.calendar-app #calendar>.calendar-grid-panel {order:1}
.calendar-app #calendar>.calendar-entry-panel {order:2}
.calendar-app #calendar>#calendarTaskPanel {order:3}
.calendar-app #calendar>.calendar-upcoming-panel {order:4}
.calendar-app #calendar>.calendar-install-help {order:5}
@media(max-width:900px) {
  .calendar-grid .day {padding:3px;min-height:95px}
  .calendar-grid .day-event {font-size:10px;padding:3px;border-left-width:2px}
  .calendar-event-actions button {min-height:30px;padding:3px!important;max-width:100%}
  .calendar-toolbar {gap:8px;flex-wrap:wrap;justify-content:center}
  .calendar-jump {flex-wrap:wrap;justify-content:center;min-width:0}
  .calendar-grid-panel {padding:8px}
  .calendar-app main {padding:8px}
  .calendar-app .calendar-entry-panel input,.calendar-app .calendar-entry-panel select,
  .calendar-app .calendar-entry-panel textarea {font-size:16px}
  .calendar-app #liveUserLabel {font-size:11px;overflow-wrap:anywhere}
}