/* Keep the compact period independent of the legacy dashboard card layout. */
.dashboard-page .dashboard-filters.dashboard-filters-r704 .dashboard-filter-column-period {
  display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-end;
  align-self:start; align-content:start; justify-content:flex-start;
  height:auto; min-height:0; gap:8px;
}
.dashboard-page .dashboard-filters.dashboard-filters-r704 .dashboard-filter-column-period > .r704-period {
  flex:1 1 220px; width:auto; min-width:0;
}
.dashboard-page .dashboard-filters.dashboard-filters-r704 .r704-period-trigger {
  margin:0; height:48px;
}
.dashboard-page .dashboard-filters.dashboard-filters-r704 .dashboard-filter-column-period > .dashboard-filter-footer {
  position:static; flex:0 0 auto; width:auto; min-width:0; min-height:48px;
  align-self:flex-end; justify-self:auto; margin:0; padding:0;
}
.dashboard-page .dashboard-filters.dashboard-filters-r704 .dashboard-filter-column-period .dashboard-filter-actions {
  display:flex; flex-direction:row; flex-wrap:nowrap; flex:0 0 auto;
  align-items:center; justify-content:flex-start; width:auto; min-width:0; gap:8px; margin:0;
}
.dashboard-page .dashboard-filters.dashboard-filters-r704 .dashboard-filter-column-period .dashboard-filter-actions > button {
  flex:0 0 auto; width:auto; height:48px; min-height:48px; margin:0;
}
.dashboard-page .dashboard-filters.dashboard-filters-r704 .dashboard-filter-column-period .dashboard-reset {
  width:44px; min-width:44px; padding:0;
}
@media(max-width:760px) {
  .dashboard-page .dashboard-filters.dashboard-filters-r704 .dashboard-filter-column-period > .r704-period { flex-basis:100%; }
  .dashboard-page .dashboard-filters.dashboard-filters-r704 .dashboard-filter-column-period > .dashboard-filter-footer { flex:1 1 100%; width:100%; }
  .dashboard-page .dashboard-filters.dashboard-filters-r704 .dashboard-filter-column-period .dashboard-filter-actions { flex:1 1 auto; width:100%; }
  .dashboard-page .dashboard-filters.dashboard-filters-r704 .dashboard-filter-column-period .dashboard-filter-actions > .dashboard-apply { flex:1 1 auto; min-width:0; }
}