/* r221: keep the usage date-range dropdown above chart cards without changing app JS. */
.console-app .date-picker-dropdown {
  z-index: 100000 !important;
  max-width: min(320px, calc(100vw - 24px));
}

.console-app .date-picker-trigger-open {
  position: relative;
  z-index: 100001 !important;
}

.console-app .card:has(.date-picker-trigger-open),
.console-app .card:has(.date-picker-dropdown) {
  position: relative;
  z-index: 100000 !important;
  overflow: visible !important;
}

.console-app .space-y-4:has(.date-picker-dropdown),
.console-app .space-y-6:has(.date-picker-dropdown),
.console-app .console-content:has(.date-picker-dropdown) {
  overflow: visible !important;
}

@media (max-width: 640px) {
  .console-app .date-picker-dropdown {
    min-width: min(320px, calc(100vw - 24px));
  }
}