/* TURBOHOST v4.94 — native WHMCS Knowledgebase, categories and articles.
   Scoped to the KB templates; native routes, search, votes, and edit links untouched. */
body.th-layout-client #main-body .th94-knowledgebase {
  --th94-edge: var(--th-card-edge, rgba(0,134,255,.14));
  --th94-foreground: #edf5ff;
  --th94-muted: #afc7e9;
  color: var(--th94-foreground);
  font: 400 14px/1.65 TH-Inter,Inter,system-ui,sans-serif;
  min-width: 0;
  max-width: 100%;
}
body.th-layout-client #main-body .th94-kb-hero {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 32px;
  padding: clamp(24px,3.2vw,42px);
  border-radius: 30px;
  border: 1px solid rgba(78,154,255,.5);
  background: linear-gradient(155deg,#1459d4 0%,#0642bd 60%,#072a84 100%);
  color: #f6faff;
  box-shadow: 0 14px 42px rgba(0,17,73,.24);
}
body.th-layout-client #main-body .th94-kb-eyebrow {
  display: block;
  margin: 0 0 12px;
  color: #abd4ff;
  letter-spacing: .10em;
  font: 750 10px/1.5 TH-Inter,Inter,system-ui,sans-serif;
}
body.th-layout-client #main-body .th94-kb-hero h2 {
  margin: 0 0 7px;
  color: #fff !important;
  font: 600 clamp(22px,2.6vw,31px)/1.3 TH-Poppins,Poppins,system-ui,sans-serif !important;
  letter-spacing: -.025em;
}
body.th-layout-client #main-body .th94-kb-hero p {
  margin: 0 0 25px;
  color: #e0edff !important;
  font: 400 13px/1.7 TH-Inter,Inter,system-ui,sans-serif;
}
body.th-layout-client #main-body .th94-kb-search-form,
body.th-layout-client #main-body .th94-kb-search-form .input-group {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 !important;
}
body.th-layout-client #main-body .th94-kb-search-form .input-group {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: stretch;
}
body.th-layout-client #main-body .th94-kb-search-form .input-group > input#inputKnowledgebaseSearch {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  width: 1% !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 1px solid rgba(169,211,255,.48) !important;
  border-radius: 30px !important;
  background: rgba(0,30,82,.72) !important;
  box-shadow: none !important;
  color: #fff !important;
  font: 500 13px/1.4 TH-Inter,Inter,system-ui,sans-serif !important;
}
body.th-layout-client #main-body .th94-kb-search-form #inputKnowledgebaseSearch::placeholder { color: #c1dbfa !important; opacity: 1; }
body.th-layout-client #main-body .th94-kb-search-form #inputKnowledgebaseSearch:focus-visible {
  outline: 2px solid #8dd3ff !important;
  outline-offset: 2px;
}
body.th-layout-client #main-body .th94-kb-search-form .input-group-append {
  display: flex;
  margin: 0 !important;
  flex: 0 0 auto;
}
body.th-layout-client #main-body .th94-kb-search-form #btnKnowledgebaseSearch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 128px;
  height: 48px !important;
  margin: 0 !important;
  padding: 10px 22px !important;
  border: 1px solid #dceaff !important;
  border-radius: 30px !important;
  background: #dceaff !important;
  color: #0751c4 !important;
  box-shadow: none !important;
  font: 700 13px/1.3 TH-Inter,Inter,system-ui,sans-serif !important;
}
body.th-layout-client #main-body .th94-kb-search-form #btnKnowledgebaseSearch:is(:hover,:focus-visible) {
  color: #003e9b !important;
  background: #fff !important;
  border-color: #fff !important;
}
body.th-layout-client #main-body .th94-kb-compact-search {
  padding: 22px 24px;
  margin: 0 0 28px;
  border: 1px solid var(--th-card-edge, rgba(0,134,255,.14));
  border-radius: var(--th-card-radius,30px);
  background: var(--th-card-neutral,linear-gradient(180deg,rgba(0,30,82,.72),rgba(0,16,46,.88)));
}
body.th-layout-client #main-body .th94-kb-section-intro { margin: 0 0 19px; }
body.th-layout-client #main-body .th94-kb-section-intro h2 {
  color: #f5faff !important;
  margin: 0 0 5px;
  font: 600 20px/1.4 TH-Poppins,Poppins,system-ui,sans-serif !important;
}
body.th-layout-client #main-body .th94-kb-section-intro p {
  margin: 0;
  color: var(--th94-muted) !important;
  font: 400 13px/1.5 TH-Inter,Inter,system-ui,sans-serif;
}
body.th-layout-client #main-body .th94-kb-category-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
  margin: 0 0 32px !important;
  padding: 0;
  width: 100%;
}
body.th-layout-client #main-body .th94-kb-category-grid > [class*="col-"] {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  flex: none;
  max-width: none;
  margin: 0;
  padding: 0;
}
body.th-layout-client #main-body .th94-kb-category {
  height: 100%;
  border: 1px solid var(--th94-edge) !important;
  border-radius: var(--th-card-radius,30px) !important;
  background: var(--th-card-neutral,linear-gradient(180deg,rgba(0,30,82,.72),rgba(0,16,46,.88))) !important;
  background-color: var(--th-card-underlay,rgba(0,16,46,.88)) !important;
  box-shadow: 0 12px 30px rgba(0,12,44,.17) !important;
  overflow: hidden;
  transition: border-color .15s ease,transform .15s ease;
}
body.th-layout-client #main-body .th94-kb-category:is(:hover,:focus-within) {
  border-color: var(--th-card-hover-edge,rgba(44,125,255,.50)) !important;
  background: var(--th-card-hover,linear-gradient(180deg,rgba(10,43,117,.82),rgba(7,30,88,.96))) !important;
  transform: translateY(-2px);
}
body.th-layout-client #main-body .th94-kb-category > a.card-body {
  display: block;
  box-sizing: border-box;
  min-height: 137px;
  height: 100%;
  padding: 23px 24px !important;
  border: 0 !important;
  background: transparent !important;
  color: #f4f9ff !important;
  text-decoration: none !important;
}
body.th-layout-client #main-body .th94-kb-category > a.card-body:focus-visible { outline: 2px solid #009AFF; outline-offset: -3px; }
body.th-layout-client #main-body .th94-kb-category .h5 {
  color: #f7fbff !important;
  font: 600 16px/1.5 TH-Poppins,Poppins,system-ui,sans-serif !important;
}
body.th-layout-client #main-body .th94-kb-category .h5 > i {
  display: inline-block;
  margin-right: 7px;
  color: #65bdff !important;
  font-size: 19px !important;
}
body.th-layout-client #main-body .th94-kb-category .badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border: 1px solid rgba(0,134,255,.28);
  border-radius: 30px;
  background: rgba(0,98,254,.18) !important;
  color: #c9e5ff !important;
  font: 650 10px/1.25 TH-Inter,Inter,sans-serif;
}
body.th-layout-client #main-body .th94-kb-category p {
  margin-top: 12px !important;
  max-width: 58ch;
  color: #adc8ed !important;
  line-height: 1.6;
}
body.th-layout-client #main-body .th94-kb-category p small { color: inherit !important; font-size: 12px; }
body.th-layout-client #main-body .th94-kb-popular,
body.th-layout-client #main-body .th94-kb-articles-panel,
body.th-layout-client #main-body .th94-kb-reading-card {
  overflow: hidden;
  margin: 0 0 25px;
  border: 1px solid var(--th94-edge) !important;
  border-radius: 30px !important;
  background: var(--th-card-neutral,linear-gradient(180deg,rgba(0,30,82,.72),rgba(0,16,46,.88))) !important;
  background-color: var(--th-card-underlay,rgba(0,16,46,.88)) !important;
  box-shadow: 0 16px 35px rgba(0,12,42,.16) !important;
}
body.th-layout-client #main-body .th94-kb-popular > .card-body,
body.th-layout-client #main-body .th94-kb-articles-panel > .card-body {
  padding: 23px 25px !important;
  border-bottom: 1px solid rgba(148,184,237,.18);
}
body.th-layout-client #main-body .th94-kb-popular .card-title,
body.th-layout-client #main-body .th94-kb-articles-panel .card-title {
  margin: 0 !important;
  color: #f7fbff !important;
  font: 600 19px/1.4 TH-Poppins,Poppins,system-ui,sans-serif !important;
}
body.th-layout-client #main-body .th94-kb-popular .card-title > i,
body.th-layout-client #main-body .th94-kb-articles-panel .card-title > i { color: #65bdff !important; margin-right: 8px; }
body.th-layout-client #main-body .th94-knowledgebase .list-group {
  border: 0 !important;
  background: transparent !important;
}
body.th-layout-client #main-body .th94-knowledgebase .list-group > .list-group-item {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0 !important;
  padding: 17px 25px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(147,186,241,.15) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #e3efff !important;
  font: 600 13px/1.6 TH-Inter,Inter,system-ui,sans-serif !important;
  text-decoration: none !important;
  overflow-wrap: anywhere;
}
body.th-layout-client #main-body .th94-knowledgebase .list-group > .list-group-item:last-child { border-bottom: 0 !important; }
body.th-layout-client #main-body .th94-knowledgebase .list-group > a.list-group-item:is(:hover,:focus-visible) {
  background: var(--th-card-hover,linear-gradient(180deg,rgba(10,43,117,.82),rgba(7,30,88,.96))) !important;
  color: #fff !important;
}
body.th-layout-client #main-body .th94-knowledgebase .kb-article-item > i { color: #72c3ff !important; margin-right: 10px; }
body.th-layout-client #main-body .th94-knowledgebase .kb-article-item small {
  display: block;
  margin: 6px 0 0 30px;
  color: #a9c4e8 !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
}
body.th-layout-client #main-body .th94-kb-reading-card > .card-body { padding: clamp(20px,3vw,36px) !important; }
body.th-layout-client #main-body .th94-kb-reading-card h1 {
  color: #fff !important;
  margin: 0 0 20px;
  font: 600 clamp(23px,2.6vw,32px)/1.32 TH-Poppins,Poppins,system-ui,sans-serif !important;
}
body.th-layout-client #main-body .th94-kb-reading-card article {
  max-width: 85ch;
  color: #d8e6fa;
  font-size: 14px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}
body.th-layout-client #main-body .th94-kb-reading-card article :is(h2,h3,h4,h5,h6) { color: #f5faff !important; margin: 24px 0 12px; }
body.th-layout-client #main-body .th94-kb-reading-card article a { color: #79c8ff !important; text-decoration: underline; }
body.th-layout-client #main-body .th94-kb-reading-card article img { max-width: 100%; height: auto; }
body.th-layout-client #main-body .th94-kb-reading-card article :is(pre,code) { max-width: 100%; overflow-x: auto; color: #e4efff; background: rgba(4,16,39,.8); }
body.th-layout-client #main-body .th94-kb-reading-card article pre { padding: 15px; border-radius: 12px; }
body.th-layout-client #main-body .th94-kb-reading-card article :is(table,blockquote) { max-width: 100%; overflow-x: auto; }
body.th-layout-client #main-body .th94-kb-reading-card hr { border-color: rgba(147,186,241,.2); }
body.th-layout-client #main-body .th94-kb-reading-card .text-muted { color: #abc2e4 !important; }
body.th-layout-client #main-body .th94-kb-reading-card .badge { border-radius: 30px; background: rgba(0,98,254,.18) !important; color: #d8edff !important; }
body.th-layout-client #main-body .th94-knowledgebase > a.btn { margin: 0 12px 12px 0; background: #123360 !important; color: #e1efff !important; border: 1px solid rgba(118,170,255,.27) !important; }
body.th-layout-client #main-body .th94-knowledgebase > a.btn:is(:hover,:focus-visible) { background: #1856bd !important; color: #fff !important; }
@media(max-width: 820px) {
  body.th-layout-client #main-body .th94-kb-category-grid { grid-template-columns: minmax(0,1fr); gap: 12px; }
  body.th-layout-client #main-body .th94-kb-category > a.card-body { min-height: 118px; }
}
@media(max-width: 540px) {
  body.th-layout-client #main-body .th94-kb-hero { padding: 24px 18px; }
  body.th-layout-client #main-body .th94-kb-hero p { margin-bottom: 20px; }
  body.th-layout-client #main-body .th94-kb-search-form .input-group { flex-wrap: wrap; }
  body.th-layout-client #main-body .th94-kb-search-form .input-group > input#inputKnowledgebaseSearch { width: 100% !important; flex: 1 1 100%; }
  body.th-layout-client #main-body .th94-kb-search-form .input-group-append { width: 100%; }
  body.th-layout-client #main-body .th94-kb-search-form #btnKnowledgebaseSearch { width: 100%; }
  body.th-layout-client #main-body .th94-kb-compact-search { padding: 18px 15px; }
  body.th-layout-client #main-body .th94-kb-category .badge { float: none !important; margin-left: 8px; }
  body.th-layout-client #main-body .th94-knowledgebase .list-group > .list-group-item { padding: 15px 17px !important; }
  body.th-layout-client #main-body .th94-kb-popular > .card-body,
  body.th-layout-client #main-body .th94-kb-articles-panel > .card-body { padding: 19px 18px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.th-layout-client #main-body .th94-kb-category { transition: none !important; }
  body.th-layout-client #main-body .th94-kb-category:is(:hover,:focus-within) { transform: none; }
}
@media print {
  body.th-layout-client #main-body .th94-kb-reading-card,
  body.th-layout-client #main-body .th94-kb-reading-card > .card-body { background: #fff !important; border: 0 !important; box-shadow: none !important; color: #000 !important; }
  body.th-layout-client #main-body .th94-kb-reading-card :is(h1,h2,h3,h4,p,li,article) { color: #000 !important; }
}