#filters-table[data-filter-picker] { width: 100%; }
#filters-table[data-filter-picker] + .add-filter { width: 100%; margin-top: 12px; text-align: start; }
#filters-table[data-filter-picker] .filter-picker-row { align-items: start; margin-bottom: 10px; }
#filters-table[data-filter-picker] .filter-picker-row .values { flex: 1; min-width: 220px; }
.filter-picker-row { display: flex; flex-wrap: wrap; gap: 0 10px; }
.filter-picker-row .values { flex: 1; min-width: 220px; }
.filter-picker { position: relative; max-width: 620px; padding: 6px; border: 1px solid #a6b3bf; border-radius: 5px; background: #fff; box-sizing: border-box; }
.filter-picker:focus-within { border-color: #397bb0; box-shadow: 0 0 0 2px #397bb025; }
.filter-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.filter-picker button { cursor: pointer; font: inherit; }
.filter-picker .filter-tag { background: #eaf2f9; border: 1px solid #cedfea; border-radius: 4px; padding: 4px 8px; color: #254b69; overflow-wrap: anywhere; text-align: start; }
.filter-tag:hover { background: #dceaf5; }
.filter-picker .filter-more { background: transparent; border: 0; color: #215c8a; padding: 4px; }
.filter-picker input[type="search"] { width: 100%; min-width: 0; border: 0; box-shadow: none; background: transparent; padding: 7px 4px; box-sizing: border-box; }
.filter-panel { position: absolute; inset-inline: -1px; top: calc(100% + 4px); z-index: 100; background: #fff; border: 1px solid #a6b3bf; border-radius: 5px; box-shadow: 0 6px 18px #0002; }
.filter-choices { max-height: 240px; overflow-y: auto; overscroll-behavior: contain; }
.filter-choices label { display: flex; align-items: center; gap: 8px; padding: 9px 10px; cursor: pointer; overflow-wrap: anywhere; }
.filter-choices label:hover, .filter-choices label:focus-within { background: #edf4fa; }
.filter-choices input { flex-shrink: 0; }
.filter-actions { display: flex; gap: 12px; padding: 8px; border-top: 1px solid #e5e8eb; }
.filter-actions:empty, .filter-status:empty { display: none; }
.filter-actions button { background: transparent; border: 0; color: #215c8a; padding: 4px; }
.filter-status { padding: 10px; color: #666; }
.filter-error { padding: 6px 4px; color: #a12622; }
.filter-picker button:focus-visible, .filter-picker input:focus-visible { outline: 2px solid #397bb0; outline-offset: 1px; }
#filters-table[data-filter-picker] [hidden] { display: none !important; }
.retainer-dashboard-filters #dashboard-filters { clear: both; margin-top: 16px; min-width: 0; }
.retainer-dashboard-filters #dashboard-filters > div { display: flow-root; }
.retainer-dashboard-filters #dashboard-filters label { margin-left: 0; }
@media (max-width: 600px) {
  #filters-table[data-filter-picker] .filter-picker-row .values { flex-basis: 100%; margin-top: 5px; min-width: 0; }
  .filter-picker-row .values { flex-basis: 100%; margin-top: 5px; min-width: 0; }
  .filter-picker { max-width: none; }
}