/* Keep long event names and native select intrinsic widths out of competing columns. */
@media screen {
  .event-console-identity { grid-template-columns: minmax(0, 1fr); }
  .event-console-identity > div { min-width: 0; }
  .event-console-identity h2 { overflow-wrap: anywhere; }
  .event-console-actions { justify-content: flex-start; min-width: 0; }
  .event-picker { flex: 1 1 320px; min-width: 0; max-width: 100%; }
  .event-picker select { width: 100%; max-width: 100%; min-width: 0; }
}
@media screen and (max-width: 640px) {
  .event-picker { flex-basis: 100%; }
}