/* Dashboard quick links: subtle hover */
.hover-bg-light:hover { background-color: var(--tblr-gray-100, #f3f4f6); }

/* Navbar: centre glyphs in Tabler’s fixed icon box so mixed icons align with Dashboard */
html.customer-portal header.navbar .navbar-nav .nav-link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html.customer-portal header.navbar .navbar-nav .nav-link-icon svg.icon {
  width: 100%;
  height: 100%;
}

/* Customer portal: force full-width headers, remove left/right gap.
   Loaded after Tabler so these overrides win. */
html.customer-portal,
html.customer-portal body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  overflow-x: hidden;
}
html.customer-portal .page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html.customer-portal .page-wrapper,
html.customer-portal .page-body {
  width: 100% !important;
  max-width: none !important;
}
/* Single header bar: full width, no centering */
html.customer-portal .page > header.navbar .container-fluid {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  box-sizing: border-box !important;
}

/* Consistent spacing between page title and content */
html.customer-portal .page-header {
  margin-bottom: 1.5rem;
}

/* KB article body: rich text content from editor */
html.customer-portal .kb-article-body {
  line-height: 1.6;
}
html.customer-portal .kb-article-body p {
  margin-bottom: 1rem;
}
html.customer-portal .kb-article-body p:last-child {
  margin-bottom: 0;
}
html.customer-portal .kb-article-body ul,
html.customer-portal .kb-article-body ol {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}
html.customer-portal .kb-article-body img {
  max-width: 100%;
  height: auto;
}
html.customer-portal .kb-article-body h1,
html.customer-portal .kb-article-body h2,
html.customer-portal .kb-article-body h3 {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}
html.customer-portal .kb-article-body a {
  color: var(--tblr-primary, #066fd1);
}