/* 1154 - calendar embedded in the administration center: one outer scroll only.
   Does not change standalone calendar behavior or any business records. */
body.calendar-embedded-1154 { overflow-y: visible !important; }
body.calendar-embedded-1154.drawer-open { overflow-y: visible !important; }
body.calendar-embedded-1154 #calendar-drawer-host .calendar-drawer {
  position: absolute !important;
  top: var(--seishin-calendar-panel-top, 12px) !important;
  bottom: auto !important;
  right: 10px !important;
  left: auto !important;
  height: var(--seishin-calendar-panel-height, 680px) !important;
  min-height: 0 !important;
  max-height: var(--seishin-calendar-panel-height, 680px) !important;
  width: min(430px, calc(100% - 20px)) !important;
  max-width: calc(100% - 20px) !important;
  border-radius: 15px !important;
  box-shadow: 0 14px 40px rgb(0 0 0 / 22%) !important;
}
body.calendar-embedded-1154 #calendar-drawer-host .drawer-shade {
  position: absolute !important;
  top: var(--seishin-calendar-panel-top, 12px) !important;
  bottom: auto !important;
  left: 0 !important;
  right: 0 !important;
  height: var(--seishin-calendar-panel-height, 680px) !important;
  pointer-events: none !important;
}
@media (min-width: 900px) {
  body.calendar-embedded-1154 #calendar-drawer-host .drawer-shade { display: none !important; }
}
@media (max-width: 899px) {
  body.calendar-embedded-1154 #calendar-drawer-host .drawer-shade {
    display: block !important;
    pointer-events: auto !important;
  }
  body.calendar-embedded-1154 #calendar-drawer-host .calendar-drawer {
    right: 4px !important;
    width: min(450px, calc(100% - 8px)) !important;
    max-width: calc(100% - 8px) !important;
  }
}