/* =========================================================
   Logali Tech — Account Console dark Ember/Slate
   Se aplica SOBRE el dark nativo de PatternFly 5 (clase
   pf-v5-theme-dark, forzada por js/force-dark.js).
   Paleta: canvas #18202B · superficies #1E2835/#141B24 ·
   ember #B07312 / #E5B142 · texto #EFF1F4 / #B1BBC7
   ========================================================= */

/* Paleta global (gana a las vars del dark de PF) */
html.pf-v5-theme-dark {
  --pf-v5-global--BackgroundColor--100: #1E2835;
  --pf-v5-global--BackgroundColor--200: #18202B;
  --pf-v5-global--BackgroundColor--300: #141B24;
  --pf-v5-global--BackgroundColor--400: #2B3847;
  --pf-v5-global--Color--100: #EFF1F4;
  --pf-v5-global--Color--200: #B1BBC7;
  --pf-v5-global--primary-color--100: #E5B142;
  --pf-v5-global--primary-color--200: #F2CF7C;
  --pf-v5-global--primary-color--300: #B07312;
  --pf-v5-global--link--Color: #E5B142;
  --pf-v5-global--link--Color--hover: #F2CF7C;
  --pf-v5-global--active-color--100: #E5B142;
  --pf-v5-global--BorderColor--100: #2B3847;
  --pf-v5-global--BorderColor--200: #2B3847;
  --pf-v5-global--BorderColor--300: #2B3847;
}

/* Lienzo y paneles */
.pf-v5-theme-dark .pf-v5-c-page {
  --pf-v5-c-page--BackgroundColor: #18202B;
}
.pf-v5-theme-dark .pf-v5-c-page__main-section {
  --pf-v5-c-page__main-section--BackgroundColor: #18202B;
}
.pf-v5-theme-dark .pf-v5-c-panel,
.pf-v5-theme-dark .pf-v5-c-card {
  --pf-v5-c-panel--BackgroundColor: #1E2835;
  --pf-v5-c-card--BackgroundColor: #1E2835;
}

/* Masthead + sidebar en la superficie más profunda */
.pf-v5-theme-dark .pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #141B24;
}
.pf-v5-theme-dark .pf-v5-c-page__sidebar,
.pf-v5-theme-dark .pf-v5-c-page__sidebar.pf-m-dark,
.pf-v5-theme-dark .pf-v5-c-nav {
  --pf-v5-c-page__sidebar--BackgroundColor: #141B24;
  --pf-v5-c-nav--BackgroundColor: #141B24;
}
.pf-v5-theme-dark .pf-v5-c-nav__link.pf-m-current,
.pf-v5-theme-dark .pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link {
  --pf-v5-c-nav__link--m-current--Color: #E5B142;
  border-left: 2px solid #B07312;
}

/* Botón primario → ember sólido con texto oscuro legible */
.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: #B07312;
  --pf-v5-c-button--m-primary--Color: #15120E;
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #8C5A0F;
  --pf-v5-c-button--m-primary--hover--Color: #15120E;
  --pf-v5-c-button--m-primary--focus--BackgroundColor: #8C5A0F;
  --pf-v5-c-button--m-primary--focus--Color: #15120E;
  --pf-v5-c-button--m-primary--active--BackgroundColor: #8C5A0F;
  --pf-v5-c-button--m-primary--active--Color: #15120E;
}
.pf-v5-theme-dark .pf-v5-c-button.pf-m-secondary {
  --pf-v5-c-button--m-secondary--Color: #EFF1F4;
  --pf-v5-c-button--m-secondary--BorderColor: #5A6678;
  --pf-v5-c-button--m-secondary--hover--Color: #F2CF7C;
  --pf-v5-c-button--m-secondary--hover--BorderColor: #E5B142;
}

/* Inputs sobre superficie oscura */
.pf-v5-theme-dark .pf-v5-c-form-control {
  --pf-v5-c-form-control--BackgroundColor: #141B24;
  --pf-v5-c-form-control--Color: #EFF1F4;
  --pf-v5-c-form-control--BorderColor: #2B3847;
}
.pf-v5-theme-dark .pf-v5-c-form-control:focus-within {
  --pf-v5-c-form-control--BorderColor: #E5B142;
}

/* Pantalla de carga inicial (index.ftl) también oscura */
.keycloak__loading-container {
  color: #EFF1F4 !important;
  background-color: #18202B !important;
}

/* Enlaces externos Portal/Campus (inyectados por js/nav-links.js):
   separados del resto de la nav con un filete sutil */
.pf-v5-c-nav__item[data-lt-external="first"] {
  border-top: 1px solid #2B3847;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}
.pf-v5-c-nav__item[data-lt-external] .pf-v5-c-nav__link {
  color: #E5B142;
}
.pf-v5-c-nav__item[data-lt-external] .pf-v5-c-nav__link:hover {
  color: #F2CF7C;
}

/* Enlaces Portal/Campus en el tema claro (PF light nativo) */
html:not(.pf-v5-theme-dark) .pf-v5-c-nav__item[data-lt-external] .pf-v5-c-nav__link {
  color: #8c5a0f;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-nav__item[data-lt-external="first"] {
  border-top: 1px solid #e4e6ea;
}