/* Align the brand and city as one header, anchored to the workspace below. */
.admin-city-header,
#admin-hub-brand:has(#admin-service-area-bar:not([hidden])) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  min-height: 44px;
  margin: 0 0 1.75rem;
  padding: 0 0 1.1rem;
  border-bottom: 1px solid rgba(66, 21, 21, .1);
}
.admin-city-header:not(:has(.admin-service-area:not([hidden]))) { display: none; }
.admin-city-header > a { flex: none; line-height: 0; }
.admin-city-header img,
#admin-hub-brand:has(#admin-service-area-bar:not([hidden])) > img {
  display: block;
  flex: none;
  width: auto;
  height: 44px;
}
#panel-hub:has(#admin-service-area-bar:not([hidden])) { padding-top: clamp(1.5rem, 6vh, 3.5rem); }
.admin-service-area {
  position: relative;
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  min-width: 0;
  margin-left: 1.1rem;
  padding-left: 1rem;
  color: #421515;
}
.admin-service-area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 24px;
  transform: translateY(-50%);
  background: rgba(66, 21, 21, .16);
}
.admin-service-area[hidden] { display: none !important; }
#admin-service-area-bar select,
#admin-service-area-bar .nc-animated-select {
  width: 9.25rem !important;
  min-width: 0 !important;
  max-width: 100%;
}
#admin-service-area-bar select {
  min-height: 38px;
  padding: .5rem 1.5rem .5rem .5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #421515;
  font: inherit;
  font-size: .8rem;
  cursor: pointer;
}
#admin-service-area-bar #admin-service-area-select-trigger {
  min-height: 38px;
  padding: .5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #421515;
  font-size: 13px;
  font-weight: 550;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
}
#admin-service-area-bar #admin-service-area-select-trigger:hover,
#admin-service-area-bar .nc-animated-select[data-state="open"] > #admin-service-area-select-trigger {
  border-color: rgba(66, 21, 21, .08);
  background: rgba(255, 255, 255, .65);
  box-shadow: none;
}
#admin-service-area-bar .nc-animated-select__chevron svg { width: 16px; height: 16px; }
#admin-service-area-bar .nc-animated-select__trigger:focus-visible,
#admin-service-area-bar select:focus-visible { outline: 2px solid #8c4d36; outline-offset: 3px; }
/* Keep announcements available without putting explanatory copy in the header. */
.admin-service-area__status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.nc-animated-select__panel:has(> [aria-label="Filter by city"]) {
  padding: 5px;
  border: 1px solid rgba(66, 21, 21, .12);
  border-radius: 14px;
  background: #fffdf9;
  color: #421515;
  box-shadow: 0 14px 35px rgba(66, 21, 21, .12), 0 2px 5px rgba(66, 21, 21, .04);
}
.nc-animated-select__list[aria-label="Filter by city"] .nc-animated-select__option {
  min-height: 38px;
  padding: 8px 11px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  font-size: 13px;
}
.nc-animated-select__list[aria-label="Filter by city"] .nc-animated-select__option:hover,
.nc-animated-select__list[aria-label="Filter by city"] .nc-animated-select__option.is-active { background: #f5eae2; }
.nc-animated-select__list[aria-label="Filter by city"] .nc-animated-select__check { color: #713d2f; }
@media (max-width: 860px) {
  #panel-hub:has(#admin-service-area-bar:not([hidden])) { padding-top: .35rem; }
}
@media (max-width: 600px) {
  .admin-city-header,
  #admin-hub-brand:has(#admin-service-area-bar:not([hidden])) { margin-bottom: 1.2rem; padding-bottom: .85rem; }
  .admin-city-header img,
  #admin-hub-brand:has(#admin-service-area-bar:not([hidden])) > img { height: 40px; }
  .admin-service-area { margin-left: .85rem; padding-left: .65rem; }
  #admin-service-area-bar select,
  #admin-service-area-bar .nc-animated-select { width: 9.25rem !important; }
  #admin-service-area-bar select,
  #admin-service-area-bar #admin-service-area-select-trigger { min-height: 40px; }
}