/* Category/status filters only. Page files retain surrounding layout and spacing. */
.category-tabs,
.qa-filters,
.qa-member-filter,
.coupon-tabs,
.course-order-tabs,
.message-filters {
  display:flex;align-items:center;flex-wrap:nowrap;gap:8px;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none;
}
.task-filter-scroll {
  width:100%;overflow-x:auto;scrollbar-width:none;
}
.category-tabs::-webkit-scrollbar,
.qa-filters::-webkit-scrollbar,
.qa-member-filter::-webkit-scrollbar,
.coupon-tabs::-webkit-scrollbar,
.course-order-tabs::-webkit-scrollbar,
.message-filters::-webkit-scrollbar,
.task-filter-scroll::-webkit-scrollbar {
  display:none;
}
.task-filters {
  display:flex;align-items:center;flex-wrap:nowrap;gap:8px;width:max-content;min-width:100%;
}
.category-tabs > a,
.qa-filters > a,
.qa-member-filter > a,
.coupon-tab,
.course-order-tabs > a,
.task-filter,
.message-filters > a {
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;gap:4px;width:auto;min-width:0;height:36px;margin:0;padding:0 12px;border:1px solid var(--member-border,#dce4ef);border-radius:999px;background:#fff;color:var(--member-secondary,#52647e);font-family:inherit;font-size:12px;font-weight:400;line-height:1.6;white-space:nowrap;text-decoration:none;cursor:pointer;
}
.category-tabs > a.active,
.qa-filters > a.active,
.qa-member-filter > a.active,
.coupon-tab.is-active,
.course-order-tabs > a.active,
.task-filter.selected,
.message-filters > a.selected {
  background:var(--member-selected,#edf3ff);color:var(--member-blue,#2864dc);border-color:var(--member-selected-border,#bed1f6);
}
@media (hover:hover) and (pointer:fine) {
.category-tabs > a:not(.active):hover,
.qa-filters > a:not(.active):hover,
.qa-member-filter > a:not(.active):hover,
.coupon-tab:not(.is-active):hover,
.course-order-tabs > a:not(.active):hover,
.task-filter:not(.selected):hover,
.message-filters > a:not(.selected):hover {
  background:var(--member-hover,#f3f7ff);color:var(--member-blue,#2864dc);border-color:var(--member-selected-border,#bed1f6);
}
}
.category-tabs > a:focus-visible,
.qa-filters > a:focus-visible,
.qa-member-filter > a:focus-visible,
.coupon-tab:focus-visible,
.course-order-tabs > a:focus-visible,
.task-filter:focus-visible,
.message-filters > a:focus-visible {
  outline:2px solid var(--member-focus,#2864dc);outline-offset:-3px;
}