/* Reuse the schedule filter card and its appearance settings. */
#app .dashboardFilters224 {
 display:flex!important;align-items:flex-end;flex-wrap:wrap;gap:12px;
 margin:16px 0 20px;padding:12px 16px;min-width:0;
}
#app .dashboardFilters224 .dashMaster211 {
 flex:1 1 200px;width:auto;min-width:0!important;max-width:100%;
}
#app .dashboardFilters224 .dashMaster211 select {max-width:100%}
#app .dashboardFilters224 .dashPeriod211 {
 display:grid;gap:8px;flex:1 1 280px;width:auto;min-width:0;
}
#app .dashboardFilters224 .dashPeriod211>label {display:block;min-width:0!important}
#app .dashboardFilters224 .dashDate209 {
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;
 align-items:stretch;gap:10px;margin:0;min-width:0;
}
#app .dashboardFilters224 .dashDate209 .periodLabel208 {
 min-width:0!important;width:100%;white-space:normal;overflow-wrap:anywhere;
}
#app .dashboardFilters224 .dashViews211 {
 flex:0 1 auto;min-width:0;width:auto;margin:0 0 0 auto;
 align-items:stretch;flex-wrap:wrap;
}
#app .dashboardFilters224 .dashViews211 button {
 min-width:0;white-space:normal;overflow-wrap:anywhere;
}
@media(max-width:900px){
 #app .dashboardFilters224 .dashViews211 {flex:1 1 100%;width:100%}
 #app .dashboardFilters224 .dashViews211 button {flex:1 1 70px}
}
@media(max-width:760px){
 #app .dashboardFilters224 {padding:10px}
 #app .dashboardFilters224 .dashMaster211,
 #app .dashboardFilters224 .dashPeriod211 {flex:1 1 100%;width:100%}
 #app .dashboardFilters224 .dashDate209 {gap:4px}
}