.sort-control {
  display:flex;
  min-width:210px;
  flex-direction:column;
  gap:4px;
}
.sort-select { position:relative; display:block; }
.sort-select > svg {
  position:absolute;
  z-index:1;
  left:12px;
  top:50%;
  color:var(--md-on-surface-variant);
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
  transform:translateY(-50%);
}
.sort-select select {
  width:100%;
  min-height:44px;
  padding:8px 32px 8px 40px;
  border-color:var(--md-outline-variant);
  border-radius:8px;
  background:var(--md-surface-container-low);
  color:var(--md-on-surface);
  font:inherit;
  font-size:var(--desk-text-body);
}
.sort-select select:focus-visible { outline:2px solid var(--md-primary); outline-offset:1px; }

/* Market Office navigation rail: 256px canvas, 13px labels and 44px rows.
   This late rule intentionally wins over the fine-pointer density override. */
.sidebar :is(.nav button,.sidebar-help) {
  min-height:44px;
  font-size:13px;
  line-height:17px;
}

/* Keep the complete list work zone on the same horizontal frame as the
   cards below it.  The card bodies use a 1424px centered canvas with 12px
   gutters; matching that canvas here keeps search, filters, sorting and
   work-view tabs on one vertical grid at every desktop width. */
.desk-list-page {
  --desk-list-frame-width:1424px;
  --desk-list-frame-gutter:12px;
}
.desk-list-page .desk-work-zone > :is(.toolbar,.active-listing-filters,.work-views) {
  width:100%;
  max-width:var(--desk-list-frame-width);
  margin-inline:auto;
}
.desk-list-page .workspace .desk-work-zone > .toolbar {
  padding-inline:var(--desk-list-frame-gutter);
}
.desk-list-page .workspace .desk-work-zone .toolbar :is(
  .search input,
  .filter-control select,
  .sort-control select,
  .filter-toggle
) {
  height:44px;
  min-height:44px;
}
.desk-list-page .workspace .desk-work-zone .search-input > .material-symbols-rounded {
  top:11px;
}
.desk-list-page .workspace .desk-work-zone > .active-listing-filters {
  padding-inline:var(--desk-list-frame-gutter);
}
.desk-list-page .workspace > :is(#inquiry-selection,.list-error) {
  width:calc(100% - (2 * var(--desk-list-frame-gutter)));
  max-width:calc(var(--desk-list-frame-width) - (2 * var(--desk-list-frame-gutter)));
  margin-inline:auto;
}

/* "Svi oglasi" is the stable overview, while the remaining tabs are work
   queues. Keep those two concepts visually and spatially separate. */
.workspace:is(.is-offers,.is-inquiries) .work-views .work-view-overview + .work-view-queue {
  margin-left:auto;
}
.workspace:is(.is-offers,.is-inquiries) .work-views .work-view-overview {
  min-height:36px;
  margin-block:4px;
  padding-inline:14px;
  border:1px solid var(--md-outline-variant);
  border-radius:8px;
  background:var(--md-surface);
  color:var(--md-on-surface);
  box-shadow:none;
}
.workspace:is(.is-offers,.is-inquiries) .work-views .work-view-overview[aria-pressed="true"] {
  border-color:var(--md-primary);
  background:var(--md-primary);
  color:var(--md-on-primary);
  box-shadow:none;
}
.workspace:is(.is-offers,.is-inquiries) .work-views .work-view-overview[aria-pressed="true"] .work-view-count {
  background:color-mix(in srgb,var(--md-on-primary) 18%,transparent);
  color:var(--md-on-primary);
}

.workspace.is-offers .toolbar { grid-template-columns:minmax(280px,1fr) 386px minmax(210px,250px) auto; }
.workspace.is-inquiries .toolbar { grid-template-columns:minmax(220px,1fr) 182px minmax(210px,250px) auto; }
.workspace.is-agents .toolbar { grid-template-columns:minmax(200px,1fr) minmax(210px,250px) auto; }

@media (max-width:1500px) {
  .workspace.is-offers .toolbar { grid-template-columns:minmax(0,1fr) minmax(210px,250px) auto; }
  .workspace.is-offers .search { grid-column:1 / 3; }
  .workspace.is-offers .filters { grid-column:3 / 5; }
}
@media (max-width:1100px) {
  .workspace.is-offers .toolbar,
  .workspace.is-inquiries .toolbar,
  .workspace.is-agents .toolbar { grid-template-columns:minmax(0,1fr) auto; }
  .workspace.is-offers .search,
  .workspace.is-inquiries .search,
  .workspace.is-agents .search { grid-column:1 / -1; }
  .workspace.is-offers .filters { grid-column:auto; }
}
@media (max-width:700px) {
  .desk-list-page { --desk-list-frame-gutter:8px; }
  .sort-control { min-width:0; grid-column:1 / -1; }
}