/* V168 · 顶部门店切换器：搜索与确认合并为一个复合控件。 */
body[data-ui-version="44"] .topbar-actions .global-store-filter-control {
  display: flex !important;
  align-items: stretch !important;
  flex: 0 1 clamp(300px, 26vw, 440px) !important;
  inline-size: clamp(300px, 26vw, 440px);
  min-inline-size: 0 !important;
  max-inline-size: 440px;
  gap: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--ctl-border, #cbd7e6) !important;
  border-radius: 11px !important;
  background: var(--ctl-surface-raised, #fff) !important;
  box-shadow: none !important;
  overflow: visible !important;
  transition: border-color .16s ease, box-shadow .16s ease;
}

body[data-ui-version="44"] .topbar-actions .global-store-filter-control:focus-within {
  border-color: color-mix(in srgb, var(--ctl-accent, #5167dc) 70%, #fff) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ctl-accent, #5167dc) 12%, transparent) !important;
}

body[data-ui-version="44"] .global-store-filter-control .searchable-store-picker {
  flex: 1 1 auto;
  min-inline-size: 0 !important;
  max-inline-size: none !important;
}

body[data-ui-version="44"] .global-store-filter-control .searchable-store-picker-input {
  inline-size: 100% !important;
  block-size: 42px !important;
  min-block-size: 42px !important;
  padding: 0 13px 0 40px !important;
  color: var(--v44-ink, #17233c) !important;
  border: 0 !important;
  border-radius: 10px 0 0 10px !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23677891' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 13px 50% !important;
  background-size: 18px 18px !important;
  box-shadow: none !important;
  font-size: 14.5px !important;
  font-weight: 650 !important;
  letter-spacing: .01em;
}

body[data-ui-version="44"] .global-store-filter-control .searchable-store-picker-input:hover,
body[data-ui-version="44"] .global-store-filter-control .searchable-store-picker-input:focus {
  border: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body[data-ui-version="44"] .global-store-filter-control .topbar-store-apply {
  flex: 0 0 64px !important;
  inline-size: 64px !important;
  min-inline-size: 64px !important;
  block-size: 42px !important;
  min-block-size: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-inline-start: 1px solid var(--ctl-border, #cbd7e6) !important;
  border-radius: 0 10px 10px 0 !important;
  background: var(--ctl-accent, #5167dc) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  letter-spacing: .04em;
  transform: none !important;
}

body[data-ui-version="44"] .global-store-filter-control .topbar-store-apply:hover,
body[data-ui-version="44"] .global-store-filter-control .topbar-store-apply:active {
  background: var(--ctl-accent-strong, #4055c5) !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-ui-version="44"] .global-store-filter-control .topbar-store-apply:disabled {
  color: var(--ctl-text-muted, #718096) !important;
  background: var(--ctl-surface-soft, #eef3f8) !important;
  cursor: not-allowed;
}

body[data-ui-version="44"] .global-store-filter-control .searchable-store-picker-listbox {
  inset-inline-start: 0 !important;
  inset-inline-end: auto !important;
  top: calc(100% + 7px) !important;
  inline-size: calc(100% + 64px) !important;
  max-block-size: min(320px, 50vh) !important;
  padding: 7px;
  border-radius: 12px;
  box-shadow: 0 18px 44px rgba(34, 49, 80, .16), 0 3px 10px rgba(34, 49, 80, .07);
}

body[data-ui-version="44"] .topbar-actions > #refreshBtn,
body[data-ui-version="44"] .topbar-actions > #logoutBtn {
  box-shadow: none !important;
}

@media (max-width: 1120px) {
  body[data-ui-version="44"] .topbar-actions .global-store-filter-control {
    flex: 1 1 300px !important;
    inline-size: auto;
    max-inline-size: none;
  }
}

@media (max-width: 720px) {
  body[data-ui-version="44"] .topbar-actions .global-store-filter-control {
    grid-column: 1 / -1;
    inline-size: 100%;
    max-inline-size: none;
  }

  body[data-ui-version="44"] .global-store-filter-control .searchable-store-picker-input,
  body[data-ui-version="44"] .global-store-filter-control .topbar-store-apply {
    block-size: 44px !important;
    min-block-size: 44px !important;
  }
}