@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..700;1,9..40,400..700&family=DM+Mono:wght@400;500&display=swap');

html body *,
.kb-container,
.hc-content,
.zd-content,
.portal-container,
.help-center,
.article-content,
td,
th {
  font-family: "DM Sans", sans-serif;  /* ← !important REMOVED */
  font-optical-sizing: auto;
}

h1, h2, h3, h4, h5, h6,
.kb-container h1,
.kb-container h2,
.kb-container h3,
.kb-container h4,
.kb-container h5,
.kb-container h6 {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 600;
}

code, pre, .mono, .help-meta {
  font-family: "DM Mono", monospace !important;
}

portal .Header__menuList,
portal .Header__menuList a,
portal .Header__link,
portal .Header__nav a,
portal nav a,
.help-center-nav a,
.portal-nav a {
  font-family: "DM Mono", monospace !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.btn-primary,
.zd-btn-primary,
.primary-button {
  background-color: #2F2F2F !important;
  border-color: #2F2F2F !important;
}

.btn-primary:hover,
.zd-btn-primary:hover {
  background-color: #1E1E1E !important;
  border-color: #1E1E1E !important;
}

.nav-tabs .active a,
.nav-tabs .active {
  background-color: #2F2F2F !important;
  color: #ffffff !important;
}

/* View Profile wrapper — pink bg */
.LoginDetail__profileBtn {
  --color-hoverblue1: #ead1cb !important;
  background-color: #ead1cb !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
}

.LoginDetail__profileBtn a,
.LoginDetail__profileLink {
  color: #5f1e1e !important;
  font-family: "DM Mono", monospace !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.LoginDetail__profileBtn:hover {
  background-color: #d3c0cc !important;
}

/* Logout wrapper — dark maroon bg */
.LoginDetail__profileLogout {
  --color-greyShade7: #5f1e1e !important;
  background-color: #5f1e1e !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
}

.LoginDetail__profileLogout a,
.LoginDetail__logoutLink {
  color: #ead1cb !important;
  font-family: "DM Mono", monospace !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.LoginDetail__profileLogout:hover {
  background-color: #7a2424 !important;
}
/* Logo text — DM Mono */
.Header__logotxt {
  font-family: "DM Mono", monospace !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
   text-transform: uppercase !important;
}