/* Standard User only: compact session filters without Trader's table/actions CSS. */
#sessionsView .data-card > .session-filterbar {
  display:flex;
  flex-flow:row nowrap;
  align-items:center;
  gap:7px;
  padding:10px 12px;
  overflow-x:auto;
  scrollbar-width:thin;
  background:#fff;
}
#sessionsView .data-card > .session-filterbar > input {
  flex:1.35 1 200px;
  width:auto;
  min-width:170px;
}
#sessionsView .data-card > .session-filterbar > :is(select,.wuim-searchable-select) {
  flex:1 1 145px;
  width:auto;
  min-width:125px;
}
#sessionsView .data-card > .session-filterbar > :is(input,select),
#sessionsView .data-card > .session-filterbar > .wuim-searchable-select > .wss-trigger {
  box-sizing:border-box;
  height:32px;
  min-height:32px;
  margin:0;
  padding:6px 9px;
  border-radius:6px;
  font-size:11px;
  line-height:1.2;
}
#sessionsView .data-card > .session-filterbar > .session-filter-date-range {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-column:auto;
  flex:1.3 0 270px;
  min-width:270px;
  gap:7px;
}
#sessionsView .data-card > .session-filterbar .session-filter-date-range > label {
  position:relative;
  display:block;
  min-width:0;
  margin:0;
  font-size:0;
  line-height:0;
}
#sessionsView .data-card > .session-filterbar .session-filter-date-range > label > span {
  position:absolute;
  z-index:1;
  top:50%;
  left:9px;
  font-size:9px;
  font-weight:700;
  line-height:1;
  transform:translateY(-50%);
  pointer-events:none;
}
#sessionsView .data-card > .session-filterbar .session-filter-date-range input {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:32px;
  min-height:32px;
  margin:0;
  padding:6px 7px 6px 43px;
  border-radius:6px;
  font-size:10px;
  line-height:1.2;
}
#sessionsView .data-card > .session-filterbar .session-filter-date-range input[aria-invalid="true"] {
  border-color:#dc2626 !important;
}
#sessionsView .data-card > .session-filterbar > :is(.chip-button,.session-filter-meta) {
  flex:0 0 auto;
  width:auto;
  min-width:max-content;
  align-self:center;
}
#sessionsView .data-card > .session-filterbar > .session-filter-meta {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  margin-left:auto;
}
#sessionsView .data-card > .session-filterbar > .chip-button,
#sessionsView .data-card > .session-filterbar .session-filter-meta > #sessionSearchCount {
  box-sizing:border-box;
  width:auto;
  min-width:0;
  height:32px;
  min-height:32px;
  align-self:center;
  margin:0;
  padding:6px 9px;
  border-radius:6px;
  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
}
#sessionsView .data-card > .session-filterbar .session-filter-error {
  color:#dc2626;
  font-size:10px;
  line-height:1.3;
}
#sessionsView .data-card > .session-filterbar::-webkit-scrollbar { height:7px; }
#sessionsView .data-card > .session-filterbar::-webkit-scrollbar-thumb { background:rgba(100,116,139,.38); border-radius:999px; }

/* On narrow screens use intentional rows; keep the dates and their labels together. */
@media (max-width:760px) {
  #sessionsView .data-card > .session-filterbar {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow-x:visible;
  }
  #sessionsView .data-card > .session-filterbar > :is(input,select,.wuim-searchable-select,.session-filter-date-range,.chip-button,.session-filter-meta) {
    width:100%;
    min-width:0;
  }
  #sessionsView .data-card > .session-filterbar > input,
  #sessionsView .data-card > .session-filterbar > :is(#sessionLimitationFilter,.wuim-searchable-select:has(> #sessionLimitationFilter),.session-filter-date-range) { grid-column:1 / -1; }
  #sessionsView .data-card > .session-filterbar > .session-filter-meta { flex-wrap:wrap; margin-left:0; }
  #sessionsView .data-card > .session-filterbar .session-filter-error { flex-basis:100%; }
}
@media (max-width:460px) {
  #sessionsView .data-card > .session-filterbar { grid-template-columns:minmax(0,1fr); }
  #sessionsView .data-card > .session-filterbar .session-filter-meta > #sessionSearchCount { width:100%; justify-self:stretch; }
}