/* The date selector stays in the toolbar, including previously compiled open headings. */
.crm-root .crm-calendar-tools { justify-content: flex-start; gap: 8px; flex-wrap: wrap; }
.crm-root .crm-calendar-tools > .crm-actions { flex: 0 0 auto; gap: 4px; min-width: 0; }
.crm-root .crm-calendar-tools .crm-calendar-period {
  display: flex; align-items: center; flex-wrap: nowrap; gap: 8px;
  flex: 0 1 auto; min-width: 0; overflow-wrap: normal;
}
.crm-root .crm-calendar-tools .crm-calendar-period > div {
  position: static !important; width: auto !important; min-width: 0;
  padding: 0; border: 0; background: transparent; box-shadow: none;
}
.crm-root .crm-calendar-tools .crm-calendar-period > .crm-open-heading {
  flex: 0 1 auto; flex-wrap: nowrap; margin: 0; white-space: nowrap;
}
.crm-root .crm-calendar-tools .crm-calendar-period > span { white-space: nowrap; }
.crm-root .crm-calendar-tools .crm-calendar-period .crm-open-heading > svg:last-child { display: none; }
.crm-root .crm-calendar-tools .crm-calendar-period input { width: 140px; }
.crm-root .crm-calendar-tools > .crm-tabs.small { margin-left: auto; }
@media (max-width: 700px) {
  .crm-root .crm-screen-toolbar .crm-calendar-tools { grid-template-columns: minmax(0, 1fr) auto; }
  .crm-root .crm-screen-toolbar .crm-calendar-tools > .crm-actions { grid-column: 1; grid-row: 1; width: 100%; }
  .crm-root .crm-calendar-tools .crm-calendar-period { flex: 1; justify-content: center; }
  .crm-root .crm-calendar-tools .crm-calendar-period > .crm-open-heading,
  .crm-root .crm-calendar-tools .crm-calendar-period > span,
  .crm-root .crm-calendar-tools .crm-calendar-period > svg { display: none; }
  .crm-root .crm-calendar-tools .crm-calendar-period input { min-height: 44px; }
  .crm-root .crm-screen-toolbar .crm-calendar-tools > .crm-tabs.small { grid-column: 1; grid-row: 2; margin-left: 0; }
  .crm-root .crm-screen-toolbar .crm-calendar-tools > .crm-header-add { grid-column: 2; grid-row: 1; }
  .crm-root .crm-screen-toolbar .crm-calendar-tools > .crm-secondary { grid-column: 2; grid-row: 2; justify-self: start; }
}