.workflow-filter-bar { display: grid; grid-template-columns: 1.3fr 1.2fr 1.1fr 1fr 1fr 1fr auto auto; gap: 7px; align-items: end; padding: 9px 10px; margin: 0 0 9px; background: #fff; border: 1px solid #dce4ef; border-radius: 7px; }
.workflow-filter-bar.has-period-controls:not(.is-custom-period) { grid-template-columns: 1.4fr 1.25fr 1.1fr 1fr auto auto; }
.app-shell .workflow-filter-bar label { min-width: 0; margin: 0; font-size: 9px; color: #72839d; }
.workflow-filter-bar label>input, .workflow-filter-bar label>select { display: block; width: 100%; min-width: 0; margin-top: 3px; background: #fff; }
.app-shell .workflow-filter-bar input, .app-shell .workflow-filter-bar select { font-size: 11px; padding: 5px 7px; min-height: 30px; }
.app-shell .workflow-filter-bar .button { min-height: 30px; padding: 5px 9px; font-size: 10px; }
.workflow-filter-clear { align-self: end; padding: 7px 3px; color: #7a8da8; font-size: 10px; }
.workflow-filter-bar [hidden], .dashboard-filters [hidden] { display: none !important; }
.workflow-filter-errors { margin: 0 0 9px; color: #a26337; font-size: 10px; }
.workflow-filter-summary { font-size: 10px; color: #788ba5; margin: 0 0 8px; }
.workflow-filter-pagination { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 10px; color: #7b8da5; margin-bottom: 12px; }
.workflow-filter-pagination>div { display: flex; gap: 6px; }
.dashboard-filters.has-period-controls:not(.is-custom-period) { grid-template-columns: 1fr 1.5fr 1.25fr auto; }
@media (min-width: 1180px) { body.has-assistant-rail .workflow-filter-bar { width: calc(100% + var(--assistant-rail-space)); } }
@media (max-width: 1100px) { .workflow-filter-bar, .workflow-filter-bar.has-period-controls:not(.is-custom-period) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .workflow-filter-bar, .workflow-filter-bar.has-period-controls:not(.is-custom-period), .dashboard-filters.has-period-controls:not(.is-custom-period) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .app-shell .workflow-filter-bar input, .app-shell .workflow-filter-bar select { font-size: 16px; } }