/* One native vertical scroller for the CRM page; the calendar stays unchanged. */
.crm-overlay {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  width: 100% !important;
  height: var(--crm-visible-height, 100dvh) !important;
  max-height: none !important;
  display: block !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-top: calc(max(var(--app-safe-top, 0px), env(safe-area-inset-top, 0px)) + 12px) !important;
  padding-bottom: 0 !important;
  overscroll-behavior-y: contain;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.crm-overlay[hidden] { display: none !important; }
.crm-overlay::-webkit-scrollbar { display: none; width: 0; height: 0; }
.crm-overlay > .sheet {
  display: block !important;
  flex: none !important;
  width: 100% !important;
  max-width: 620px !important;
  min-width: 0 !important;
  min-height: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  overflow: visible !important;
  padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px)) !important;
  touch-action: pan-y;
}
.crm-overlay .crm-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
  gap: 6px;
}
.crm-overlay .crm-tabs button { flex: 1 1 auto; min-width: 0; white-space: normal; }
.crm-overlay textarea {
  overflow-y: hidden !important;
  resize: none !important;
  max-height: none !important;
  min-height: 100px;
}
.crm-overlay form, .crm-overlay .card { max-width: 100%; min-width: 0; }