﻿/* Shared tab appearance: plain labels and a thin active underline. */
html body :is(.feed-tabs, .explore-tabs, .comm-filter-tabs, .cd-tabs, .comm-detail-tabs-bar, .page-nav-pills, .auth-modal-tabs, .boost-tabs-bar, [role="tablist"]) {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  padding: 0 !important;
  margin-inline: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--border-light, #e1e9e4);
  overflow-x: auto;
  scrollbar-width: none;
}
html body :is(.feed-tabs, .explore-tabs, .comm-filter-tabs, .cd-tabs, .comm-detail-tabs-bar, .page-nav-pills, .auth-modal-tabs, .boost-tabs-bar, [role="tablist"])::-webkit-scrollbar { display: none; }
html body :is(.feed-tabs, .explore-tabs, .comm-filter-tabs, .cd-tabs, .comm-detail-tabs-bar, .page-nav-pills, .auth-modal-tabs, .boost-tabs-bar, [role="tablist"]) > :is(button, [role="tab"]) {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  gap: 6px !important;
  min-width: 0 !important;
  min-height: 40px !important;
  height: auto !important;
  padding: 10px 10px 11px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text-secondary, #617269) !important;
  font: inherit;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  white-space: nowrap;
  text-decoration: none !important;
  transform: none !important;
  cursor: pointer;
}
html body :is(.feed-tabs, .explore-tabs, .comm-filter-tabs, .cd-tabs, .comm-detail-tabs-bar, .page-nav-pills, .auth-modal-tabs, .boost-tabs-bar, [role="tablist"]) > :is(button, [role="tab"])::after { content: none !important; }
html body :is(.feed-tabs, .explore-tabs, .comm-filter-tabs, .cd-tabs, .comm-detail-tabs-bar, .page-nav-pills, .auth-modal-tabs, .boost-tabs-bar, [role="tablist"]) > :is(.active, [aria-selected="true"]) {
  color: var(--primary-light, #2d6a4f) !important;
  border-bottom-color: var(--primary-light, #2d6a4f) !important;
  background: transparent !important;
}
html body :is(.feed-tabs, .explore-tabs, .comm-filter-tabs, .cd-tabs, .comm-detail-tabs-bar, .page-nav-pills, .auth-modal-tabs, .boost-tabs-bar, [role="tablist"]) > button:hover { color: var(--primary-light, #2d6a4f) !important; }
html body :is(.feed-tabs, .explore-tabs, .comm-filter-tabs, .cd-tabs, .comm-detail-tabs-bar, .page-nav-pills, .auth-modal-tabs, .boost-tabs-bar, [role="tablist"]) > button:focus-visible { outline: 2px solid var(--primary-light); outline-offset: -4px; }
html body :is(.feed-tabs, .explore-tabs, .comm-filter-tabs, .cd-tabs, .comm-detail-tabs-bar, .page-nav-pills, .auth-modal-tabs, .boost-tabs-bar, [role="tablist"]) > button svg { width: 14px; height: 14px; flex-shrink: 0; }
html body .feed-tabs-row { justify-content: flex-start !important; }
