/**
 * Hub module capsules + apply-type filters: always one row, horizontal scroll.
 * Loaded on admin / merchant / influencer hub pages.
 */

.hub-pill-row,
.hub-role-row,
.hub-influencer-tabs,
.hub-merchant-tabs,
.hub-proxymerchant-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Role/tab pill rows hidden by hubApplyTabs — must beat display:flex above */
.hub-pill-row.hub-pill-row-hidden,
.hub-influencer-tabs.hub-pill-row-hidden,
.hub-merchant-tabs.hub-pill-row-hidden,
.hub-proxymerchant-tabs.hub-pill-row-hidden {
  display: none !important;
}

.hub-pill-row::-webkit-scrollbar,
.hub-role-row::-webkit-scrollbar,
.hub-influencer-tabs::-webkit-scrollbar,
.hub-merchant-tabs::-webkit-scrollbar,
.hub-proxymerchant-tabs::-webkit-scrollbar {
  height: 4px;
}

.hub-pill-row::-webkit-scrollbar-thumb,
.hub-role-row::-webkit-scrollbar-thumb,
.hub-influencer-tabs::-webkit-scrollbar-thumb,
.hub-merchant-tabs::-webkit-scrollbar-thumb,
.hub-proxymerchant-tabs::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
}

.hub-pill-btn,
.crp-hub-pill-btn {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* Apply-type filter pills (全部 / 旅游类 / …) */
.rp-apply-type-filter {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.rp-apply-type-filter::-webkit-scrollbar {
  height: 4px;
}

.rp-apply-type-filter::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
}

.rp-apply-type-pill {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

.hub-applicant-filter-toolbar {
  align-items: center !important;
}

.hub-applicant-filter-toolbar .rp-apply-type-filter {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}