/* List filters — toolbar button + collapsible sheet above listing (all breakpoints) */

.list-filter-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid #edf1f7;
  background:linear-gradient(180deg,#fafbfe 0%,#ffffff 100%);
}
.list-filter-toolbar-hint{
  margin:0;
  font-size:.74rem;
  font-weight:600;
  color:#94a3b8;
  letter-spacing:.02em;
}
.list-filter-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 16px;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:#fff;
  color:#334155;
  font-size:.82rem;
  font-weight:800;
  box-shadow:0 4px 14px rgba(15,23,42,.06);
  transition:border-color .2s ease,box-shadow .2s ease;
  cursor:pointer;
}
.list-filter-toggle i{font-size:1rem;color:#ea6a18}
.list-filter-toggle:hover{border-color:#efb49d;box-shadow:0 6px 18px rgba(234,106,24,.1)}
.list-filter-toggle.is-active{
  border-color:#efb49d;
  background:linear-gradient(180deg,#fff7f2,#fff);
  color:#c76634;
}
.list-filter-badge{
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:linear-gradient(90deg,#cf4500,#ff5f16);
  color:#fff;
  font-size:.65rem;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.list-filter-backdrop{
  display:none !important;
}
body.list-filter-sheet-open{overflow:visible}
.list-filter-main-slot{display:block}
.list-filter-sheet-close{
  display:none;
  position:absolute;
  top:10px;
  right:10px;
  width:34px;
  height:34px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background:#fff;
  color:#64748b;
  align-items:center;
  justify-content:center;
  padding:0;
  font-size:.9rem;
  z-index:2;
  cursor:pointer;
}
.list-filter-panel{
  position:relative;
  margin:0;
  border-radius:0;
  border-left:0;
  border-right:0;
  border-top:0;
  box-shadow:none;
  max-height:0;
  overflow:hidden;
  opacity:0;
  padding-top:0;
  padding-bottom:0;
  pointer-events:none;
  transition:max-height .38s ease,opacity .22s ease,padding .22s ease;
}
.list-filter-main-slot.is-open .list-filter-panel{
  max-height:min(78vh,920px);
  overflow:auto;
  opacity:1;
  padding:14px 14px 12px;
  border-top:1px solid #edf1f7;
  pointer-events:auto;
  -webkit-overflow-scrolling:touch;
  background:linear-gradient(180deg,#ffffff,#f9fbff);
  box-shadow:inset 0 8px 18px rgba(15,23,42,.04);
}
.list-filter-main-slot.is-open .list-filter-sheet-close{display:inline-flex}
.list-filter-fields-grid{display:block}

.sidebar-filter-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
.sidebar-filter-range--dates{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
.sidebar-filter-range--dates .sidebar-filter-input[type="date"]{
  font-size:.7rem;
  padding:0 4px;
}
.trip-pagination--split{
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
.trip-pagination-pages{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.trip-pagination-volume{
  margin:0;
  margin-left:auto;
  font-size:.82rem;
  font-weight:700;
  color:#475569;
  white-space:nowrap;
}
.trip-pagination-volume strong{color:#1a2232;font-weight:800}
.sidebar-filter-range > div{min-width:0}
.sidebar-filter-range label{
  display:block;
  margin:0 0 4px;
  font-size:.58rem;
  font-weight:700;
  color:#94a3b8;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.sidebar-filter-sort{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.sidebar-filter-sort button{
  min-height:34px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background:#fff;
  color:#64748b;
  font-size:.72rem;
  font-weight:700;
  padding:0 8px;
  cursor:pointer;
}
.sidebar-filter-sort button.active{
  border-color:#efb49d;
  background:linear-gradient(180deg,#fff7f2,#fff);
  color:#c76634;
  box-shadow:0 4px 10px rgba(234,106,24,.08);
}
.sidebar-filter-input[type="date"]{
  padding:0 6px;
  font-size:.74rem;
  color-scheme:light;
}
.sidebar-filter-input[type="date"]:not(.has-value){color:transparent}
.sidebar-filter-input[type="date"]:not(.has-value)::-webkit-datetime-edit{opacity:0}
.sidebar-filter-input[type="date"].has-value,
.sidebar-filter-input[type="date"]:focus{color:#1f2937}
.sidebar-filter-input[type="date"].has-value::-webkit-datetime-edit,
.sidebar-filter-input[type="date"]:focus::-webkit-datetime-edit{opacity:1}

@media (min-width:640px){
  .list-filter-fields-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:12px;
  }
  .list-filter-fields-grid .sidebar-filter-group--full{grid-column:1 / -1}
}

@media (min-width:900px){
  .list-filter-fields-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:639px){
  .guests-head{flex-wrap:wrap}
  .guests-head .primary-btn{width:100%;justify-content:center}
  .sidebar-filter-range--dates{grid-template-columns:1fr}
}