/* Augment Code portal theme regenerated from Playwright findings.
   Key fix: background and text are explicitly defined for home + KB routes. */

.portal-public,
.portal-home-page,
.portal-knowledge-base-layout,
.portal-directory-page,
.portal-directory-page__container,
.portal-article-page {
  background-color: #000000 !important;
  color: #f5f6fb !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.portal-common-header,
.portal-common-header--mobile,
.portal-common-footer {
  background-color: #000000 !important;
  border-color: #252a3c !important;
  color: #ffffff !important;
}

.portal-common-header__org__title,
.portal-common-footer__org__title {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.portal-common-header__actions-container__submit-ticket-button,
.portal-common-header__actions-container__login-button,
.portal-common-header__mobile__menu-trigger,
.portal-common-header__mobile__search-button {
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  font-size: 15px;
  font-weight: 600;
}

.portal-common-header__actions-container__submit-ticket-button {
  background-color: #818bf7;
  border-color: #818bf7;
  color: #0e1020;
}

.portal-common-header__actions-container__submit-ticket-button:hover {
  background-color: #c5bfff;
  border-color: #c5bfff;
}

.portal-common-header__actions-container__submit-ticket-button:active {
  background-color: #1303bd;
  border-color: #1303bd;
  color: #ffffff;
}

.portal-common-header__actions-container__submit-ticket-button:disabled {
  background-color: #4a4f68;
  border-color: #4a4f68;
  color: #b8bdd8;
  cursor: not-allowed;
  opacity: 0.7;
}

.portal-common-header__actions-container__login-button {
  background-color: transparent;
  border-color: #818bf7;
  color: #d9ddff;
}

.portal-common-header__actions-container__login-button:hover {
  background-color: #1b1f31;
}

.portal-common-header__actions-container__login-button:active {
  background-color: #1303bd;
  border-color: #1303bd;
  color: #ffffff;
}

.portal-common-header__actions-container__login-button:disabled {
  background-color: #1b1f31;
  border-color: #4a4f68;
  color: #8f95b4;
  cursor: not-allowed;
  opacity: 0.7;
}

.portal-common-header__mobile__menu-trigger,
.portal-common-header__mobile__search-button {
  background-color: transparent;
  border-color: transparent;
  color: #ffffff;
}

.portal-common-header__mobile__menu-trigger:hover,
.portal-common-header__mobile__search-button:hover {
  background-color: #1b1f31;
}

.portal-common-header__mobile__menu-trigger:active,
.portal-common-header__mobile__search-button:active {
  background-color: #1303bd;
}

.portal-common-header__mobile__menu-trigger:disabled,
.portal-common-header__mobile__search-button:disabled {
  color: #8f95b4;
  cursor: not-allowed;
  opacity: 0.7;
}

.portal-common-header__actions-container__submit-ticket-button:focus-visible,
.portal-common-header__actions-container__login-button:focus-visible,
.portal-common-header__mobile__menu-trigger:focus-visible,
.portal-common-header__mobile__search-button:focus-visible,
.portal-directory-node__link:focus-visible,
.portal-article-navigation-item__link:focus-visible,
.portal-directory-article-list__article-item:focus-visible,
.portal-knowledge-base-breadcrumb__link:focus-visible {
  outline: 2px solid #818bf7;
  outline-offset: 2px;
}

/* Home route styling */
.portal-home-page__container {
  background-color: transparent;
}

.portal-banner__wrapper {
  background-color: #000000;
  border-color: #252a3c;
}

.portal-banner__title {
  color: #f5f6fb;
}

.portal-banner__search__container {
  background-color: #0d1019;
  border-color: #818bf7;
  border-radius: 12px;
}

.portal-banner__search__input {
  background-color: transparent;
  border-color: #818bf7;
  color: #f5f6fb;
}

.portal-home-page__card-list {
  gap: 24px;
}

.portal-directory-card {
  background-color: #1d1f29;
  border-color: #818bf7;
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
  color: #f5f6fb;
  box-shadow: 0 6px 18px rgba(8, 10, 20, 0.6);
}

.portal-directory-card:hover {
  border-color: #c5bfff;
  box-shadow: 0 10px 24px rgba(19, 3, 189, 0.28);
}

.portal-directory-card__title,
.portal-directory-card__description,
.portal-directory-card__article-count,
.portal-directory-card__icon {
  color: #f5f6fb;
}

/* Knowledge-base route styling */
.portal-knowledge-base-layout {
  background-color: #000000 !important;
}

.portal-knowledge-base-leftnav {
  background-color: #05070d;
  border-right-color: #252a3c;
  border-right-style: solid;
  border-right-width: 1px;
  color: #d7dcff;
}

.portal-knowledge-base-leftnav__search {
  background-color: #0d1019;
  border-color: #343a55;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  color: #f5f6fb;
}

.portal-directory-node__header,
.portal-article-node__container {
  border-radius: 6px;
}

.portal-directory-node__header:hover,
.portal-article-node__container:hover {
  background-color: #1b1f31;
}

.portal-directory-node__header--active,
.portal-directory-node__title--active,
.portal-article-node__container--active {
  background-color: transparent;
  color: #ffffff;
}

.portal-directory-node__link,
.portal-directory-node__title,
.portal-article-node__title,
.portal-article-navigation-item__link,
.portal-directory-article-list__article-item,
.portal-knowledge-base-breadcrumb__link {
  color: #aeb6ff;
  text-decoration: none;
}

.portal-directory-node__link:hover,
.portal-article-navigation-item__link:hover,
.portal-directory-article-list__article-item:hover,
.portal-knowledge-base-breadcrumb__link:hover {
  color: #d7dcff;
  text-decoration: underline;
}

.portal-directory-node__link:active,
.portal-article-navigation-item__link:active,
.portal-directory-article-list__article-item:active,
.portal-knowledge-base-breadcrumb__link:active {
  color: #c5bfff;
}

/* Directory page content */
.portal-directory-page__header {
  background-color: #151826;
  border-color: #343a55;
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
  color: #f5f6fb;
  padding: 24px;
}

.portal-directory-page__title {
  color: #ffffff;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
}

.portal-directory-page__description {
  color: #c5bfff;
  font-size: 14px;
}

.portal-directory-page__subdirectories-list,
.portal-directory-card__articles-wrapper {
  gap: 16px;
}

.portal-directory-page__articles-card {
  background-color: #151826;
  border-color: #343a55;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
}

/* Article page content */
.portal-article-page__content {
  background-color: #151826;
  border-color: #343a55;
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
  color: #f5f6fb;
  padding: 24px;
}

.portal-article-content-header__title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.portal-article-content-header__description {
  color: #d7dcff;
}

.portal-article-content-header__published-date {
  color: #c5bfff;
  font-size: 14px;
}

.portal-article-voting {
  background-color: #1d1f29;
  border-color: #343a55;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
}

.portal-article-voting__message {
  color: #f5f6fb;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.portal-article-voting__upvote-button,
.portal-article-voting__downvote-button {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.portal-article-voting__downvote-button {
  background-color: #eef1ff !important;
  border-color: #eef1ff !important;
  color: #2a3358 !important;
}

.portal-article-voting__upvote-button {
  background-color: #22c55e !important;
  border-color: #22c55e !important;
  color: #ffffff !important;
}

.portal-article-navigation__container {
  gap: 16px;
}

@media (max-width: 768px) {
  .portal-directory-page__title {
    font-size: 28px;
  }

  .portal-article-content-header__title {
    font-size: 22px;
  }

  .portal-directory-page__header,
  .portal-article-page__content {
    padding: 16px;
  }
}

/* Runtime hard overrides to beat utility class specificity. */
.portal-public,
.portal-home-page,
.portal-knowledge-base-layout,
.portal-directory-page,
.portal-directory-page__container,
.portal-article-page {
  background-color: #000000 !important;
  color: #f5f6fb !important;
}

.portal-common-header,
.portal-common-header--mobile,
.portal-common-footer {
  background-color: #000000 !important;
  color: #f5f6fb !important;
}

.portal-knowledge-base-leftnav {
  background-color: #05070d !important;
  border-right-color: #252a3c !important;
  color: #f5f6fb !important;
}

.portal-directory-card,
.portal-directory-page__header,
.portal-directory-page__articles-card,
.portal-article-page__content,
.portal-article-voting {
  background-color: #151826 !important;
  border-color: #343a55 !important;
  color: #f5f6fb !important;
}

.portal-directory-card *,
.portal-directory-page__header *,
.portal-article-page__content *,
.portal-article-voting * {
  color: #f5f6fb !important;
}

.portal-knowledge-base-layout * {
  color: #d7dcff !important;
  border-color: #2a3148 !important;
}

.portal-knowledge-base-leftnav * {
  color: #c9d0ff !important;
}

.portal-directory-card__title,
.portal-directory-card__description,
.portal-directory-card__article-count,
.portal-directory-page__title,
.portal-directory-page__description,
.portal-article-content-header__title,
.portal-article-content-header__description,
.portal-article-content-header__published-date,
.portal-article-voting__message {
  color: #f5f6fb !important;
}

.portal-directory-node__link,
.portal-directory-node__title,
.portal-article-node__title,
.portal-article-navigation-item__link,
.portal-directory-article-list__article-item,
.portal-knowledge-base-breadcrumb__link {
  color: #b6beff !important;
}

.portal-directory-node__header,
.portal-directory-node__header--active,
.portal-directory-node__header--expanded,
.portal-article-node__container,
.portal-article-node__container--active {
  background-color: #12182a !important;
  border-left-color: #3b4468 !important;
}

.portal-directory-node__link:hover,
.portal-article-navigation-item__link:hover,
.portal-directory-article-list__article-item:hover,
.portal-knowledge-base-breadcrumb__link:hover {
  color: #d7dcff !important;
}

.portal-directory-page__articles-card:hover {
  background-color: #1b2238 !important;
}

.portal-banner__search__container {
  background-color: #0d1019 !important;
  border-color: #818bf7 !important;
}

.portal-banner__search__input {
  background-color: transparent !important;
  border-color: #818bf7 !important;
  color: #f5f6fb !important;
}

.portal-knowledge-base-leftnav__search {
  box-sizing: border-box !important;
  margin-left: 12px !important;
  margin-right: 12px !important;
  width: calc(100% - 24px) !important;
}

.portal-knowledge-base-leftnav__search * {
  box-sizing: border-box !important;
}

.portal-common-header__actions-container__login-button {
  min-width: 52px !important;
}