@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap');
/* =============================================================================
 *  TEMA — UCEVA, Unidad Central del Valle del Cauca (INSTITUCION = uceva)
 *  Coherente con el login nuevo (css/Login/uceva/style.css) y con el look & feel de
 *  uceva.edu.co. Estructura de theme-unicatolicadelsur.css / theme-intenalco-moderno.css.
 *    Verde imagotipo     #007E2E  acción principal, títulos, enlaces, foco, pestaña activa,
 *                                 opción activa del menú, fin del degradé de la barra de módulos
 *    Verde oscuro        #004D1C  menú lateral, encabezado de ventanas, "Powered by"
 *    Verde muy oscuro    #002E11  tooltips, avisos, inicio del degradé; #003F17 hover del menú
 *    Acento portal       #009C1A  (barra de menú de uceva.edu.co) SOLO filetes sobre fondos
 *                                 claros (franja de descripción, guía introjs). Nunca texto
 *                                 (3.64:1 sobre blanco) ni sobre verde oscuro (2.78:1).
 *    Verde claro         #8FE3A0  filetes e íconos activos/hover sobre el verde oscuro
 *                                 (barra de opción activa, ventanas, barra de módulos)
 *    Selección           #E3F2E8  fila seleccionada; #EEF7F0 tintes; #F2F8F4 hover
 *    Texto               #342A2E  (gris del imagotipo) principal / #52606D secundario
 *    Superficies         #FFFFFF contenido, #F3F4F7 cabeceras, bordes #DDE2E8 / #CBD2D9
 *  Contraste (WCAG): blanco sobre #007E2E = 5.22:1; sobre #004D1C = 10.10:1; sobre #003F17 =
 *  12.19:1; sobre #002E11 = 15.01:1; #007E2E sobre #F3F4F7 = 4.75:1, sobre #E3F2E8 = 4.51:1 y
 *  sobre #EEF7F0 = 4.77:1; #004D1C sobre #EEF7F0 = 9.24:1; menú #EAF5EE sobre #004D1C = 9.04:1;
 *  íconos #B7DCC4 = 6.76:1 y #8FE3A0 = 6.57:1 sobre #004D1C; ícono activo #D2F5DA sobre
 *  #007E2E = 4.43:1; texto #342A2E sobre blanco = 13.85:1.
 *
 *  Tipografía: Montserrat (cuerpo y menú del portal) y Poppins (titulares del portal, solo
 *  en títulos de ventanas, paneles y diálogos); si no cargan, Segoe UI.
 *  Solo override de selectores Triton (ExtJS 7.x).
 * ============================================================================= */





/* -----------------------------------------------------------------------------
 * TIPOGRAFÍA
 * -------------------------------------------------------------------------- */
body:not(.uceva-login) .x-tab-inner-default,
body:not(.uceva-login) .x-btn-inner-default-small,
body:not(.uceva-login) .x-btn-inner-default-toolbar-small,
body:not(.uceva-login) .x-panel-header-title-default,
body:not(.uceva-login) .x-panel-header-title-default-framed,
body:not(.uceva-login) .x-window-header-title-default,
body:not(.uceva-login) .x-treelist-nav .x-treelist-item-text,
body:not(.uceva-login) .x-fieldset-header-text-default,
body:not(.uceva-login) .x-fieldset-header-default > .x-fieldset-header-text,
body:not(.uceva-login) .x-accordion-hd .x-panel-header-title,
body:not(.uceva-login) .x-column-header-text-inner,
body:not(.uceva-login) .x-grid-group-title,
body:not(.uceva-login) .swal2-title,
body:not(.uceva-login) .swal2-styled,
body:not(.uceva-login) .introjs-tooltip-title,
body:not(.uceva-login) .introjs-button {
	font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
}


/* Cuerpo: Montserrat. Lista explícita, sin regla global, para no pisar la fuente de iconos 'ExtJS'. */
body:not(.uceva-login) .x-grid-cell-inner,
body:not(.uceva-login) .x-form-text-default,
body:not(.uceva-login) .x-form-item-label-default,
body:not(.uceva-login) .x-form-cb-label-default,
body:not(.uceva-login) .x-boundlist-item,
body:not(.uceva-login) .x-menu-item-text-default,
body:not(.uceva-login) .x-panel-body-default,
body:not(.uceva-login) .x-window-body-default,
body:not(.uceva-login) .x-tip-body-default,
body:not(.uceva-login) .x-toolbar-text-default,
body:not(.uceva-login) .swal2-html-container,
body:not(.uceva-login) .swal2-content,
body:not(.uceva-login) .introjs-tooltiptext {
	font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
}

/* -----------------------------------------------------------------------------
 * PESTAÑAS (barra de páginas): fondo blanco, activa subrayada en verde oscuro
 * -------------------------------------------------------------------------- */
body:not(.uceva-login) .x-tab-bar-default {
	background-color: #FFFFFF;
	border-color: #DDE2E8;
	border-bottom: 1px solid #DDE2E8;
}

body:not(.uceva-login) .x-tab-bar-strip-default {
	background-color: transparent;
	border-color: transparent;
}

body:not(.uceva-login) .x-tab-default,
body:not(.uceva-login) .x-tab.x-tab-default {
	background-color: transparent;
	border-color: transparent;
	border-radius: 0;
}

body:not(.uceva-login) .x-tab-inner-default {
	color: #52606D;
	font-weight: 600;
}

body:not(.uceva-login) .x-tab-icon-el-default,
body:not(.uceva-login) .x-tab-default .x-tab-glyph {
	color: #52606D;
}

body:not(.uceva-login) .x-tab-over.x-tab-default {
	background-color: #F3F4F7;
}

body:not(.uceva-login) .x-tab-over.x-tab-default .x-tab-inner-default {
	color: #342A2E;
}

body:not(.uceva-login) .x-tab.x-tab-active.x-tab-default {
	background-color: transparent;
	box-shadow: inset 0 -3px 0 #007E2E;
}

body:not(.uceva-login) .x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
body:not(.uceva-login) .x-tab.x-tab-active.x-tab-default .x-tab-icon-el-default {
	color: #007E2E;
}

body:not(.uceva-login) .x-tab-focus.x-tab-default {
	outline-color: transparent;
}

body:not(.uceva-login) .x-tab-default .x-tab-close-btn,
body:not(.uceva-login) .x-tab-default.x-tab-active .x-tab-close-btn {
	color: #52606D;
}

body:not(.uceva-login) .x-tab-default .x-tab-close-btn:hover {
	color: #C62828;
}

/* Flechas de desplazamiento de la barra de pestañas */
body:not(.uceva-login) .x-box-scroller-tab-bar-default,
body:not(.uceva-login) .x-tab-bar-default-scroller .x-box-scroller-tab-bar-default {
	color: #52606D;
	background-color: #FFFFFF;
}


/* -----------------------------------------------------------------------------
 * PANELES: cabecera neutra, título verde oscuro
 * -------------------------------------------------------------------------- */
body:not(.uceva-login) .x-panel-default,
body:not(.uceva-login) .x-panel-default-framed {
	border-color: #DDE2E8;
}

body:not(.uceva-login) .x-panel-header-default,
body:not(.uceva-login) .x-panel-header-default-framed,
body:not(.uceva-login) .x-panel-header-default-framed-top {
	background-color: #F3F4F7 !important;
	border-color: #DDE2E8;
}

body:not(.uceva-login) .x-panel-header-default {
	border-bottom: 1px solid #DDE2E8;
}

body:not(.uceva-login) .x-panel-header-title-default,
body:not(.uceva-login) .x-panel-header-title-default-framed {
	color: #007E2E;
	font-weight: 700;
}

body:not(.uceva-login) .x-panel-header-default .x-tool-tool-el,
body:not(.uceva-login) .x-panel-header-default .x-tool-img,
body:not(.uceva-login) .x-panel-header-default-framed .x-tool-tool-el,
body:not(.uceva-login) .x-panel-header-default-framed .x-tool-img {
	color: #52606D;
	background-color: transparent;
}

body:not(.uceva-login) .x-panel-header-default .x-tool-over .x-tool-tool-el,
body:not(.uceva-login) .x-panel-header-default-framed .x-tool-over .x-tool-tool-el {
	color: #007E2E;
}

body:not(.uceva-login) .x-panel-header-default .x-panel-header-glyph,
body:not(.uceva-login) .x-panel-header-default .x-panel-header-icon {
	color: #007E2E;
}

/* Acordeones */
body:not(.uceva-login) .x-accordion-hd .x-panel-header-title {
	color: #007E2E;
	font-weight: 700;
}

body:not(.uceva-login) .x-accordion-hd .x-tool-img,
body:not(.uceva-login) .x-accordion-hd .x-tool-tool-el {
	color: #52606D;
}

body:not(.uceva-login) .x-accordion-item .x-accordion-hd {
	border-color: #DDE2E8;
}

/* Fieldsets (grupos de campos) */
body:not(.uceva-login) .x-fieldset-default {
	border-color: #DDE2E8;
	border-radius: 8px;
}

body:not(.uceva-login) .x-fieldset-header-text-default,
body:not(.uceva-login) .x-fieldset-header-default > .x-fieldset-header-text {
	color: #007E2E;
	font-weight: 700;
}


/* -----------------------------------------------------------------------------
 * BOTONES
 * default-small      → acción: verde institucional
 * default-toolbar    → acciones de barra: blanco con borde (no compiten)
 * -------------------------------------------------------------------------- */
body:not(.uceva-login) .x-btn-default-small {
	background-color: #007E2E;
	border-color: #007E2E;
	border-radius: 6px;
}

body:not(.uceva-login) .x-btn-inner-default-small {
	color: #FFFFFF;
	font-weight: 600;
}

body:not(.uceva-login) .x-btn-icon-el-default-small {
	color: #FFFFFF;
}

/* Iconos de acción sobre fondo transparente (columna Acciones de calificaciones
 * en hoja de vida): conservan su color propio de style_calificaciones.css
 * (mismo ajuste del ticket #79511 en theme-uc.css). */
body:not(.uceva-login) .x-btn-icon-el-default-small.icon-observacion {
	color: #2B6CB0;
}

body:not(.uceva-login) .x-btn-icon-el-default-small.cancelacion-asignatura {
	color: #FAAC58;
}

body:not(.uceva-login) .x-btn-over.x-btn-default-small,
body:not(.uceva-login) .x-btn-focus.x-btn-default-small {
	background-color: #004D1C;
	border-color: #004D1C;
}

body:not(.uceva-login) .x-btn.x-btn-menu-active.x-btn-default-small,
body:not(.uceva-login) .x-btn.x-btn-pressed.x-btn-default-small {
	background-color: #002E11;
	border-color: #002E11;
}

body:not(.uceva-login) .x-btn-focus.x-btn-default-small {
	box-shadow: 0 0 0 3px rgba(0, 126, 46, 0.28);
}

body:not(.uceva-login) .x-btn-default-toolbar-small {
	background-color: #FFFFFF;
	border-color: #CBD2D9;
	border-radius: 6px;
}

body:not(.uceva-login) .x-btn-inner-default-toolbar-small {
	color: #342A2E;
	font-weight: 600;
}

body:not(.uceva-login) .x-btn-icon-el-default-toolbar-small {
	color: #007E2E;
}

body:not(.uceva-login) .x-btn-over.x-btn-default-toolbar-small {
	background-color: #F3F4F7;
	border-color: #AEB6BF;
}

body:not(.uceva-login) .x-btn.x-btn-pressed.x-btn-default-toolbar-small,
body:not(.uceva-login) .x-btn.x-btn-menu-active.x-btn-default-toolbar-small {
	background-color: #E3F2E8;
	border-color: #007E2E;
}

/* Barra inferior de formularios y ventanas ("buttons"): un solo botón principal.
 * El último botón (Guardar, Aceptar…) queda en verde oscuro; los demás
 * (Cancelar, Más tarde…) pasan a blanco con borde. */
body:not(.uceva-login) .x-toolbar-footer .x-btn-default-small {
	background-color: #FFFFFF;
	border-color: #CBD2D9;
}

body:not(.uceva-login) .x-toolbar-footer .x-btn-default-small .x-btn-inner-default-small {
	color: #342A2E;
}

body:not(.uceva-login) .x-toolbar-footer .x-btn-default-small .x-btn-icon-el-default-small {
	color: #007E2E;
}

body:not(.uceva-login) .x-toolbar-footer .x-btn-over.x-btn-default-small {
	background-color: #F3F4F7;
	border-color: #AEB6BF;
}

body:not(.uceva-login) .x-toolbar-footer a.x-btn-default-small:last-of-type {
	background-color: #007E2E;
	border-color: #007E2E;
}

body:not(.uceva-login) .x-toolbar-footer a.x-btn-default-small:last-of-type .x-btn-inner-default-small,
body:not(.uceva-login) .x-toolbar-footer a.x-btn-default-small:last-of-type .x-btn-icon-el-default-small {
	color: #FFFFFF;
}

body:not(.uceva-login) .x-toolbar-footer a.x-btn-over.x-btn-default-small:last-of-type {
	background-color: #004D1C;
	border-color: #004D1C;
}

/* Ext.Msg (Sí / No / Aceptar / Cancelar): el orden interno es OK, Sí, No,
* Cancelar, así que la acción principal es el PRIMER botón visible. */
body:not(.uceva-login) .x-message-box .x-toolbar-footer a.x-btn-default-small,
body:not(.uceva-login) .x-message-box .x-toolbar-footer a.x-btn-default-small:last-of-type {
	background-color: #007E2E;
	border-color: #007E2E;
}

body:not(.uceva-login) .x-message-box .x-toolbar-footer a.x-btn-default-small .x-btn-inner-default-small {
	color: #FFFFFF;
}

body:not(.uceva-login) .x-message-box .x-toolbar-footer a.x-btn-default-small:not([style*="display: none"]) ~ a.x-btn-default-small {
	background-color: #FFFFFF;
	border-color: #CBD2D9;
}

body:not(.uceva-login) .x-message-box .x-toolbar-footer a.x-btn-default-small:not([style*="display: none"]) ~ a.x-btn-default-small .x-btn-inner-default-small {
	color: #342A2E;
}

body:not(.uceva-login) .x-btn.x-btn-disabled.x-btn-default-small {
	background-color: #007E2E;
}

/* Botón de usuario (esquina superior derecha) */
body:not(.uceva-login) .button-menu-home {
	background-color: #FFFFFF !important;
	border-color: #DDE2E8 !important;
	border-radius: 8px 8px 0 0;
}

/* Franja "Powered by" bajo el botón de usuario: Default/index.html.twig copia en
 * línea el color de .x-tab-bar-default; se fija el verde oscuro para que su
 * texto blanco siempre sea legible. */
body:not(.uceva-login) #datasae-footer {
	background-color: #004D1C !important;
}

body:not(.uceva-login) .button-menu-home.x-btn-over {
	background-color: #F3F4F7 !important;
}

body:not(.uceva-login) .button-menu-home .x-btn-wrap .x-btn-button .x-btn-inner-default-small {
	color: #342A2E;
}

body:not(.uceva-login) .button-menu-home .x-btn-wrap-default-small.x-btn-arrow-right:after {
	color: #52606D;
}

body:not(.uceva-login) .button-menu-home .x-btn-wrap .x-btn-button .x-btn-icon-el {
	color: #007E2E;
}


/* -----------------------------------------------------------------------------
 * MENÚ LATERAL (treelist): verde oscuro #004D1C, opción activa #007E2E con barra verde claro
 * -------------------------------------------------------------------------- */
body:not(.uceva-login) .x-treelist-nav,
body:not(.uceva-login) .x-treelist-nav .x-treelist-toolstrip,
body:not(.uceva-login) .treelist-with-nav .x-panel-body {
	background-color: #004D1C;
}

body:not(.uceva-login) .treelist-with-nav .x-panel-body {
	border-right: 1px solid #004D1C;
}

body:not(.uceva-login) .x-treelist-nav .x-treelist-item-text {
	color: #EAF5EE;
	font-weight: 400;
}

body:not(.uceva-login) .x-treelist-nav .x-treelist-item-icon,
body:not(.uceva-login) .x-treelist-nav .x-treelist-item-expander,
body:not(.uceva-login) .x-treelist-nav .x-treelist-item-tool {
	color: #B7DCC4;
}

/* Grupo expandido: Triton lo pinta gris azulado (#2C3845); se usa un verde apenas más oscuro */
body:not(.uceva-login) .x-treelist-nav .x-treelist-item-expanded {
	background-color: #00451A;
}

body:not(.uceva-login) .x-treelist-nav .x-treelist-row-over {
	background-color: #003F17;
}

body:not(.uceva-login) .x-treelist-nav .x-treelist-row-over:before,
body:not(.uceva-login) .x-treelist-nav .x-treelist-item-selected > .x-treelist-row-over:before {
	background-color: #8FE3A0;
}

body:not(.uceva-login) .x-treelist-nav .x-treelist-item-selected > .x-treelist-row,
body:not(.uceva-login) .x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
	background-color: #007E2E;
}

body:not(.uceva-login) .x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before,
body:not(.uceva-login) .x-treelist-nav .x-treelist-item-tool-floated:after {
	background-color: #8FE3A0;
}

body:not(.uceva-login) .x-treelist-item-selected .x-treelist-row .x-treelist-item-wrap .x-treelist-item-text {
	color: #FFFFFF;
	font-weight: 700;
}

body:not(.uceva-login) .x-treelist-item-selected .x-treelist-row .x-treelist-item-wrap .x-treelist-item-icon,
body:not(.uceva-login) .x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
	color: #D2F5DA;
}

/* Menú flotante en modo compacto */
body:not(.uceva-login) .x-treelist-nav.x-treelist-floater,
body:not(.uceva-login) .x-treelist-nav .x-treelist-floater {
	background-color: #004D1C;
	box-shadow: 0 8px 24px rgba(0, 46, 17, 0.35);
}

/* Pie del menú lateral y botón para compactarlo */
body:not(.uceva-login) .treelist-with-nav .x-toolbar-default {
	background-color: #004D1C;
	border-color: #004D1C;
}

body:not(.uceva-login) .treelist-with-nav .x-btn-default-small,
body:not(.uceva-login) .treelist-with-nav .x-btn-default-toolbar-small {
	background-color: #004D1C;
	border-color: #2F8A4C;
}

body:not(.uceva-login) .treelist-with-nav .x-btn-default-small .x-btn-icon-el-default-small,
body:not(.uceva-login) .treelist-with-nav .x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small {
	color: #B7DCC4;
}

body:not(.uceva-login) .treelist-with-nav .x-btn-over.x-btn-default-small,
body:not(.uceva-login) .treelist-with-nav .x-btn-over.x-btn-default-toolbar-small {
	background-color: #003F17;
	border-color: #2F8A4C;
}

body:not(.uceva-login) .treelist-with-nav .x-btn-pressed.x-btn-default-small,
body:not(.uceva-login) .treelist-with-nav .x-btn-pressed.x-btn-default-toolbar-small {
	background-color: #007E2E;
	border-color: #8FE3A0;
}

/* BACKGROUND_MENU_PAGINAS (configuracion) pone en línea una imagen clara de fondo en el menú,
   que deja ilegible el texto claro del tema; el color del tema debe prevalecer. */
body:not(.uceva-login) .treelist-with-nav > .x-panel-bodyWrap > .x-panel-body {
	background: #004D1C !important;
}

/* Scroll del menú oscuro (WebKit) */
body:not(.uceva-login) .treelist-with-nav ::-webkit-scrollbar-thumb {
	background-color: #4FA866;
}


/* -----------------------------------------------------------------------------
 * VENTANAS EMERGENTES: tarjeta blanca redondeada, encabezado verde oscuro con
 * filete verde claro (acento), pie gris
 * -------------------------------------------------------------------------- */
body:not(.uceva-login) .x-window-default {
	border-color: #004D1C;
	border-radius: 10px;
}

body:not(.uceva-login) .x-css-shadow {
	border-radius: 10px;
}

body:not(.uceva-login) .x-window-header-default,
body:not(.uceva-login) .x-window-header-default-top {
	background-color: #004D1C;
	border-color: #004D1C;
	border-radius: 10px 10px 0 0;
	box-shadow: inset 0 -3px 0 #8FE3A0;
}

body:not(.uceva-login) .x-window-header-title-default {
	color: #FFFFFF;
	font-weight: 700;
}

body:not(.uceva-login) .x-window-header-default .x-tool-img,
body:not(.uceva-login) .x-window-header-default .x-tool-tool-el {
	background-color: transparent;
	color: #C9E6D3;
}

body:not(.uceva-login) .x-window-header-default .x-tool-over .x-tool-tool-el {
	color: #FFFFFF;
}

body:not(.uceva-login) .x-window-header-default .x-window-header-glyph,
body:not(.uceva-login) .x-window-header-default .x-window-header-icon {
	color: #8FE3A0;
}

body:not(.uceva-login) .x-window-body-default {
	border-color: #FFFFFF;
	color: #342A2E;
}

body:not(.uceva-login) .x-window-default .x-toolbar-footer {
	background-color: #F3F4F7;
	border-top: 1px solid #DDE2E8;
	border-radius: 0 0 10px 10px;
}

/* Avisos breves (Ext.toast): oscuros, no interrumpen; sin filete */
body:not(.uceva-login) .x-toast.x-window-default,
body:not(.uceva-login) .x-toast .x-window-body-default {
	background-color: #002E11;
	border-color: #002E11;
	color: #FFFFFF;
}

body:not(.uceva-login) .x-toast .x-window-header-default {
	box-shadow: none;
}

/* Tooltips */
body:not(.uceva-login) .x-tip-default {
	background-color: #002E11;
	border-color: #002E11;
	border-radius: 6px;
}

body:not(.uceva-login) .x-tip-body-default {
	color: #FFFFFF;
}


/* -----------------------------------------------------------------------------
 * GRILLAS: encabezado gris claro, filas limpias, selección verde tenue
 * -------------------------------------------------------------------------- */
body:not(.uceva-login) .x-grid-header-ct {
	border-color: #DDE2E8;
}

body:not(.uceva-login) .x-column-header {
	background-color: #F3F4F7;
	border-color: #DDE2E8;
}

body:not(.uceva-login) .x-column-header-text-inner,
body:not(.uceva-login) .x-column-header-inner {
	color: #007E2E;
	font-weight: 600;
}

body:not(.uceva-login) .x-column-header-over,
body:not(.uceva-login) .x-column-header-sort-ASC,
body:not(.uceva-login) .x-column-header-sort-DESC {
	background-color: #EEF7F0;
}

body:not(.uceva-login) .x-column-header-trigger {
	background-color: #DDE2E8;
}

body:not(.uceva-login) .x-grid-cell {
	color: #342A2E;
}

body:not(.uceva-login) .x-grid-with-row-lines .x-grid-item,
body:not(.uceva-login) .x-grid-with-row-lines .x-grid-item-alt {
	border-color: #EEF7F0;
}

body:not(.uceva-login) .x-grid-item-alt {
	background-color: #FFFFFF;
}

body:not(.uceva-login) .x-grid-row-over .x-grid-cell,
body:not(.uceva-login) .x-grid-item-over {
	background-color: #F2F8F4;
}

body:not(.uceva-login) .x-grid-item-selected,
body:not(.uceva-login) .x-grid-item-selected .x-grid-cell {
	background-color: #E3F2E8 !important;
	border-color: #C9E6D3;
	color: #342A2E;
}

/* Indicador verde oscuro a la izquierda de la fila seleccionada (no depende solo del tinte) */
body:not(.uceva-login) .x-grid-item-selected .x-grid-cell:first-child {
	box-shadow: inset 3px 0 0 #007E2E;
}

body:not(.uceva-login) .x-grid-group-hd {
	background-color: #F3F4F7;
	border-color: #DDE2E8;
}

body:not(.uceva-login) .x-grid-group-title {
	color: #007E2E;
	font-weight: 700;
}

/* Barra de paginación y barras de herramientas */
body:not(.uceva-login) .x-toolbar-default {
	background-color: #FFFFFF;
	border-color: #DDE2E8;
}

body:not(.uceva-login) .x-toolbar-text-default {
	color: #52606D;
}


/* -----------------------------------------------------------------------------
 * CAMPOS DE FORMULARIO: borde suave, foco verde oscuro con halo, etiqueta legible
 * -------------------------------------------------------------------------- */
body:not(.uceva-login) .x-form-item-label-default {
	color: #342A2E;
	font-weight: 600;
}

body:not(.uceva-login) .x-form-trigger-wrap-default {
	border-color: #CBD2D9;
	border-radius: 6px;
}

body:not(.uceva-login) .x-form-trigger-wrap-default .x-form-text-default {
	border-radius: 6px;
}

body:not(.uceva-login) .x-form-trigger-default {
	color: #52606D;
}

body:not(.uceva-login) .x-form-trigger-wrap-focus-default,
body:not(.uceva-login) .x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
	border-color: #007E2E;
	box-shadow: 0 0 0 3px rgba(0, 126, 46, 0.28);
}

body:not(.uceva-login) .x-form-trigger-wrap-invalid-default,
body:not(.uceva-login) .x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
	border-color: #C62828;
}

body:not(.uceva-login) .x-form-text-default.x-form-empty-field-default,
body:not(.uceva-login) .x-form-empty-field {
	color: #687480;
}

body:not(.uceva-login) .x-form-invalid-under-default,
body:not(.uceva-login) .x-form-error-msg {
	color: #C62828;
}

body:not(.uceva-login) .x-form-cb-checked .x-form-checkbox-default,
body:not(.uceva-login) .x-form-cb-checked .x-form-radio-default {
	color: #007E2E;
}

/* Listas desplegables de combos y menús contextuales */
body:not(.uceva-login) .x-boundlist-item-over {
	background-color: #F2F8F4;
	border-color: #F2F8F4;
}

body:not(.uceva-login) .x-boundlist-selected {
	background: #E3F2E8;
	border-color: #E3F2E8;
	color: #007E2E;
}

body:not(.uceva-login) .x-menu-item-focus .x-menu-item-link-default,
body:not(.uceva-login) .x-menu-item-active .x-menu-item-link-default,
body:not(.uceva-login) .x-menu-item-focus.x-menu-item-default,
body:not(.uceva-login) .x-menu-item-active.x-menu-item-default {
	background-color: #E3F2E8;
}

body:not(.uceva-login) .x-menu-item-icon-default,
body:not(.uceva-login) .x-menu-item-glyph-default {
	color: #007E2E;
}

/* Barra de progreso */
body:not(.uceva-login) .x-progress-default .x-progress-bar-default {
	background-color: #007E2E;
}


/* -----------------------------------------------------------------------------
 * SWEETALERT2: una acción principal verde oscuro, secundaria en blanco
 * -------------------------------------------------------------------------- */
body:not(.uceva-login) .swal2-popup {
	border-radius: 12px;
	border-top: 4px solid #007E2E;
}

body:not(.uceva-login) .swal2-title {
	color: #007E2E;
}

body:not(.uceva-login) .swal2-styled.swal2-confirm {
	background-color: #007E2E;
	border-radius: 6px;
}

body:not(.uceva-login) .swal2-styled.swal2-cancel {
	background-color: #FFFFFF;
	border: 1px solid #CBD2D9;
	border-radius: 6px;
	color: #342A2E;
}

body:not(.uceva-login) .swal2-styled.swal2-confirm:focus,
body:not(.uceva-login) .swal2-styled.swal2-cancel:focus {
	box-shadow: 0 0 0 3px rgba(0, 126, 46, 0.28);
}


/* -----------------------------------------------------------------------------
 * GUÍA DE PRIMER USO (intro.js)
 * -------------------------------------------------------------------------- */
body:not(.uceva-login) .introjs-tooltip {
	border-radius: 12px;
	box-shadow: 0 12px 32px rgba(0, 46, 17, 0.20);
	color: #342A2E;
	padding: 16px 18px;
}

body:not(.uceva-login) .introjs-helperLayer {
	border-radius: 8px;
	outline: 3px solid rgba(0, 156, 26, 0.85);
	outline-offset: 2px;
}

body:not(.uceva-login) .introjs-helperNumberLayer {
	background: #007E2E;
	border: 2px solid #009C1A;
	box-shadow: none;
	color: #FFFFFF;
	text-shadow: none;
}

body:not(.uceva-login) .introjs-tooltipbuttons {
	border-top: 0;
}

body:not(.uceva-login) .introjs-button {
	background: #FFFFFF;
	background-image: none;
	border: 1px solid #CBD2D9;
	border-radius: 6px;
	box-shadow: none;
	color: #342A2E;
	font-weight: 600;
	text-shadow: none;
}

body:not(.uceva-login) .introjs-button:hover,
body:not(.uceva-login) .introjs-button:focus {
	background: #F3F4F7;
	border-color: #AEB6BF;
	box-shadow: none;
	color: #342A2E;
}

body:not(.uceva-login) .introjs-nextbutton,
body:not(.uceva-login) .introjs-donebutton {
	background: #007E2E;
	border-color: #007E2E;
	color: #FFFFFF;
}

body:not(.uceva-login) .introjs-nextbutton:hover,
body:not(.uceva-login) .introjs-nextbutton:focus,
body:not(.uceva-login) .introjs-donebutton:hover,
body:not(.uceva-login) .introjs-donebutton:focus {
	background: #004D1C;
	border-color: #004D1C;
	color: #FFFFFF;
}

body:not(.uceva-login) .introjs-skipbutton {
	background: transparent;
	border-color: transparent;
	color: #007E2E;
}

body:not(.uceva-login) .introjs-skipbutton:hover,
body:not(.uceva-login) .introjs-skipbutton:focus {
	background: transparent;
	border-color: transparent;
	color: #007E2E;
}

body:not(.uceva-login) .introjs-disabled,
body:not(.uceva-login) .introjs-disabled:hover,
body:not(.uceva-login) .introjs-disabled:focus {
	background: #FFFFFF;
	border-color: #DDE2E8;
	color: #AEB6BF;
}

body:not(.uceva-login) .introjs-bullets ul li a {
	background: #CBD2D9;
}

body:not(.uceva-login) .introjs-bullets ul li a.active {
	background: #007E2E;
	width: 16px;
}

body:not(.uceva-login) .introjs-progressbar {
	background-color: #007E2E;
}


/* -----------------------------------------------------------------------------
 * HOVER CON TEXTO LEGIBLE
 * Menú lateral: sobre el verde oscuro el texto queda blanco y el ícono verde claro.
 * Combos y menús contextuales: Triton pone el texto en blanco al pasar el mouse y
 * con los fondos claros de este tema no se vería; se deja oscuro.
 * -------------------------------------------------------------------------- */
body:not(.uceva-login) .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-text,
body:not(.uceva-login) .x-treelist-nav.x-treelist-highlight-path .x-treelist-item-over > * > .x-treelist-item-text,
body:not(.uceva-login) .x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over > * > .x-treelist-item-text {
	color: #FFFFFF;
}

body:not(.uceva-login) .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-icon,
body:not(.uceva-login) .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-expander,
body:not(.uceva-login) .x-treelist-nav.x-treelist-highlight-path .x-treelist-item-over > * > .x-treelist-item-icon,
body:not(.uceva-login) .x-treelist-nav.x-treelist-highlight-path .x-treelist-item-over > * > .x-treelist-item-expander {
	color: #8FE3A0;
}

body:not(.uceva-login) .x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over {
	background-color: #003F17;
}

body:not(.uceva-login) .x-boundlist-item-over {
	color: #342A2E;
}

body:not(.uceva-login) .x-menu-item-focus .x-menu-item-text-default,
body:not(.uceva-login) .x-menu-item-active .x-menu-item-text-default,
body:not(.uceva-login) .x-menu-item-focus .x-menu-item-text-default-menubar,
body:not(.uceva-login) .x-menu-item-active .x-menu-item-text-default-menubar {
	color: #342A2E;
}


/* =============================================================================
 * BARRA SUPERIOR DE MÓDULOS (solo el tabpanel raíz del viewport, no las pestañas
 * de páginas): franja verde como la barra de menú de uceva.edu.co, con filete
 * verde claro; módulos como chips, el activo en blanco con texto verde imagotipo.
 * ============================================================================= */
body.x-body:not(.uceva-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar {
	background-color: #004D1C !important;
	background-image: linear-gradient(90deg, #002E11 0%, #004D1C 55%, #007E2E 100%) !important;
	border-color: #004D1C !important;
	box-shadow: inset 0 -3px 0 #8FE3A0;
	padding: 6px 8px 0;
}

body.x-body:not(.uceva-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-default {
	background: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 18px !important;
	margin: 0 6px 6px 0 !important;
	padding: 6px 14px !important;
	box-shadow: none;
}

body.x-body:not(.uceva-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-default .x-tab-inner-default,
body.x-body:not(.uceva-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-default .x-tab-icon-el-default {
	color: #FFFFFF !important;
	font-weight: 600;
}

body.x-body:not(.uceva-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab-over.x-tab-default {
	background: rgba(255, 255, 255, 0.10) !important;
	border-color: rgba(143, 227, 160, 0.70) !important;
}

body.x-body:not(.uceva-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-active.x-tab-default {
	background: #FFFFFF !important;
	border-color: #FFFFFF !important;
}

body.x-body:not(.uceva-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
body.x-body:not(.uceva-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-active.x-tab-default .x-tab-icon-el-default {
	color: #007E2E !important;
	font-weight: 700;
}

body.x-body:not(.uceva-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-box-scroller-tab-bar-default {
	background-color: #004D1C;
	color: #FFFFFF;
}


/* -----------------------------------------------------------------------------
 * FRANJA DE DESCRIPCIÓN DE PÁGINA (MOSTRAR_DESCRIPCION_PAGINA=1, manejador-modulos.js):
 * el componente trae en línea un fondo azul claro (oklch); se reemplaza por el verde
 * muy claro del portal con filete #009C1A (acento del portal) a la izquierda. Texto #004D1C = 9.24:1.
 * -------------------------------------------------------------------------- */
body:not(.uceva-login) .pagina-descripcion-franja {
	background-color: #EEF7F0 !important;
	border-left: 4px solid #009C1A;
	border-bottom: 1px solid #C9E6D3;
	color: #004D1C;
	font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
	font-size: 13px;
	line-height: 1.45;
}

body:not(.uceva-login) .pagina-descripcion-franja .fa {
	color: #007E2E;
	font-size: 15px;
}


/* -----------------------------------------------------------------------------
 * TITULARES CON POPPINS (como los titulares de uceva.edu.co)
 * -------------------------------------------------------------------------- */
body:not(.uceva-login) .x-window-header-title-default,
body:not(.uceva-login) .x-panel-header-title-default,
body:not(.uceva-login) .x-panel-header-title-default-framed,
body:not(.uceva-login) .swal2-title,
body:not(.uceva-login) .introjs-tooltip-title {
	font-family: 'Poppins', 'Montserrat', 'Segoe UI', Arial, sans-serif;
}