/* Calendar headers and controls follow the shared internal-page palette. */
.app-shell[data-page=calendar] :is(.page-intro,.economic-calendar-heading) {
  background:var(--internal-filter-header-background,#19181c);
}
.app-shell[data-page=calendar] .economic-calendar-filters {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
#root .app-shell[data-page=calendar]>main .economic-calendar-filters>.economic-calendar-open {
  justify-content:space-between;
  width:100%;
  min-height:40px;
  height:var(--dropdown-control-height,max(40px,calc(40px * var(--font-scale))));
  padding:7px 12px;
  border-radius:var(--form-control-radius,10px);
  background:var(--surface);
  font-size:var(--dropdown-font-size,calc(10px * var(--font-scale)))!important;
  font-weight:400;
  line-height:1.5;
}
@media(max-width:1100px) {
  .app-shell[data-page=calendar] .economic-calendar-filters {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px) {
  .app-shell[data-page=calendar] .economic-calendar-filters {grid-template-columns:minmax(0,1fr)}
}