/* ============================================
   VERO MOTION — Zoho Desk Dark Theme Override
   Matches: https://essential-happen-955560.framer.app

   Color Palette:
   - Background:      #0D0D0D (near-black)
   - Surface/Cards:   #171717 (dark gray)
   - Surface Alt:     rgba(23,23,23,0.5)
   - Border:          rgba(187,187,187,0.15)
   - Primary Text:    #EBEBEB (light)
   - Secondary Text:  #BFC2C7 (muted light)
   - Tertiary Text:   #858A8F (dim)
   - Accent:          #E61F1F (red)
   - Accent Hover:    #FF2222 (bright red)
   ============================================ */

/* ── STICKY / SCROLL HEADER (navBar) ── */
#navBar,
[class*="Header__navbar"] {
  background-color: #0D0D0D !important;
  border-bottom: 1px solid rgba(187, 187, 187, 0.15) !important;
}

[class*="Header__container"],
[class*="Header__menuBoxMain"],
[class*="Header__menuList"] {
  background-color: transparent !important;
}

[class*="Header__navbar"] a,
[class*="Header__tabs__link"],
[class*="Header__menuTab"],
[class*="Header__tabsTab"] {
  color: #BFC2C7 !important;
}

[class*="Header__navbar"] a:hover,
[class*="Header__tabs__link"]:hover,
[class*="Header__menuTab"]:hover {
  color: #E61F1F !important;
}

[class*="Header__navbar"] [class*="Header__active"],
[class*="Header__navbar"] [class*="Header__active"] a {
  color: #E61F1F !important;
}

[class*="Header__name"] {
  color: #EBEBEB !important;
}

[class*="Header__description"],
[class*="Header__searchTitle"] {
  color: #858A8F !important;
}

/* Hamburger menu icon */
[class*="Header__menuicon"] {
  color: #EBEBEB !important;
  filter: brightness(0) invert(0.9) !important;
}

/* Navbar search bar */
[class*="Header__globalSearch"],
[class*="Header__globalSearchAlt"],
[class*="Header__searchSection"] {
  background-color: #171717 !important;
  border: 1px solid rgba(187, 187, 187, 0.15) !important;
  border-radius: 4px !important;
}

[class*="Header__globalSearch"] input,
[class*="Header__globalSearchAlt"] input {
  background-color: #171717 !important;
  color: #EBEBEB !important;
}

/* User preference icon in navbar */
[class*="Header__userPreference"] {
  color: #BFC2C7 !important;
}

[class*="Header__userPreference"] svg {
  filter: brightness(0) invert(0.75) !important;
}

/* ── GLOBAL RESETS ── */
#layoutContainer,
[class*="Layout__oneColumn"],
[class*="Layout__twoColumn"] {
  background-color: #0D0D0D !important;
  color: #EBEBEB !important;
}

body.body {
  background-color: #0D0D0D !important;
}

/* ── HOME PAGE: Remove double-border from outer wrapper ── */
[class*="WidgetContainer__contentList"]:has([class*="ContentBox__boxInnerHome"]),
[class*="WidgetContainer__contentList"]:has([class*="ContentBox__boxThree"]),
[class*="WidgetContainer__contentList"]:has([class*="ModuleCont__moduleCont"]) {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ── HOME PAGE: Content Cards (Knowledge Base, Tickets, etc.) ── */
[class*="ContentBox__boxThree"],
[class*="ContentBox__alignCenter"] {
  background-color: #171717 !important;
  border: 1px solid rgba(187, 187, 187, 0.15) !important;
  border-radius: 10px !important;
  padding: 32px 24px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  position: relative !important;
  cursor: pointer !important;
}

/* Sizing only on outer card — keeps inner alignCenter at full width */
[class*="ContentBox__boxThree"] {
  width: calc(50% - 16px) !important;
  box-sizing: border-box !important;
}

/* 32px gap between the two home cards */
[class*="ContentBox__boxThree"] + [class*="ContentBox__boxThree"] {
  margin-left: 32px !important;
}

/* Stretch the link to cover the entire card */
[class*="ContentBox__boxThree"] [class*="Link__link"]::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;
}

/* Inner home card elements — remove duplicate borders */
[class*="ContentBox__boxInnerHome"],
[class*="ContentBox__boxInnerHome"] [class*="ContentBox__alignCenter"] {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

[class*="ContentBox__boxThree"]:hover {
  border-color: rgba(230, 31, 31, 0.3) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

[class*="ContentBox__headerMid"] {
  color: #EBEBEB !important;
}

/* ── HEADINGS ── */
#layoutContainer h1,
#layoutContainer h2,
#layoutContainer h3,
#layoutContainer h4,
#layoutContainer h5,
#layoutContainer h6 {
  color: #EBEBEB !important;
}

/* ── BODY TEXT ── */
#layoutContainer p,
#layoutContainer span,
#layoutContainer div,
#layoutContainer li,
#layoutContainer td,
#layoutContainer th {
  color: #BFC2C7 !important;
}

/* ── LINKS ── */
#layoutContainer a {
  color: #E8E9EB !important;
}

#layoutContainer a:hover {
  color: #E61F1F !important;
}

[class*="ContentList__listLink"],
[class*="ContentList__listLink"] a {
  color: #E8E9EB !important;
}

[class*="ContentList__listLink"]:hover,
[class*="ContentList__listLink"] a:hover {
  color: #E61F1F !important;
}

/* ── POPULAR ARTICLES SECTION ── */
[class*="ContentList__topicContent"],
[class*="ContentList__topicList"] {
  background-color: transparent !important;
  color: #BFC2C7 !important;
}

/* ── ICONS (invert dark icons to light) ── */
[class*="ContentList__documentIcon"] svg,
[class*="ContentBox__indexIcon"] svg,
[class*="KbDetailLtContainer__pdfView"] svg,
[class*="KbDetailLtContainer__printView"] svg,
[class*="KbDetailLtContainer__readerView"] svg {
  filter: brightness(0) invert(0.85) !important;
}

[class*="ContentList__documentIcon"] img,
[class*="ContentBox__indexIcon"] img {
  filter: brightness(0) invert(0.85) !important;
}

/* ── SEARCH BAR (header & article sidebar) ── */
[class*="SearchContainer__globalSearch"],
[class*="SearchContainer__globalSearch"] > div {
  background-color: #171717 !important;
  border: 1px solid rgba(187, 187, 187, 0.15) !important;
  border-radius: 4px !important;
}

[class*="Input__headerSearch"],
[class*="Input__searchBox"] {
  background-color: #171717 !important;
  color: #EBEBEB !important;
}

[class*="Input__headerSearch"]::placeholder,
[class*="Input__searchBox"]::placeholder {
  color: #858A8F !important;
}

/* Search icon */
[class*="SearchContainer__searchIcon"] {
  background-color: #E61F1F !important;
}

/* ── BREADCRUMBS ── */
[class*="BreadCrumbs__breadcrumbsView"],
[class*="AppContainer__breadCrumbs"],
[class*="AppContainer__breadCrumbsBox"] {
  background-color: transparent !important;
  color: #858A8F !important;
}

[class*="BreadCrumbs__breadCrumbsLink"] {
  color: #BFC2C7 !important;
}

[class*="BreadCrumbs__breadCrumbsLink"]:hover {
  color: #E61F1F !important;
}

[class*="BreadCrumbs__breadCrumbsLastLink"] {
  color: #EBEBEB !important;
}

/* ── ARTICLE DETAIL PAGE ── */
[class*="KbDetailLtContainer__articleTitle"] {
  color: #EBEBEB !important;
}

[class*="KbDetailLtContainer__articleContent"],
[class*="KbDetailLtContainer__articelDetail"],
[class*="KbDetailLtContainer__description"],
[class*="ArticleDetail_description"] {
  color: #BFC2C7 !important;
  background-color: transparent !important;
}

[class*="KbDetailLtContainer__updateTime"] {
  color: #858A8F !important;
}

/* Article detail header icons (PDF, print, reader view) */
[class*="KbDetailLtContainer__detailHeader"] {
  color: #858A8F !important;
}

[class*="KbDetailLtContainer__pdfView"],
[class*="KbDetailLtContainer__printView"],
[class*="KbDetailLtContainer__readerView"],
[class*="KbDetailLtContainer__readerViewNormal"] {
  color: #858A8F !important;
}

[class*="KbDetailLtContainer__pdfView"]:hover,
[class*="KbDetailLtContainer__printView"]:hover,
[class*="KbDetailLtContainer__readerView"]:hover {
  color: #EBEBEB !important;
}

/* ── ARTICLE REVIEW / "HELPFUL?" BAR ── */
[class*="KbDetailLtContainer__review"],
#articleReview {
  background-color: #171717 !important;
  border: 1px solid rgba(187, 187, 187, 0.15) !important;
  border-radius: 8px !important;
  color: #858A8F !important;
}

/* Thumbs up / down icons */
[class*="KbDetailLtContainer__thumsup"],
[class*="KbDetailLtContainer__disLike"] {
  color: #858A8F !important;
  filter: brightness(0) invert(0.55) !important;
}

[class*="KbDetailLtContainer__thumsup"]:hover,
[class*="KbDetailLtContainer__disLike"]:hover {
  color: #EBEBEB !important;
  filter: brightness(0) invert(0.9) !important;
}

/* ── SOCIAL SHARE ICONS ── */
[class*="KbDetailLtContainer__socialIcon"] svg,
[class*="KbDetailLtContainer__userSocialIcon"] svg {
  fill: #858A8F !important;
  color: #858A8F !important;
}

[class*="KbDetailLtContainer__socialIcon"]:hover svg,
[class*="KbDetailLtContainer__userSocialIcon"]:hover svg {
  fill: #EBEBEB !important;
  color: #EBEBEB !important;
}

/* Remove filter from social icon containers — use color instead */
[class*="KbDetailLtContainer__socialIcon"],
[class*="KbDetailLtContainer__userSocialIcon"] {
  filter: none !important;
}

/* Keep "Helpful?" share wrapper unfiltered too */
[class*="KbDetailLtContainer__share"] {
  filter: none !important;
}

/* ── RIGHT SIDEBAR (Article Page) — Card Treatment ── */
[class*="KbDetailRtContainer__rightPanelDetail"] {
  background-color: #171717 !important;
  border: 1px solid rgba(187, 187, 187, 0.12) !important;
  border-radius: 10px !important;
  padding: 20px 24px !important;
  color: #BFC2C7 !important;
}

[class*="KbDetailRtContainer__widgetRight"] {
  background-color: transparent !important;
  color: #BFC2C7 !important;
}

/* Follow button */
[class*="KbDetailRtContainer__followOption"] button,
[class*="Button__primaryBord"],
[class*="Button__primaryBorder"] {
  background-color: transparent !important;
  color: #E61F1F !important;
  border: 1px solid #E61F1F !important;
  border-radius: 4px !important;
}

[class*="KbDetailRtContainer__followOption"] button:hover,
[class*="Button__primaryBord"]:hover,
[class*="Button__primaryBorder"]:hover {
  background-color: rgba(230, 31, 31, 0.12) !important;
}

[class*="KbDetailRtContainer__subscribeDescription"] {
  color: #858A8F !important;
}

[class*="KbDetailRtContainer__widgetSection"] {
  margin-bottom: 16px !important;
}

/* Sidebar category/article links */
[class*="KbRtArticleList__articleRtLink"],
[class*="KbRtArticleList__categoryLink"] {
  color: #BFC2C7 !important;
}

[class*="KbRtArticleList__articleRtLink"]:hover,
[class*="KbRtArticleList__categoryLink"]:hover {
  color: #E61F1F !important;
}

[class*="KbRtArticleList__rightSideArtWidget"],
[class*="KbRtArticleList__widgetBody"] {
  border-color: rgba(187, 187, 187, 0.12) !important;
}

/* Sidebar list header (e.g. "General" in right panel) */
[class*="ListHeader__listHeader1"] {
  border-bottom-color: rgba(187, 187, 187, 0.12) !important;
}

[class*="ListHeader__header1"],
[class*="ListHeader__linkText"] {
  color: #EBEBEB !important;
}

/* ── BRIGHT BORDER FIXES (global) ── */
[class*="AccessibilityPanel__searchContainer"] {
  border-color: rgba(187, 187, 187, 0.15) !important;
}

[class*="TabContent__tabContent"] {
  border-color: rgba(187, 187, 187, 0.12) !important;
}

[class*="AccessibilityPanel__footer"] {
  border-top-color: rgba(187, 187, 187, 0.12) !important;
}

/* ── ARTICLE LEFT COLUMN — Card Treatment ── */
[class*="KbDetailLtContainer__column"] {
  background-color: #171717 !important;
  border: 1px solid rgba(187, 187, 187, 0.12) !important;
  border-radius: 10px !important;
  padding: 28px 32px !important;
}

/* ── SIGN IN / LOGIN PAGE ── */

/* Login container — better padding & centering */
[class*="UserContainer__logInMainContainer"] {
  background-color: #0D0D0D !important;
  color: #BFC2C7 !important;
  padding: 40px 0 !important;
}

/* Login headings */
[class*="Signin__loginTitle"] {
  color: #EBEBEB !important;
  font-size: 1.5em !important;
  margin-bottom: 4px !important;
}

[class*="Signin__loginSubTitle"] {
  color: #858A8F !important;
  margin-bottom: 16px !important;
}

[class*="Signin__loginHead"] {
  padding: 0 0 12px 0 !important;
}

/* Login tabs */
[class*="LoginDetail__tabLink"] {
  color: #BFC2C7 !important;
}

[class*="LoginDetail__active"] {
  color: #E61F1F !important;
  border-color: #E61F1F !important;
}

/* The login form is inside a Zoho-hosted iframe.
   We can't style inside it, so we invert its white content.
   invert(0.949) on #ffffff produces #0D0D0D — matching the
   page background exactly so the iframe blends seamlessly.
   The input's light-gray border inside the iframe inverts
   to a dark gray, staying just visible for the field edge. */
[class*="Signin__iframe"],
iframe.Signin__iframe {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  filter: invert(0.949) hue-rotate(180deg) contrast(1.1) !important;
  max-height: 220px !important;
  overflow: hidden !important;
  display: block !important;
  width: 100% !important;
  margin-left: -12px !important;
}

/* Right side: Forgot Password / Agent Login panels */
[class*="Signin__loginHalf"] {
  color: #BFC2C7 !important;
  padding: 12px 0 !important;
}

[class*="Signin__userHeader"] {
  color: #EBEBEB !important;
}

[class*="Signin__userDesc"] {
  color: #858A8F !important;
}

[class*="Signin__userLink"] {
  color: #E61F1F !important;
}

[class*="Signin__userLink"]:hover {
  color: #FF2222 !important;
}

/* Lock / headset icons */
[class*="Signin__loginUserIcon"] {
  filter: brightness(0) invert(0.55) !important;
}

/* Dotted separator between forgot/agent sections */
[class*="Signin__loginUserDoc"] {
  border-color: rgba(187, 187, 187, 0.15) !important;
}

/* ══════════════════════════════════════════════════
   FORMS — All pages (Ticket, Sign In, Forgot Password)
   Inputs, buttons, editors, captcha, dropdowns
   ══════════════════════════════════════════════════ */

/* ── ALL INPUTS & TEXTAREAS ── */
[class*="Input__formInput"],
[class*="Input__inputCommon"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea {
  background-color: #171717 !important;
  color: #EBEBEB !important;
  border: 1px solid rgba(187, 187, 187, 0.15) !important;
  border-radius: 4px !important;
}

[class*="Input__formInput"]:focus,
[class*="Input__inputCommon"]:focus,
input:focus,
textarea:focus {
  border-color: #E61F1F !important;
  outline: none !important;
}

[class*="Input__formInput"]::placeholder,
input::placeholder,
textarea::placeholder {
  color: #858A8F !important;
}

/* ── SELECT / DROPDOWNS ── */
[class*="Select__"],
select,
[class*="DropDown__"],
[class*="Dropdown__"] {
  background-color: #171717 !important;
  color: #EBEBEB !important;
  border-color: rgba(187, 187, 187, 0.15) !important;
}

select option {
  background-color: #171717 !important;
  color: #EBEBEB !important;
}

/* ── RICH TEXT EDITOR ── */
.KB_Editor,
.KB_Editor_Bdr_div,
.TextSize_Type,
.KB_Editor_PlainText {
  background-color: #171717 !important;
  color: #EBEBEB !important;
  border-color: rgba(187, 187, 187, 0.15) !important;
}

/* Editor toolbar */
.KB_Editor_Tbl_Bdr,
.KB_Editor_Tools,
[class*="KB_Editor"] table,
[class*="KB_Editor"] td {
  background-color: #1E1E1E !important;
  color: #BFC2C7 !important;
  border-color: rgba(187, 187, 187, 0.1) !important;
}

/* Editor body (writing area) — this is often an iframe */
.KB_Editor_Body,
.KB_Editor iframe {
  background-color: #171717 !important;
  filter: invert(0.92) hue-rotate(180deg) !important;
}

/* ── FORM LABELS ── */
[class*="SubmitTicket__"] label,
[class*="SubmitTicket__"] span,
[class*="FormField__"] label,
[class*="FormField__"] span,
label {
  color: #BFC2C7 !important;
}

/* ── SEARCH WITHIN FORMS (e.g. Product Name search) ── */
[class*="SearchContainer__formGroup"],
[class*="SearchContainer__formGroup"] input {
  background-color: #171717 !important;
  color: #EBEBEB !important;
  border-color: rgba(187, 187, 187, 0.15) !important;
}

/* ── ALL BUTTONS — Unified Red Theme ── */

/* Primary buttons (Submit, Next, Send, etc.) */
[class*="Button__primary"],
[class*="Button__primaryBtn"],
button[type="submit"] {
  background-color: #E61F1F !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 4px !important;
}

[class*="Button__primary"]:hover,
[class*="Button__primaryBtn"]:hover,
button[type="submit"]:hover {
  background-color: #FF2222 !important;
}

/* Secondary buttons (Discard, Cancel, etc.) */
[class*="Button__secondary"] {
  background-color: transparent !important;
  color: #BFC2C7 !important;
  border: 1px solid rgba(187, 187, 187, 0.2) !important;
  border-radius: 4px !important;
}

[class*="Button__secondary"]:hover {
  color: #EBEBEB !important;
  border-color: rgba(187, 187, 187, 0.4) !important;
}

/* General button base */
[class*="Button__buttonCommon"] {
  border-radius: 4px !important;
}

/* ── CAPTCHA ── */
[class*="HCNewCaptcha__buttonCon"] {
  background-color: #1E1E1E !important;
  border-color: rgba(187, 187, 187, 0.15) !important;
  border-radius: 4px !important;
}

[class*="HCNewCaptcha__captchaButton"] {
  background-color: transparent !important;
  color: #858A8F !important;
  border-color: rgba(187, 187, 187, 0.15) !important;
}

[class*="HCNewCaptcha__captchaButtonActive"] {
  background-color: #171717 !important;
  color: #E61F1F !important;
  border-color: #E61F1F !important;
}

[class*="HCNewCaptcha__"] {
  background-color: #171717 !important;
  border-color: rgba(187, 187, 187, 0.15) !important;
}

/* ── STICKY SIDEBAR WIDGET (Popular Articles on ticket page) ── */
[class*="ScrollSticky__type2"],
[class*="ScrollSticky__"] {
  background-color: #171717 !important;
  border: 1px solid rgba(187, 187, 187, 0.12) !important;
  border-radius: 10px !important;
  color: #BFC2C7 !important;
}

/* ── ACCESSIBILITY PANEL (full dark treatment) ── */
[class*="MultiCollapseTabs__tabHeading"] {
  background-color: #171717 !important;
  color: #EBEBEB !important;
}

[class*="MultiCollapseTabs__actionBoxIcon"] {
  background-color: #252525 !important;
}

[class*="TabContent__tabContent"] {
  background-color: #171717 !important;
  color: #BFC2C7 !important;
  border-color: rgba(187, 187, 187, 0.12) !important;
}

[class*="AccessibilityPanel__footer"] {
  background-color: #171717 !important;
  border-top-color: rgba(187, 187, 187, 0.12) !important;
}

[class*="ValueSlider__slider"] {
  background-color: #252525 !important;
}

[class*="Switch__switchToggle"] {
  background-color: #333 !important;
}

[class*="Button__primaryBtn"]:hover {
  background-color: #FF2222 !important;
}

/* ── FOOTER ── */
[class*="Footer__footerBg"] {
  background-color: #0A0A0A !important;
}

/* "Still can't find an answer?" heading */
[class*="Footer__footerQus"] {
  color: #EBEBEB !important;
}

/* "Send us a ticket..." description */
[class*="Footer__footerDescription"] {
  color: #BFC2C7 !important;
}

[class*="Footer__footerContent"],
[class*="Footer__footerCopyrigt"],
[class*="Footer__footerInfo"] {
  color: #858A8F !important;
}

/* "Submit a ticket" button */
[class*="Button__footerBtn"] {
  background-color: #E61F1F !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 4px !important;
}

[class*="Button__footerBtn"]:hover {
  background-color: #FF2222 !important;
}

[class*="Footer__container"],
[class*="Footer__container1"],
[class*="Footer__container2"] {
  background-color: transparent !important;
}

/* ── WELCOME / HERO HEADING ── */
[class*="AppContainer__welcomeHeading"] {
  color: #EBEBEB !important;
}

/* ── ACCESSIBILITY PANEL ── */
[class*="AccessibilityPanel__content"],
[class*="AccessibilityPanel__widgetHeaderContent"],
[class*="AccessibilityPanel__widgetBodyContent"],
[class*="AccessibilityPanel__customContent"],
[class*="AccessibilityPanel__customizeContent"] {
  background-color: #171717 !important;
  color: #EBEBEB !important;
}

[class*="AccessibilityPanel__widgetTitle"] {
  color: #EBEBEB !important;
}

/* Category rows (Display, Font, Contrast, etc.) — force readable text */
[class*="AccessibilityPanel__"] h1,
[class*="AccessibilityPanel__"] h2,
[class*="AccessibilityPanel__"] h3,
[class*="AccessibilityPanel__"] h4,
[class*="AccessibilityPanel__"] label,
[class*="AccessibilityPanel__"] [class*="title" i],
[class*="AccessibilityPanel__"] [class*="heading" i],
[class*="AccessibilityPanel__"] [class*="name" i] {
  color: #EBEBEB !important;
}

[class*="AccessibilityPanel__"] p,
[class*="AccessibilityPanel__"] span,
[class*="AccessibilityPanel__"] [class*="desc" i],
[class*="AccessibilityPanel__"] [class*="sub" i] {
  color: #BFC2C7 !important;
}

/* Icons inside the panel — invert so the dark glyphs show on dark bg */
[class*="AccessibilityPanel__"] svg,
[class*="AccessibilityPanel__"] svg * {
  fill: #EBEBEB !important;
  stroke: #EBEBEB !important;
  color: #EBEBEB !important;
}

[class*="AccessibilityPanel__"] img {
  filter: invert(0.9) !important;
}

/* Search input inside the panel */
[class*="AccessibilityPanel__"] input[type="text"],
[class*="AccessibilityPanel__"] input[type="search"] {
  background-color: #0D0D0D !important;
  color: #EBEBEB !important;
  border: 1px solid rgba(187, 187, 187, 0.15) !important;
}

/* Chevron/expand arrows */
[class*="AccessibilityPanel__"] [class*="arrow" i],
[class*="AccessibilityPanel__"] [class*="chevron" i],
[class*="AccessibilityPanel__"] [class*="expand" i] {
  color: #BFC2C7 !important;
  fill: #BFC2C7 !important;
}

/* Row dividers — dotted lines between items */
[class*="AccessibilityPanel__"] [class*="divider" i],
[class*="AccessibilityPanel__"] [class*="separator" i],
[class*="AccessibilityPanel__"] hr {
  border-color: rgba(187, 187, 187, 0.12) !important;
  background-color: rgba(187, 187, 187, 0.12) !important;
}

/* ── TABS / NAVIGATION WITHIN CONTENT ── */
[class*="Tab__tabList"] a,
[class*="Tab__tabView"] a {
  color: #BFC2C7 !important;
}

[class*="Tab__tabList"] a:hover,
[class*="Tab__tabView"] a:hover,
[class*="Tab__tabList"] a.active,
[class*="Tab__tabView"] a.active {
  color: #E61F1F !important;
}

/* ── BACK TO TOP BUTTON ── */
[class*="AppContainer__backToTop"] {
  background-color: #171717 !important;
  color: #EBEBEB !important;
  border: 1px solid rgba(187, 187, 187, 0.15) !important;
}

/* ── SKIP LINKS (accessibility) ── */
[class*="AppContainer__acbty_skip_links"] a {
  background-color: #171717 !important;
  color: #EBEBEB !important;
}

/* ── COMMENT SECTIONS ── */
[class*="Comment__"] {
  background-color: transparent !important;
  color: #BFC2C7 !important;
  border-color: rgba(187, 187, 187, 0.15) !important;
}

/* ── PAGINATION ── */
[class*="Pagination__"] {
  color: #BFC2C7 !important;
}

[class*="Pagination__"] a {
  color: #E8E9EB !important;
}

[class*="Pagination__"] a:hover {
  color: #E61F1F !important;
}

/* ══════════════════════════════════════════════════
   KB LISTING & CONTENT ORGANIZATION
   Cards, grouping, hierarchy, and visual structure
   ══════════════════════════════════════════════════ */

/* ── Hide empty content list items ── */
[class*="WidgetContainer__contentList"]:empty {
  display: none !important;
}

/* ── CATEGORY SECTION CARDS (e.g. "General" group) ── */
[class*="WidgetContainer__contentList"] {
  background-color: #171717 !important;
  border: 1px solid rgba(187, 187, 187, 0.12) !important;
  border-radius: 10px !important;
  padding: 20px 24px !important;
  margin-bottom: 16px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

[class*="WidgetContainer__contentList"]:hover {
  border-color: rgba(230, 31, 31, 0.25) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

[class*="WidgetContainer__boxSplit"] {
  background-color: transparent !important;
}

[class*="WidgetContainer__list"] {
  list-style: none !important;
}

/* ── CATEGORY HEADERS ("General", etc.) ── */
[class*="ListHeader__listHeader2"],
[class*="ListHeader__headerType1"] {
  border-bottom: 1px solid rgba(187, 187, 187, 0.12) !important;
  padding-bottom: 12px !important;
  margin-bottom: 12px !important;
}

[class*="ListHeader__header2"],
[class*="ListHeader__linkText"] {
  color: #EBEBEB !important;
  font-size: 1.15em !important;
}

[class*="ListHeader__linkText"]:hover {
  color: #E61F1F !important;
}

[class*="ListHeader__description"] {
  color: #858A8F !important;
}

/* Category icon */
[class*="ListHeader__listIcon2"] {
  filter: brightness(0) invert(0.6) !important;
  opacity: 0.8 !important;
}

/* Follow button in category headers */
[class*="ListHeader__followTxt"] {
  color: #858A8F !important;
  border: 1px solid rgba(187, 187, 187, 0.2) !important;
  border-radius: 4px !important;
  padding: 4px 12px !important;
  transition: color 0.2s ease, border-color 0.2s ease;
}

[class*="ListHeader__followTxt"]:hover {
  color: #E61F1F !important;
  border-color: #E61F1F !important;
}

/* Three-dot menu in category header */
[class*="ListHeader__dottedPopup"] {
  color: #858A8F !important;
}

[class*="ListHeader__dottedPopup"]:hover {
  color: #EBEBEB !important;
}

[class*="ListHeader__popupListContainer"] {
  background-color: #1E1E1E !important;
  border: 1px solid rgba(187, 187, 187, 0.15) !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

[class*="ListHeader__popupList"] {
  color: #BFC2C7 !important;
}

[class*="ListHeader__popupList"]:hover {
  background-color: rgba(230, 31, 31, 0.1) !important;
  color: #EBEBEB !important;
}

/* ── SUBCATEGORY ROWS ── */
[class*="KbSubCategoryContainer__row"],
[class*="KbSubCategoryContainer__subCategoryListContainer"] {
  background-color: transparent !important;
}

[class*="KbSubCategoryContainer__contentList"] {
  padding: 4px 0 !important;
}

[class*="ContentList__subCategory"] {
  color: #BFC2C7 !important;
}

/* ── ARTICLE LINKS IN LISTINGS ── */
[class*="ContentList__topicList"] {
  padding: 6px 8px !important;
  margin: 2px 0 !important;
  border-radius: 6px !important;
  transition: background-color 0.15s ease;
}

[class*="ContentList__topicList"]:hover {
  background-color: rgba(187, 187, 187, 0.06) !important;
}

[class*="ContentList__listLink"] {
  color: #BFC2C7 !important;
}

[class*="ContentList__listLink"]:hover {
  color: #E61F1F !important;
}

/* Article document icon in lists */
[class*="ContentList__documentIcon"] {
  filter: brightness(0) invert(0.45) !important;
  margin-right: 8px !important;
}

/* ── SIDEBAR WIDGETS (Recent Articles, Popular Articles) ──
   These .boxSplit divs sit inside .contentList <li> which
   already has the card styling — remove inner duplicate */
.recentArticles,
.popularAricles {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Widget section headings */
.recentArticles h3,
.popularAricles h3,
.recentArticles [class*="header"],
.popularAricles [class*="header"] {
  color: #858A8F !important;
  text-transform: uppercase !important;
  font-size: 0.75em !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(187, 187, 187, 0.1) !important;
}

/* Widget article items */
.recentArticles [class*="ContentList__topicList"],
.popularAricles [class*="ContentList__topicList"] {
  padding: 6px 8px !important;
  border-radius: 6px !important;
}

.recentArticles [class*="ContentList__topicList"]:hover,
.popularAricles [class*="ContentList__topicList"]:hover {
  background-color: rgba(187, 187, 187, 0.06) !important;
}

/* ── ARTICLE LIST TOPIC CONTENT (icon row) ── */
[class*="ContentList__topicContent"] {
  display: flex !important;
  align-items: center !important;
}

/* ── GENERAL SCROLLBAR STYLING ── */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #0D0D0D;
}

::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}