:root {
    --color: #ffd100;
    --shade-color: #ffd100;
    --white-color: #ffffff;
    --on-color-text: #231F20;
    --link-color: #307fe2;
    --gradient-color: linear-gradient(to right, #ffd100, #ffd100) !important;
    --gradient-back-color: #f1f1f1 !important;
    --unselected-color: #424143;
    --text-color: #231F20;
    --border-radius: 0.85rem !important;
    --transparent-color: transparent !important;
    --tree-items-bg: #ffd100;
    --tree-items-text-color: #231F20;
    --mobile-back-color: #ffffff;
    --notification-color: #231F20;
    --pagination-text-color: #231F20;
}

a:hover,
a:focus {
    background: transparent !important;
}

/* Breadcrumbs — black, no hover color change */
.kt-subheader__breadcrumbs a,
.kt-subheader__breadcrumbs-link,
.kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link,
.kt-subheader__breadcrumbs-link:hover,
.kt-subheader__breadcrumbs-link:focus,
.kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link:hover,
.breadcrumb a,
.breadcrumb-item a,
.breadcrumb a:hover,
.breadcrumb-item a:hover {
    color: var(--on-color-text) !important;
    border-color: transparent !important;
}

.kt-subheader__breadcrumbs-home > i,
.kt-subheader__breadcrumbs-home:hover > i,
.kt-subheader__breadcrumbs-home:focus > i {
    color: var(--on-color-text) !important;
}

/* Text on theme-colored backgrounds */
.lp-card-dropdown > button > .flaticon-more-1,
button,
.btn-label-brand,
body .btn.btn-label-brand,
.cancel-button > a,
.l_bigheader,
.l_miniheader,
#modalButtonHeader,
.kt-menu__link > i,
.card-box-footer,
.card-box-footer > i,
#id_assign_users_btn,
#id_finish_user_assignment > button,
.chromium_card--text > a,
.row > button > span,
.kt-header__topbar-welcome,
.kt-menu__section-text,
.colorText2,
.kt-nav__link-text_color,
#mbl-topbar--back,
.colorText,
.kt-header__topbar-username,
.btn-pill:hover,
.configure-row > a > .btn-elevate:hover,
#scroll-btn:hover i,
.profile-pic-container--inner > .icon-container > .flaticon2-edit,
.profile-pic-container--inner > .icon-container > .flaticon2-delete,
.datepicker table tr td.active.active,
.datepicker table tr td span.active.active,
.datepicker tbody tr > td.day.today,
.navigation > .header-button > .white,
.tag-list > .tag > a,
.btn-icon:hover i,
#id_create_section,
.kt-badge--unified-brand,
.hover-button:hover > i,
.hover-button:hover > a.white,
.downloadQB:hover > i,
.kt-form__actions > .btn-secondary:hover > a,
.grid-head th,
.svg-inline--fa.fa-video,
.svg-inline--fa.fa-tv,
.kt-link.text-white-mbl,
.kt-iconbox__content.text-white-mbl,
.card-icon > i,
.mbl-topbar--user-welcome,
.mbl-topbar--user-welcome > p,
.mbl-topbar--current-page > p,
.mbl-topbar--back::before,
.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text,
.show > .btn.btn-clean i {
    color: var(--on-color-text) !important;
}

.assigned-learning-card .assigned-learning-play-btn,
.assigned-learning-card .assigned-learning-play-btn:hover,
.assigned-learning-card .assigned-learning-play-btn:focus,
.assigned-learning-card .assigned-learning-play-btn:active {
    color: var(--on-color-text) !important;
    background-color: var(--color) !important;
    border-color: var(--color) !important;
}

.assigned-learning-card,
.assigned-learning-card .learning-name,
.assigned-learning-card .assigned-learning-meta,
.assigned-learning-card .assigned-learning-meta div,
.assigned-learning-card .assigned-learning-meta i {
    color: var(--text-color) !important;
}

.learning-path-status-widget .lps-btn,
.learning-path-status-widget .lps-btn:hover {
    color: var(--on-color-text) !important;
    background: var(--color) !important;
    border-color: var(--color) !important;
}

h1,
h2,
h3,
h4,
h5,
.kt-portlet__head-title,
.kt-nav__link-text,
.bigheader,
.gamiText,
#lmsTitle,
.poppins-blue,
.l_subheader,
.kt-widget14__title,
.kt-callout__title,
.alert-text,
.topnav > a,
.topnav a.active,
.collapsible-container--header > p,
.nav-pills .nav-item .nav-link.active,
.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active,
.action-cards .card-details h2,
.action-cards .font-size-1_5,
.lxp-explore-card__icon,
.metric-section,
.second-column,
.lps-title,
#id_create_new_user_form,
#id_upload_new_user_form > p,
#id_create_question,
.qb-card--footer,
.mobileSearch > button > span,
.categoryDescription,
.categoryDescription > div > div,
.faqDescription > div > strong,
.ownerDetails > strong,
.title_sub_text,
.title_sub_text > strong,
.paper-name,
.heading-blog,
.upload-overlay > p,
.save-hint > span,
#id_mtf_save_answer,
#save_mcq_answer,
.dashboard-card--time_hours > p,
.dashboard-card--time_minutes > p,
.dashboard-card--points > p,
.sideReportSpan_2,
.arrow,
.card-footer__col-chunk__i,
.card-footer__col-chunk__icon,
.jstree-themeicon-custom,
.chromium_container--header h1 {
    color: var(--text-color) !important;
}

.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger--link,
.dashboard-v2__sidebar .dashboard-flipcard-nav__sublink,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item--parent > .dashboard-flipcard-nav__trigger {
    border-radius: 0 !important;
}

.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger--link:hover,
.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger--link:focus,
.dashboard-v2__sidebar .dashboard-flipcard-nav__sublink:hover,
.dashboard-v2__sidebar .dashboard-flipcard-nav__sublink:focus {
    background: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
    background-color: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
    color: var(--on-color-text) !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger--link:hover .dashboard-flipcard-nav__icon,
.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger--link:focus .dashboard-flipcard-nav__icon {
    color: var(--on-color-text) !important;
}

.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger--link:hover .dashboard-flipcard-nav__thumb,
.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger--link:focus .dashboard-flipcard-nav__thumb {
    background-color: var(--on-color-text) !important;
}

/* Active / clicked: solid yellow + black text */
.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger--link.is-active,
.dashboard-v2__sidebar .dashboard-flipcard-nav__trigger.is-active,
.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger.is-active,
.dashboard-v2__sidebar .dashboard-flipcard-nav__sublink.is-active {
    background: var(--color) !important;
    background-color: var(--color) !important;
    color: var(--on-color-text) !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.dashboard-v2__sidebar .dashboard-flipcard-nav__trigger.is-active .dashboard-flipcard-nav__icon,
.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger--link.is-active .dashboard-flipcard-nav__icon,
.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger.is-active .dashboard-flipcard-nav__icon,
.dashboard-v2__sidebar .dashboard-flipcard-nav__sublink.is-active .dashboard-flipcard-nav__icon,
.dashboard-v2__sidebar .dashboard-flipcard-nav__trigger.is-active .dashboard-flipcard-nav__icon i,
.dashboard-v2__sidebar .dashboard-flipcard-nav__trigger.is-active .dashboard-flipcard-nav__icon svg,
.dashboard-v2__sidebar .dashboard-flipcard-nav__trigger.is-active .dashboard-flipcard-nav__icon path {
    color: var(--on-color-text) !important;
    fill: var(--on-color-text) !important;
    stroke: var(--on-color-text) !important;
}

.dashboard-v2__sidebar .dashboard-flipcard-nav__trigger.is-active .dashboard-flipcard-nav__thumb,
.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger--link.is-active .dashboard-flipcard-nav__thumb,
.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger.is-active .dashboard-flipcard-nav__thumb {
    background-color: var(--on-color-text) !important;
}

/*
 * Child page active (Users → Manage Users): parent is .is-active-group.
 * Expanded / hover-open: parent stays default; active sublink carries the highlight.
 * Minimized rail only: yellow cell + black icon (same as Dashboard leaf active).
 */
.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger:hover,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger:focus,
.dashboard-v2--sidebar-minimized.dashboard-v2--sidebar-hover-open .dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger,
.dashboard-v2--sidebar-minimized.dashboard-v2--sidebar-hover-open .dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger:hover,
.dashboard-v2--sidebar-minimized.dashboard-v2--sidebar-hover-open .dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger:focus {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--text-color) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger .dashboard-flipcard-nav__icon,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger .dashboard-flipcard-nav__chevron,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger .dashboard-flipcard-nav__label {
    color: inherit !important;
}

.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger .dashboard-flipcard-nav__thumb {
    background-color: #4e535f !important;
}

.dashboard-v2--sidebar-minimized:not(.dashboard-v2--sidebar-hover-open) .dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger,
.dashboard-v2--sidebar-minimized:not(.dashboard-v2--sidebar-hover-open) .dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger:hover,
.dashboard-v2--sidebar-minimized:not(.dashboard-v2--sidebar-hover-open) .dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger:focus {
    background: var(--color) !important;
    background-color: var(--color) !important;
    color: var(--on-color-text) !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dashboard-v2--sidebar-minimized:not(.dashboard-v2--sidebar-hover-open) .dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger .dashboard-flipcard-nav__icon,
.dashboard-v2--sidebar-minimized:not(.dashboard-v2--sidebar-hover-open) .dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger .dashboard-flipcard-nav__icon i,
.dashboard-v2--sidebar-minimized:not(.dashboard-v2--sidebar-hover-open) .dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger .dashboard-flipcard-nav__icon svg,
.dashboard-v2--sidebar-minimized:not(.dashboard-v2--sidebar-hover-open) .dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger .dashboard-flipcard-nav__icon path,
.dashboard-v2--sidebar-minimized:not(.dashboard-v2--sidebar-hover-open) .dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger .dashboard-flipcard-nav__chevron,
.dashboard-v2--sidebar-minimized:not(.dashboard-v2--sidebar-hover-open) .dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger .dashboard-flipcard-nav__label {
    color: var(--on-color-text) !important;
    fill: var(--on-color-text) !important;
    stroke: var(--on-color-text) !important;
}

.dashboard-v2--sidebar-minimized:not(.dashboard-v2--sidebar-hover-open) .dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-active-group > .dashboard-flipcard-nav__trigger .dashboard-flipcard-nav__thumb {
    background-color: var(--on-color-text) !important;
}

/* Active item still solid yellow on hover */
.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger--link.is-active:hover,
.dashboard-v2__sidebar .dashboard-flipcard-nav a.dashboard-flipcard-nav__trigger--link.is-active:focus,
.dashboard-v2__sidebar .dashboard-flipcard-nav__trigger.is-active:hover,
.dashboard-v2__sidebar .dashboard-flipcard-nav__trigger.is-active:focus,
.dashboard-v2__sidebar .dashboard-flipcard-nav__sublink.is-active:hover,
.dashboard-v2__sidebar .dashboard-flipcard-nav__sublink.is-active:focus {
    background: var(--color) !important;
    background-color: var(--color) !important;
    color: var(--on-color-text) !important;
}

/* Nested / parent modules: same light yellow hover as leaf items (not when a child page is active) */
.dashboard-v2__sidebar .dashboard-flipcard-nav__item--parent:not(.is-active-group) > .dashboard-flipcard-nav__trigger:hover,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item--parent:not(.is-active-group) > .dashboard-flipcard-nav__trigger:focus,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item--parent:not(.is-active-group) > .dashboard-flipcard-nav__trigger:active,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-open:not(.is-active-group) > .dashboard-flipcard-nav__trigger:hover,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-open:not(.is-active-group) > .dashboard-flipcard-nav__trigger:focus {
    background: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
    background-color: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
    color: var(--on-color-text) !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dashboard-v2__sidebar .dashboard-flipcard-nav__item--parent:not(.is-active-group) > .dashboard-flipcard-nav__trigger:hover .dashboard-flipcard-nav__icon,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item--parent:not(.is-active-group) > .dashboard-flipcard-nav__trigger:focus .dashboard-flipcard-nav__icon,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-open:not(.is-active-group) > .dashboard-flipcard-nav__trigger:hover .dashboard-flipcard-nav__icon,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-open:not(.is-active-group) > .dashboard-flipcard-nav__trigger:focus .dashboard-flipcard-nav__icon,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item--parent:not(.is-active-group) > .dashboard-flipcard-nav__trigger:hover .dashboard-flipcard-nav__chevron,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item--parent:not(.is-active-group) > .dashboard-flipcard-nav__trigger:focus .dashboard-flipcard-nav__chevron,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-open:not(.is-active-group) > .dashboard-flipcard-nav__trigger:hover .dashboard-flipcard-nav__chevron,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-open:not(.is-active-group) > .dashboard-flipcard-nav__trigger:focus .dashboard-flipcard-nav__chevron {
    color: var(--on-color-text) !important;
}

.dashboard-v2__sidebar .dashboard-flipcard-nav__item--parent:not(.is-active-group) > .dashboard-flipcard-nav__trigger:hover .dashboard-flipcard-nav__thumb,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item--parent:not(.is-active-group) > .dashboard-flipcard-nav__trigger:focus .dashboard-flipcard-nav__thumb,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-open:not(.is-active-group) > .dashboard-flipcard-nav__trigger:hover .dashboard-flipcard-nav__thumb,
.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-open:not(.is-active-group) > .dashboard-flipcard-nav__trigger:focus .dashboard-flipcard-nav__thumb {
    background-color: var(--on-color-text) !important;
}

/* Open parent (not hovering): no solid fill — expand only. Keep yellow when a child route is active. */
.dashboard-v2__sidebar .dashboard-flipcard-nav__item.is-open:not(.is-active-group) > .dashboard-flipcard-nav__trigger {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--text-color) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* PDL Categories tree: same hover/active as side panel */
.category_container .rootActive-library,
.category_container .rootActive-library__icon,
.category_container .jstree-default .jstree-anchor,
.category_container .jstree-default .jstree-icon,
.category_container .jstree-default .jstree-themeicon-custom,
#kt_tree_1 .jstree-anchor,
#kt_tree_5 .jstree-anchor,
#kt_tree_1 .jstree-icon,
#kt_tree_5 .jstree-icon {
    color: var(--on-color-text) !important;
}

.category_container .jstree-default .jstree-hovered,
#kt_tree_1 .jstree-hovered,
#kt_tree_5 .jstree-hovered {
    background: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
    background-color: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
    color: var(--on-color-text) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.category_container .jstree-default .jstree-hovered > .jstree-icon,
#kt_tree_1 .jstree-hovered > .jstree-icon,
#kt_tree_5 .jstree-hovered > .jstree-icon {
    color: var(--on-color-text) !important;
}

.category_container .jstree-default .jstree-clicked,
.category_container .jstree-default .jstree-clicked.jstree-hovered,
#kt_tree_1 .jstree-clicked,
#kt_tree_5 .jstree-clicked,
#kt_tree_1 .jstree-clicked.jstree-hovered,
#kt_tree_5 .jstree-clicked.jstree-hovered,
.category_container a.rootActive,
.category_container a.rootActive.rootActive-library,
.category_container .rootActive.hover {
    background: var(--color) !important;
    background-color: var(--color) !important;
    color: var(--on-color-text) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.category_container .jstree-default .jstree-clicked > .jstree-icon,
#kt_tree_1 .jstree-clicked > .jstree-icon,
#kt_tree_5 .jstree-clicked > .jstree-icon,
.category_container a.rootActive .rootActive-library__icon,
.category_container a.rootActive.rootActive-library .rootActive-library__icon {
    color: var(--on-color-text) !important;
}

.category_container a.rootActive-library:hover:not(.rootActive),
.category_container a.rootActive-library:focus:not(.rootActive) {
    background: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
    background-color: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
    color: var(--on-color-text) !important;
    border-radius: 0 !important;
}

/* Category tree Root link (Ask Expert, PDL, etc.) — black, not link blue */
a#root,
a#root:hover,
a#root:focus,
a#root:active,
a.rootActive,
a.rootActive:hover,
a.rootActive:focus,
a.rootActive:active,
a.rootActive.hover,
a.rootActive .fa-folder,
a.rootActive i,
body a#root,
body a.rootActive {
    color: var(--on-color-text) !important;
    border-color: transparent !important;
}

a.rootActive.hover,
body a.rootActive.hover {
    background: var(--color) !important;
    background-color: var(--color) !important;
    color: var(--on-color-text) !important;
}

/* Learning paths filter: match Category toggle to Sort By select */
.qf-right-group .qf-category-filter .qf-select.qf-category-filter__toggle,
.qf-right-group .qf-category-filter .qf-select.qf-category-filter__toggle:hover,
.qf-right-group .qf-category-filter .qf-select.qf-category-filter__toggle:focus,
.qf-right-group .qf-category-filter .qf-select.qf-category-filter__toggle.is-active {
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    color: #374151 !important;
    border: 1.6px solid #cccccc !important;
    border-color: #cccccc !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Training calendar: beat widget CSS that loads after theme (white text on yellow) */
body .training-calendar-widget .training-calendar-view-btn.is-active,
body .training-calendar-widget .training-calendar-view-btn.is-active:hover,
body .training-calendar-widget .training-calendar-view-btn.is-active:focus,
body .training-calendar-widget .training-calendar-nav-icon,
body .training-calendar-widget .tc-weekday,
body .training-calendar-widget .tc-year-cell__title,
body .training-calendar-widget .tc-week-col__head,
body .training-calendar-widget .tc-week-col.is-today .tc-week-col__head,
body .training-calendar-widget .tc-more,
body .training-calendar-widget .tc-btn.tc-btn--primary,
body .training-calendar-widget .tc-btn.tc-btn--primary:hover,
body .training-calendar-widget .tc-btn.tc-btn--primary:focus,
body .training-calendar-widget .tc-btn.tc-btn--primary:active,
body .training-calendar-widget .training-calendar-btn,
body .training-calendar-widget .training-calendar-btn:hover,
body .training-calendar-widget .training-calendar-btn:focus,
body .training-calendar-widget button.training-calendar-btn,
body .tc-overflow-modal .tc-btn.tc-btn--primary,
body .tc-overflow-modal .tc-btn.tc-btn--primary:hover,
body .tc-overflow-modal .tc-btn.tc-btn--primary:focus,
body .tc-overflow-modal .tc-btn.tc-btn--primary:active,
body .tc-overflow-modal a.tc-btn--primary,
body .tc-overflow-modal__close,
body .tc-overflow-modal__close span {
    color: var(--on-color-text) !important;
}

/* Yellow accent text → black (outline / link-style calendar buttons) */
body .training-calendar-widget .tc-btn.tc-btn--outline,
body .training-calendar-widget .tc-btn.tc-btn--outline:hover,
body .training-calendar-widget .tc-btn.tc-btn--outline:focus,
body .training-calendar-widget .tc-btn.tc-btn--outline:active,
body .tc-overflow-modal .tc-btn.tc-btn--outline,
body .tc-overflow-modal .tc-btn.tc-btn--outline:hover,
body .tc-overflow-modal .tc-btn.tc-btn--outline:focus,
body .tc-overflow-modal .tc-btn.tc-btn--outline:active,
body .tc-overflow-modal a.tc-btn--outline,
body .training-calendar-widget .training-calendar-dropdown-menu li:hover,
body .training-calendar-widget .training-calendar-dropdown-menu li.active,
body .training-calendar-widget .tc-day.is-today .tc-day__num,
body .training-calendar-widget .qf-category-filter__clear-btn,
body .training-calendar-widget .tc-category-filter__clear-btn {
    color: var(--on-color-text) !important;
}

/* Action toolbar + yellow pills: black text on theme fill */
.action-container .create-item,
.action-container .create-item:hover,
.action-container .create-item:focus,
.action-container button,
.action-container button:hover,
.action-container button:focus,
.filter-container button,
.filter-container button:hover,
.filter-container button:focus,
.filter-container .filter,
.filter-container .download,
.filter-container .clear,
.sidenav button,
.btn.btn-pill {
    color: var(--on-color-text) !important;
}

.action-container .create-item::before,
.action-container .create-item i,
.filter-container .filter::before,
.filter-container .download::before,
.filter-container .clear::before {
    color: var(--on-color-text) !important;
}

/* 3-dot menus / dropdowns — black text (not link blue) */
.dropdown-menu .dropdown-item:not(.active),
.dropdown-menu > li > a:not(.active),
.dropdown-menu .kt-nav__link,
.dropdown-menu .kt-nav__link-text,
.dropdown-menu .kt-nav__link-icon,
.dropdown-menu .kt-nav__item > .kt-nav__link,
.lp-card-dropdown .dropdown-menu .kt-nav__link,
.lp-card-dropdown .dropdown-menu .kt-nav__link-text {
    color: var(--on-color-text) !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Profile dropdown: black name/email on yellow card; light-yellow item hover */
#userDropDown .kt-user-card,
#userDropDown .kt-user-card.kt-user-card--skin-dark,
#userDropDown .kt-user-card--skin-dark.kt-notification-item-padding-x {
    background: var(--color) !important;
    background-color: var(--color) !important;
}

#userDropDown .kt-user-card .kt-user-card__name,
#userDropDown .kt-user-card.kt-user-card--skin-dark .kt-user-card__name,
#userDropDown .kt-user-card .kt-user-card__name .profileDetails,
#userDropDown .kt-user-card .kt-user-card__badge {
    color: var(--on-color-text) !important;
}

#userDropDown .kt-notification .kt-notification__item,
#userDropDown .kt-notification .kt-notification__item .kt-notification__item-title,
#userDropDown .kt-notification .kt-notification__item .kt-notification__item-details {
    color: var(--on-color-text) !important;
}

#userDropDown .kt-notification .kt-notification__item .kt-notification__item-icon i {
    color: var(--color) !important;
}

#userDropDown .kt-notification .kt-notification__item:hover,
#userDropDown .kt-notification .kt-notification__item:focus {
    background: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
    background-color: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
    text-decoration: none !important;
}

#userDropDown .kt-notification .kt-notification__item:hover .kt-notification__item-title,
#userDropDown .kt-notification .kt-notification__item:hover .kt-notification__item-details,
#userDropDown .kt-notification .kt-notification__item:hover .kt-notification__item-icon i,
#userDropDown .kt-notification .kt-notification__item:focus .kt-notification__item-title {
    color: var(--on-color-text) !important;
}

.dropdown-menu .dropdown-item:hover:not(.active),
.dropdown-menu .dropdown-item:focus:not(.active),
.dropdown-menu .dropdown-item:active:not(.active),
.dropdown-menu > li > a:hover:not(.active),
.dropdown-menu > li > a:focus:not(.active),
.dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover,
.dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link {
    background: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
    background-color: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
    color: var(--on-color-text) !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.dropdown-menu .dropdown-item:hover *,
.dropdown-menu .dropdown-item:focus *,
.dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.dropdown-menu .kt-nav__item:hover > .kt-nav__link i,
.dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text,
.dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon {
    color: var(--on-color-text) !important;
    background: transparent !important;
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item.active:hover,
.dropdown-menu .dropdown-item.active:focus,
.dropdown-menu > li > a.active {
    background: var(--color) !important;
    background-color: var(--color) !important;
    color: var(--on-color-text) !important;
    border-radius: 0 !important;
}

.dropdown-menu .dropdown-item.active *,
.dropdown-menu .dropdown-item.active:hover * {
    color: var(--on-color-text) !important;
}

/* Keep 3-dot trigger icon black on yellow circle / table actions */
body button.btn-circle .flaticon-more-1,
body button.btn-icon .flaticon-more-1,
body .btn.btn-circle .flaticon-more-1,
body .btn.btn-secondary.btn-circle .flaticon-more-1,
body .btn.btn-brand.btn-circle .flaticon-more-1,
body .dropdown .btn .flaticon-more-1,
body .dropdown.dropdown-inline > a,
body .dropdown.dropdown-inline > a:hover,
body .dropdown.dropdown-inline > a:focus,
body .dropdown.dropdown-inline > a .fas.fa-ellipsis-h,
body .dropdown.dropdown-inline > a .fa-ellipsis-h,
body .dropdown.dropdown-inline > a i.fas,
body td.fixed-col .dropdown-inline > a,
body td.fixed-col .dropdown-inline > a .fa-ellipsis-h,
body td.fixed-col .dropdown-inline > a i {
    color: var(--on-color-text) !important;
}

/* PDL card "View >" link + chevron — black (not yellow/blue) */
.btns-block .icon-link,
.btns-block .icon-link:hover,
.btns-block .icon-link:focus,
.btns-block .icon-link span,
.btns-block .icon-link > i,
.btns-block .icon-link .fa-chevron-right,
.btns-block .icon-link .kt-font-brand,
.card-container > .view-eye,
.card-container > .view-eye:hover,
.card-container > .view-eye > i,
.card-container > .view-eye .fa-chevron-right,
.card-container > .view-eye .kt-font-brand,
.btns-block > .view-eye,
.btns-block > .view-eye:hover,
.btns-block > .view-eye > i,
.btns-block .view-eye i,
.btns-block .view-eye .fa-chevron-right,
.btns-block .view-eye .kt-font-brand,
a.view-eye,
a.view-eye:hover,
a.view-eye i,
a.view-eye .fa-chevron-right,
a.view-eye .kt-font-brand {
    color: var(--on-color-text) !important;
}

/* ---- Remaining white-on-yellow button text (product-wide) ---- */

/* Flip cards CTAs (Select, Get Started, View All, Manage…, etc.) */
body a.btn.btn-brand.colorText,
body a.btn.btn-brand.colorText2,
body button.btn.btn-brand.colorText,
body button.btn.btn-brand.colorText2,
body .btn-brand.colorText,
body .btn-brand.colorText2,
body a.colorText,
body a.colorText2,
body .colorText,
body .colorText2 {
    color: var(--on-color-text) !important;
}

/* FAQ Approve All (brand only — not Reject All / danger) */
body .filter-container > div > a.approve_all_btn.btn-brand,
body .filter-container > div > a.approve_all_btn.btn-brand:hover {
    color: var(--on-color-text) !important;
}

/* Mobile V2 active filter pills (theme fill + white text) */
body .lp-filter-pill.is-active,
body .mbl-dashboard .lp-filter-pill.is-active {
    color: var(--on-color-text) !important;
}

/* Outline LP card buttons: yellow label → black */
body a.lp-card-button,
body .lp-card-button,
body .float-footer .lp-card-button {
    color: var(--on-color-text) !important;
}

/* Brand / elevate pills filled with theme color */
body .btn.btn-brand,
body a.btn.btn-brand,
body button.btn.btn-brand,
body .btn-brand,
body .btn.btn-brand.btn-elevate.btn-pill,
body a.btn.btn-brand.btn-elevate.btn-pill {
    color: var(--on-color-text) !important;
}

/* Profile header only: Change Password + Logout — black border (scoped) */
body .profile-actions .action-buttons .btn.btn-brand,
body .profile-actions .action-buttons .btn.btn-brand.btn-pill,
body .profile-actions .action-buttons .btn.btn-brand.btn-icon {
    border: 1px solid var(--on-color-text) !important;
}

/* Chat reply on theme color */
body .kt-chat__reply,
body .btn.kt-chat__reply {
    color: var(--on-color-text) !important;
}

/* Clear Filters when filled with theme color */
body .btn-clear-filter:hover,
body .btn-clear-filter:focus,
body .btn-clear-filter:active {
    color: var(--on-color-text) !important;
}

/* Author Course / similar: Clear Filter pill text black on yellow */
body button.filter-btn,
body button.filter-btn.filter-button__course,
body button.filter-btn .filter-button__text,
body .filter-button__course .filter-button__text {
    color: var(--on-color-text) !important;
}

/* Export / mesa / theme utility fills + toolbar icons */
body #id_exportrp_btn,
body #id_exportrp_btn a,
body #id_exportrp_btn a i,
body #id_exportrp_btn i,
body #id_importrp_btn i,
body .filter-container .download i,
body .filter-container .download::before,
body .btn-tron,
body #downloadButtonMesa,
body #createButtonMesa,
body .bg-color-theme,
body .bg-color-theme i,
body .btn.btn-brand i,
body a.btn.btn-brand i,
body button.btn.btn-brand i {
    color: var(--on-color-text) !important;
}

/* Pagination — always black text (never link blue); yellow bg on active/hover */
body .dataTables_paginate a,
body .dataTables_paginate a:hover,
body .dataTables_paginate a:focus,
body .dataTables_paginate a:active,
body .dataTables_paginate .paginate_button,
body .dataTables_paginate .paginate_button:hover,
body .dataTables_paginate .paginate_button:focus,
body .dataTables_paginate .paginate_button:active,
body .dataTables_paginate .paginate_button i,
body .dataTables_paginate .paginate_button:hover i,
body .dataTables_paginate .paginate_button:focus i,
body .dataTables_paginate .paginate_button:active i,
body sb-paginator .dataTables_paginate a,
body sb-paginator .dataTables_paginate .paginate_button,
body sb-paginator .dataTables_paginate .paginate_button:hover,
body sb-paginator .dataTables_paginate .paginate_button i,
body sb-be-paginator .dataTables_paginate a,
body sb-be-paginator .dataTables_paginate .paginate_button,
body sb-be-paginator .dataTables_paginate .paginate_button:hover,
body sb-be-paginator .dataTables_paginate .paginate_button i,
body .sb-lms-paginator .dataTables_paginate a,
body .sb-lms-paginator .dataTables_paginate a:hover,
body .sb-lms-paginator .dataTables_paginate .paginate_button,
body .sb-lms-paginator .dataTables_paginate .paginate_button:hover,
body .sb-lms-paginator .dataTables_paginate .paginate_button i {
    color: var(--on-color-text) !important;
    border-color: transparent !important;
}

body .dataTables_paginate .paginate_button:hover:not(.disabled),
body sb-paginator .dataTables_paginate .paginate_button:hover:not(.disabled),
body sb-be-paginator .dataTables_paginate .paginate_button:hover:not(.disabled),
body .sb-lms-paginator .dataTables_paginate .paginate_button:hover:not(.disabled) {
    background-color: var(--color) !important;
    color: var(--on-color-text) !important;
    border-color: transparent !important;
}

body .dataTables_paginate .paginate_button:hover:not(.disabled) i,
body sb-paginator .dataTables_paginate .paginate_button:hover:not(.disabled) i,
body sb-be-paginator .dataTables_paginate .paginate_button:hover:not(.disabled) i {
    color: var(--on-color-text) !important;
}

body .dataTables_paginate .paginate_button.disabled,
body .dataTables_paginate .paginate_button.disabled:hover,
body .dataTables_paginate .paginate_button.disabled:focus,
body .dataTables_paginate .paginate_button.disabled i {
    color: #999999 !important;
    background-color: transparent !important;
}

body sb-paginator .dataTables_paginate .current,
body sb-be-paginator .dataTables_paginate .current,
body .dataTables_paginate .current,
body .dataTables_paginate .paginate_button.current,
body .dataTables_paginate .paginate_button.current:hover,
body .sb-lms-paginator .dataTables_paginate .current {
    background: var(--shade-color) !important;
    background-color: var(--shade-color) !important;
    color: var(--on-color-text) !important;
    border-color: transparent !important;
}

/* ---- Icons on yellow backgrounds must be black ---- */

/* Header topbar icons (i + a/flaticon; beats theme-components white*/
body .kt-header__topbar .kt-header__topbar-icon,
body .kt-header__topbar .kt-header__topbar-icon i,
body .kt-header__topbar .kt-header__topbar-icon a,
body .kt-header__topbar .kt-header__topbar-icon .fa,
body .kt-header__topbar .kt-header__topbar-icon .la,
body .kt-header__topbar .kt-header__topbar-icon [class*="flaticon"],
body .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon i,
body .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon a,
body .kt-header__topbar .flaticon2-search-1,
body .kt-header__topbar .flaticon2-bell-alarm-symbol,
body .kt-header__topbar .fa-language,
body .kt-header__topbar .fa-paint-roller,
body .kt-header__topbar .kt-header__topbar-username,
body .kt-header__topbar .kt-header__topbar-welcome,
body .kt-header__topbar .kt-header__topbar-item--user .kt-header__topbar-user,
body .kt-header__topbar .kt-header__topbar-item--user .kt-header__topbar-user .kt-hidden-mobile,
body #kt_quick_search_toggle .kt-header__topbar-icon i,
body #kt_quick_search_toggle .kt-header__topbar-icon i.flaticon2-search-1,
body #kt_header_mobile #kt_quick_search_toggle .kt-header__topbar-icon i,
body #kt_header_mobile #kt_quick_search_toggle .kt-header__topbar-icon i.flaticon2-search-1,
body .kt-header-mobile .kt-header-mobile__toolbar .kt-header__topbar-icon i,
body .kt-header-mobile .kt-header-mobile__toolbar .kt-header__topbar-icon a,
body .dashboard-v2-header__sidebar-toggler,
body .dashboard-v2-header__sidebar-toggler i,
body .dashboard-v2-header__sidebar-toggler-icon {
    color: var(--on-color-text) !important;
}

/* Aside brand toggler bars on yellow header/brand */
body .kt-aside__brand .kt-aside__brand-aside-toggler span,
body .kt-aside__brand-aside-toggler span {
    background: var(--on-color-text) !important;
    background-color: var(--on-color-text) !important;
}

/* Brand circle / icon buttons (notification settings, etc.) */
body .btn.btn-icon.btn-brand,
body .btn.btn-circle.btn-brand,
body .btn.btn-icon.btn-brand i,
body .btn.btn-circle.btn-brand i,
body .btn.btn-icon.btn-brand .la,
body .btn.btn-icon.btn-brand .fa,
body .btn.btn-icon.btn-brand .flaticon,
body .btn.btn-icon.btn-brand .flaticon2,
body .btn.btn-icon.btn-brand small,
body .btn.btn-icon.btn-brand small i,
body a.btn.btn-icon.btn-brand,
body a.btn.btn-icon.btn-brand i,
body button.btn.btn-icon.btn-brand,
body button.btn.btn-icon.btn-brand i {
    color: var(--on-color-text) !important;
}

/* Primary / danger / success icon circles — black glyphs (readable on theme yellow) */
body .btn.btn-icon.btn-primary i,
body .btn.btn-circle.btn-primary i,
body .btn.btn-icon.btn-primary small,
body .btn.btn-icon.btn-primary small i,
body .btn.btn-icon.btn-danger i,
body .btn.btn-circle.btn-danger i,
body .btn.btn-icon.btn-danger small,
body .btn.btn-icon.btn-danger small i,
body .btn.btn-icon.btn-danger .trash-icon,
body .btn.btn-circle.btn-danger .trash-icon,
body .btn.btn-icon.btn-success i,
body .btn.btn-circle.btn-success i,
body .btn.btn-icon.btn-success .fas,
body .btn.btn-icon.btn-success .fa,
body .btn.btn-sm.btn-circle.btn-icon.btn-success i {
    color: var(--on-color-text) !important;
}

/* Hover: keep icons black on yellow (override theme-components white) */
body .btn-icon:hover i,
body .btn.btn-icon.btn-brand:hover i,
body .btn.btn-circle.btn-brand:hover i,
body .btn.btn-icon.btn-primary:hover i,
body .btn.btn-icon.btn-danger:hover i,
body .btn.btn-icon.btn-success:hover i,
body .kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon i,
body .kt-header__topbar .kt-header__topbar-item.show .kt-header__topbar-icon i,
body .kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon a,
body .kt-header__topbar .kt-header__topbar-item.show .kt-header__topbar-icon a,
body #kt_quick_search_toggle:hover .kt-header__topbar-icon i,
body #kt_quick_search_toggle.show .kt-header__topbar-icon i,
body #kt_quick_search_toggle .kt-header__topbar-icon i.flaticon2-search-1:hover {
    color: var(--on-color-text) !important;
}

/* kt-switch power icon (::after) on yellow checked knob */
body .kt-switch input:checked ~ span:after,
body .kt-switch input:empty ~ span:after,
body .kt-switch.kt-switch--icon input:checked ~ span:after,
body .kt-switch.kt-switch--icon input:empty ~ span:after,
body .kt-switch.kt-switch--brand input:checked ~ span:after,
body .kt-switch.kt-switch--brand input:empty ~ span:after,
body .kt-portlet__head-toolbar .kt-switch input:checked ~ span:after,
body .kt-portlet__head-toolbar .kt-switch input:empty ~ span:after {
    color: var(--on-color-text) !important;
}

/* Role Permission Setup — accordion title + chevrons on white (not yellow) */
body .role-permission-setup-screen .accordion .card .card-header .card-title,
body .role-permission-setup-screen .module-accordian,
body .role-permission-setup-screen .headerCustom,
body .role-permission-setup-screen .kt-font-boldest {
    color: var(--on-color-text) !important;
}

body .role-permission-setup-screen .kt-svg-icon g [fill],
body .role-permission-setup-screen .kt-svg-icon path {
    fill: var(--on-color-text) !important;
}

body .role-permission-setup-screen th a,
body .role-permission-setup-screen th.sticky-th a,
body .role-permission-setup-screen .sticky-th a,
body .role-permission-setup-screen table a,
body .role-permission-setup-screen .chromium_container a:not(.btn):not([class*="btn-"]),
body .role-permission-setup-screen th a:hover,
body .role-permission-setup-screen th a:focus,
body .role-permission-setup-screen .sticky-th a:hover {
    color: var(--on-color-text) !important;
    border-color: transparent !important;
}

/* Assessment / report cards — icon tile light grey (not theme yellow) */
body button.training-icon,
body .training-icon,
body .desktop-cards-icon .training-icon,
body .training-icon.dark-mode,
body .training-icon.training-icon-bgc {
    background: #efefef !important;
    background-color: #efefef !important;
    border-color: #efefef !important;
}

/* Report card date / time — readable (not faint grey) */
body .mini-date,
body span.mini-date,
body .cr-row .mini-date,
body .poppins-dt {
    color: var(--on-color-text) !important;
}
/* Manage Users / report tabs (All, Active, Deactivated) — black text + underline */
body .custom-report-tabs .nav-item .nav-link,
body .custom-report-tabs.nav-tabs .nav-item .nav-link,
body .custom-report-tabs .nav-item .nav-link:hover,
body .custom-report-tabs .nav-item .nav-link:focus,
body .custom-report-tabs .nav-item .nav-link:active,
body .custom-report-tabs.nav-tabs .nav-item .nav-link:hover,
body .custom-report-tabs.nav-tabs .nav-item .nav-link:focus,
body .custom-report-tabs.nav-tabs .nav-item .nav-link:active,
body .custom-report-tabs .nav-item .nav-link.active,
body .custom-report-tabs .nav-item .nav-link.active:hover,
body .custom-report-tabs .nav-item .nav-link.active:focus,
body .custom-report-tabs .nav-item .nav-link.active:active,
body .custom-report-tabs.nav-tabs .nav-item .nav-link.active,
body .custom-report-tabs.nav-tabs .nav-item .nav-link.active:hover,
body .custom-report-tabs.nav-tabs .nav-item .nav-link.active:focus,
body .custom-report-tabs.nav-tabs .nav-item .nav-link.active:active {
    color: var(--on-color-text) !important;
    background: transparent !important;
}

body .custom-report-tabs .nav-item .nav-link.active,
body .custom-report-tabs .nav-item .nav-link.active:hover,
body .custom-report-tabs .nav-item .nav-link.active:focus,
body .custom-report-tabs .nav-item .nav-link.active:active,
body .custom-report-tabs.nav-tabs .nav-item .nav-link.active,
body .custom-report-tabs.nav-tabs .nav-item .nav-link.active:hover,
body .custom-report-tabs.nav-tabs .nav-item .nav-link.active:focus,
body .custom-report-tabs.nav-tabs .nav-item .nav-link.active:active {
    border-bottom: 3px solid var(--on-color-text) !important;
    border-bottom-color: var(--on-color-text) !important;
}

body .nav-tabs .nav-item .nav-link,
body .nav-tabs .nav-item .nav-link:hover,
body .nav-tabs .nav-item .nav-link:focus,
body .nav-tabs .nav-item .nav-link:active,
body .nav-tabs .nav-item .nav-link.active,
body .nav-tabs .nav-item .nav-link.active:hover,
body .nav-tabs .nav-item .nav-link:hover i,
body .nav-tabs .nav-item .nav-link.active i,
body .chromium_container .nav-tabs .nav-item .nav-link,
body .chromium_container .nav-tabs .nav-item .nav-link.active,
body .container .nav-tabs .nav-item .nav-link,
body .container .nav-tabs .nav-item .nav-link.active {
    color: var(--on-color-text) !important;
}

body .nav-tabs .nav-item .nav-link.active,
body .nav-tabs .nav-item .nav-link.active:hover,
body .nav-tabs .nav-item .nav-link.active:focus {
    border-bottom-color: var(--on-color-text) !important;
    border-color: transparent transparent var(--on-color-text) transparent !important;
}

/* Nomination tabs: active pill — yellow fill (Eligible / Enrolled / Completed) */
body .nav-tabs .nav-item a.nav-link.active[href="#eligible-lp"],
body .nav-tabs .nav-item a.nav-link.active[href="#eligible-lp"]:hover,
body .nav-tabs .nav-item a.nav-link.active[href="#eligible-lp"]:focus,
body .nav-tabs .nav-item a.nav-link.active[href="#enrolled-lp"],
body .nav-tabs .nav-item a.nav-link.active[href="#enrolled-lp"]:hover,
body .nav-tabs .nav-item a.nav-link.active[href="#enrolled-lp"]:focus,
body .nav-tabs .nav-item a.nav-link.active[href="#completed-lp"],
body .nav-tabs .nav-item a.nav-link.active[href="#completed-lp"]:hover,
body .nav-tabs .nav-item a.nav-link.active[href="#completed-lp"]:focus {
    background: var(--color) !important;
    background-color: var(--color) !important;
    color: var(--on-color-text) !important;
    border-color: var(--color) !important;
}

/* Wall: My Posts / My Likes / My Comments — black text (not yellow links) */
body .activity-tabs.nav-pills .nav-link,
body .activity-tabs.nav-pills .nav-link:hover,
body .activity-tabs.nav-pills .nav-link:focus,
body .activity-tabs.nav-pills .nav-link:active,
body .activity-tabs.nav-pills .nav-link.active,
body .activity-tabs .nav-item .nav-link,
body .activity-tabs .nav-item .nav-link:hover,
body .activity-tabs .nav-item .nav-link:focus,
body .activity-tabs .nav-item .nav-link.active,
body .chromium_container .activity-tabs .nav-link,
body .chromium_container .activity-tabs .nav-link.active {
    color: var(--on-color-text) !important;
    background: transparent !important;
}

body .activity-tabs.nav-pills .nav-link.active,
body .activity-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid var(--on-color-text) !important;
    border-radius: 0 !important;
}

/* Wall analytics: yellow circle containers + black glyphs (Solar Yellow only) */
body .analytics-wall-card-icon,
body #analyticsModal .analytics-wall-card-icon {
    background-color: var(--color) !important;
    background: var(--color) !important;
    color: var(--on-color-text) !important;
}

body .analytics-wall-card-icon i,
body .analytics-wall-card-icon svg,
body .analytics-wall-card-icon svg path,
body #analyticsModal .analytics-wall-card-icon i,
body #analyticsModal .analytics-wall-card-icon svg,
body #analyticsModal .analytics-wall-card-icon svg path {
    color: var(--on-color-text) !important;
    fill: var(--on-color-text) !important;
}

/* LP activity cards: no yellow fill — yellow icons only */
body .card-icons.theme-card-icons,
body .theme-card-icons {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--color) !important;
}

body .theme-card-icons > i,
body .theme-card-icons i,
body .theme-card-icons .card-icon,
body .theme-card-icons .fa-book-open,
body .theme-card-icons .fa-clipboard-check,
body .theme-card-icons .fa-chalkboard-teacher,
body .theme-card-icons .fa-list,
body .theme-card-icons .fa-video,
body .theme-card-icons svg {
    color: var(--color) !important;
    fill: var(--color) !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* LP activity Info/Start/Resume/Restart — black text on yellow; no hover change */
body .action-buttons a.action-button,
body .action-buttons a.action-button:hover,
body .action-buttons a.action-button:focus,
body .action-buttons a.action-button:active,
body .action-buttons button.action-button,
body .action-buttons button.action-button:hover,
body .action-buttons button.action-button:focus,
body .action-buttons button.action-button:active,
body .action-buttons .lp-lo-info-btn,
body .action-buttons .lp-lo-info-btn:hover,
body .action-buttons .lp-lo-info-btn:focus,
body .action-buttons .lp-lo-info-btn:active {
    color: var(--on-color-text) !important;
    background: var(--color) !important;
    background-color: var(--color) !important;
    border-color: var(--color) !important;
}

body .action-buttons a.action-button span,
body .action-buttons a.action-button:hover span,
body .action-buttons a.action-button:focus span,
body .action-buttons a.action-button:active span,
body .action-buttons a.action-button i,
body .action-buttons a.action-button:hover i,
body .action-buttons a.action-button:focus i,
body .action-buttons a.action-button:active i {
    color: var(--on-color-text) !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Mobile LO jump FAB: black glyph on yellow (beats hardcoded fill="white"). */
body .lp-lo-nav-fab svg,
body .lp-lo-nav-fab svg path {
    fill: var(--on-color-text) !important;
    color: var(--on-color-text) !important;
}

/* Wall comment send: yellow btn + black paper-plane (beats inline color:white) */
body .sendComment.send-color,
body button.sendComment.send-color,
body .btn.sendComment.send-color {
    background: var(--color) !important;
    background-color: var(--color) !important;
    color: var(--on-color-text) !important;
    border-color: var(--color) !important;
}

body .sendComment.send-color i,
body .sendComment.send-color .fas,
body .sendComment.send-color .fa-paper-plane,
body .sendComment.send-color svg,
body .sendComment.send-color svg path,
body button.sendComment i.fas.fa-paper-plane,
body button.sendComment svg.svg-inline--fa.fa-paper-plane {
    color: var(--on-color-text) !important;
    fill: var(--on-color-text) !important;
}

/* System Activity: black heading + black text on yellow LOGIN badges */
body .kt-portlet__head-label > .kt-widget14__title.kt-widget14__title-heading,
body .kt-widget14__title.kt-widget14__title-heading,
body h3.kt-widget14__title.kt-widget14__title-heading {
    color: var(--on-color-text) !important;
}

body .kt-badge.kt-badge--success,
body .kt-list-timeline .kt-badge.kt-badge--success,
body .kt-widget14__content .kt-badge.kt-badge--success {
    color: var(--on-color-text) !important;
    background: var(--color) !important;
    background-color: var(--color) !important;
}

body .alert.alert-info,
body .alert.alert-info.markers-page-toolbar,
body .markers-page-toolbar,
body .markers-page-toolbar ul,
body .markers-page-toolbar li,
body .markers-page-toolbar .dark-mode-light-text {
    color: var(--on-color-text) !important;
}

body .markers-page-toolbar .markers-page-actions .btn,
body .markers-page-toolbar .markers-page-actions .btn.btn-pill,
body .markers-page-toolbar .markers-page-actions .btn.btn-success,
body .markers-page-toolbar .markers-page-actions .btn.btn-secondary,
body .markers-page-toolbar .markers-page-actions .btn:hover,
body .markers-page-toolbar .markers-page-actions .btn:focus,
body .markers-page-toolbar .markers-page-actions .btn:active,
body .markers-page-actions .btn.btn-pill,
body .markers-page-actions .btn.btn-pill:hover,
body .markers-page-actions .btn.btn-pill:focus,
body .markers-page-actions .btn.btn-pill:active {
    color: var(--on-color-text) !important;
    border-color: var(--on-color-text) !important;
}
body .navigation .header-button,
body .navigation .header-button.btn-brand,
body .navigation .header-button i,
body .navigation .header-button > a,
body .navigation .header-button > a.white,
body .navigation > .header-button > .white,
body .navigation .hover-button > i,
body .navigation .hover-button > a.white,
body .navigation .hover-button:hover > i,
body .navigation .hover-button:hover > a.white,
body .chromium_container .navigation .header-button > a,
body .chromium_container .navigation .header-button > a.white {
    color: var(--on-color-text) !important;
}

/* LP Configure: step tabs + Add Object tiles — black text/icons (not blue/yellow) */
body .configure-lp-screen .topnav a,
body .configure-lp-screen .topnav > a,
body .configure-lp-screen .topnav a:hover,
body .configure-lp-screen .topnav a:focus,
body .configure-lp-screen .topnav a:active,
body .configure-lp-screen .topnav a.active,
body .configure-lp-screen .topnav a.active:hover,
body .configure-lp-screen .topnav a.active:focus {
    color: var(--on-color-text) !important;
}

body .configure-lp-screen .topnav a.active,
body .configure-lp-screen .topnav a.active:hover {
    border-bottom-color: var(--color) !important;
}

body .configure-lp-screen .configure-row > a,
body .configure-lp-screen .configure-row > a:hover,
body .configure-lp-screen .configure-row > a:focus,
body .configure-lp-screen .configure-row .btn.btn-pill,
body .configure-lp-screen .configure-row .btn.btn-light.btn-pill,
body .configure-lp-screen .configure-row .btn.btn-elevate.btn-pill,
body .configure-lp-screen .configure-row .btn.btn-light.btn-elevate.btn-pill,
body .configure-lp-screen #id_create_lp_object .btn.btn-pill,
body .configure-lp-screen .blank_object .configure-row .btn.btn-pill {
    color: var(--on-color-text) !important;
}

body .configure-lp-screen .configure-row .btn-pill svg,
body .configure-lp-screen .configure-row .btn-pill svg path,
body .configure-lp-screen .configure-row .btn.btn-pill svg,
body .configure-lp-screen .configure-row .btn.btn-pill svg path {
    fill: var(--on-color-text) !important;
    color: var(--on-color-text) !important;
}

/* Assign Users: mode toggle — yellow + black text (not blue) */
body .configure-lp-screen .assignment-toggle-group {
    border-color: var(--color) !important;
    background: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
}

body .configure-lp-screen .assignment-toggle-btn,
body .configure-lp-screen .assignment-toggle-btn + .assignment-toggle-btn {
    color: var(--on-color-text) !important;
    border-color: var(--color) !important;
}

body .configure-lp-screen .assignment-toggle-active {
    background: var(--color) !important;
    color: var(--on-color-text) !important;
    border-color: var(--on-color-text) !important;
}

body .configure-lp-screen .assignment-toggle-inactive {
    background: transparent !important;
    color: var(--on-color-text) !important;
}

/* Assign Users: instruction banners — light yellow + black text */
body .configure-lp-screen .assignment-mode-info {
    background: color-mix(in srgb, var(--color) 22%, #ffffff) !important;
    border-color: var(--color) !important;
    color: var(--on-color-text) !important;
}

body .configure-lp-screen .assignment-mode-info-text,
body .configure-lp-screen .assignment-mode-info-text b,
body .configure-lp-screen .assignment-mode-info-icon,
body .configure-lp-screen .assignment-mode-info-icon i {
    color: var(--on-color-text) !important;
}

body .configure-lp-screen .assignment-mode-info-icon {
    border-color: var(--on-color-text) !important;
}

/* Nomination rule tip (was pink) — light yellow + black */
body .configure-lp-screen .headerCreate .alert.alert-outline-danger,
body .configure-lp-screen .headerCreate .alert.alert-outline-danger.dark-mode {
    background: color-mix(in srgb, var(--color) 22%, #ffffff) !important;
    border-color: var(--color) !important;
    color: var(--on-color-text) !important;
}

body .configure-lp-screen .headerCreate .alert.alert-outline-danger .alert-text,
body .configure-lp-screen .headerCreate .alert.alert-outline-danger .alert-text.dark-mode-light-text,
body .configure-lp-screen .headerCreate .alert.alert-outline-danger .alert-icon,
body .configure-lp-screen .headerCreate .alert.alert-outline-danger .alert-icon i,
body .configure-lp-screen .headerCreate .alert.alert-outline-danger .alert-icon.dark-mode-light-text {
    color: var(--on-color-text) !important;
}

/* AND/OR only — black text (+ yellow fill / black border). Do not touch emails. */
body .configure-lp-screen #builder-widgets.query-builder .rules-group-header .group-conditions label.btn,
body .configure-lp-screen #builder-widgets.query-builder .rules-group-header .group-conditions label.btn.force-visible,
body .configure-lp-screen .query-builder .rules-group-header .group-conditions label.btn.force-visible,
body .configure-lp-screen .btn-group.group-conditions label.btn {
    color: var(--on-color-text) !important;
    border: 1px solid var(--on-color-text) !important;
}

body .configure-lp-screen #builder-widgets.query-builder .rules-group-header .group-conditions label.btn.active,
body .configure-lp-screen #builder-widgets.query-builder .rules-group-header .group-conditions label.btn.force-visible.active,
body .configure-lp-screen .query-builder .rules-group-header .group-conditions label.btn.force-visible.active,
body .configure-lp-screen .btn-group.group-conditions label.btn.active {
    background: var(--color) !important;
    background-color: var(--color) !important;
    color: var(--on-color-text) !important;
    border-color: var(--on-color-text) !important;
}

body .configure-lp-screen #builder-widgets.query-builder .rules-group-header .group-conditions label.btn:not(.active),
body .configure-lp-screen #builder-widgets.query-builder .rules-group-header .group-conditions label.btn.force-visible:not(.active),
body .configure-lp-screen .query-builder .rules-group-header .group-conditions label.btn.force-visible:not(.active),
body .configure-lp-screen .btn-group.group-conditions label.btn:not(.active) {
    background: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
    background-color: color-mix(in srgb, var(--color) 18%, #ffffff) !important;
    color: var(--on-color-text) !important;
}

/* Nomination flow yellow actions — black text + black border */
body .configure-lp-screen .nomination-header-actions .chromium-button--info,
body .configure-lp-screen .nomination-header-actions .btn-pill,
body .configure-lp-screen .headerCreate .chromium-button--info,
body .configure-lp-screen .headerCreate #create,
body .configure-lp-screen #builder-widgets .group-actions .btn.green,
body .configure-lp-screen #builder-widgets .group-actions .btn.btn-xs.green,
body .configure-lp-screen #builder-widgets .action-container .btn-pill {
    color: var(--on-color-text) !important;
    background: var(--color) !important;
    background-color: var(--color) !important;
}

/*
 * Assign Users list: keep emails as link blue (NOT yellow from theme-components `a`,
 * NOT black). Names stay dark; action buttons get black border.
 */
body .configure-lp-screen .assign-user-col .assign-user--body ul a,
body .configure-lp-screen .assign-user-col .assign-user--body ul a:hover,
body .configure-lp-screen .assign-user-col .assign-user--body ul a:focus,
body .configure-lp-screen .create_box .assign-user--body ul a,
body .configure-lp-screen .create_box .assign-user--body ul a:hover,
body .configure-lp-screen .create_box .assign-user--body .long-email-handling,
body .configure-lp-screen .assign-user--body a.long-email-handling {
    color: var(--link-color) !important;
    background: transparent !important;
}

body .configure-lp-screen .assign-user-col .assign-user--body ul p {
    color: var(--text-color) !important;
}

body .configure-lp-screen .headerCreate .chromium-button--info,
body .configure-lp-screen .headerCreateLP .filter-container .btn-pill,
body .configure-lp-screen .headerCreateLP .filter-container button,
body .configure-lp-screen .assign-user-col .assign-user--header #id_assign_users_btn,
body .configure-lp-screen .assign-user-col .assign-user--header .btn.btn-brand {
    color: var(--on-color-text) !important;
    background: var(--color) !important;
    background-color: var(--color) !important;
}

/*
 * Scoped clickable table/report text → link blue (#307fe2).
 * Only Ask Expert query subjects/CLOSED, QB View links, certification download,
 * learningpaths + attendance report row links — not global `a`.
 */
body .grid-container td.customSubject > a,
body .grid-container td.customSubject a.customAnchor,
body .grid-container td.customSubject a.customAnchor:hover,
body .grid-container td.customSubject a.customAnchor:focus,
body .grid-container td.customSubject > a:hover,
body .grid-container td.customSubject > a:focus,
body .grid-container td > a[ng-click*="viewDetailsModal"],
body .grid-container td > a[ng-click*="viewDetailsModal"]:hover,
body span.view-link,
body span.view-link:hover,
body span.view-link:focus,
body a#viewReportButton,
body a#viewReportButton:hover,
body a#viewReportButton:focus,
body td.report_td a#viewReportButton,
body .user-certification-report-screen a.sb-grid-download-link,
body .user-certification-report-screen a.sb-grid-download-link:hover,
body .user-certification-report-screen a.sb-grid-download-link span,
body .learningpaths-report-screen .cr-row a,
body .learningpaths-report-screen .cr-row a:hover,
body .learningpaths-report-screen .lp-report-name-with-tags__text a,
body .learningpaths-report-screen .lp-report-name-with-tags__text a:hover,
body .attendance-report-screen .cr-row a,
body .attendance-report-screen .cr-row a:hover {
    color: var(--link-color) !important;
}

/* Training History report column icons (fa-users / blue-text) → link blue */
body .my-learning-path-report-screen a.btn-floating.btn-small.white,
body .my-learning-path-report-screen a.btn-floating.btn-small.white:hover,
body .my-learning-path-report-screen a.btn-floating.btn-small.white i.blue-text,
body .my-learning-path-report-screen a.btn-floating.btn-small.white i.fa-users {
    color: var(--link-color) !important;
}

/* Certificate Markers aside: Add button text black on yellow */
body #certificateMarkersAside.sidenav.markers-aside button.markers-aside__add,
body #certificateMarkersAside.sidenav.markers-aside .markers-aside__add {
    color: var(--on-color-text) !important;
}

/*
 * Video play: MCQ answer text black on white modal
 * (dark-mode-light-text / theme color otherwise reads as yellow/invisible)
 */
body #question-modal .question-user .mcq-row,
body #question-modal .question-user .mcq-row.dark-mode-light-text,
body #question-modal .question-user .mcq-row .dark-mode-light-text,
body #question-modal .question-user .mcq-row span,
body #question-modal .question-user .marked-answer {
    color: var(--on-color-text) !important;
}

/* Video play: yellow Submit / Back / Resize / Export + modal Submit → black text */
body .video-play-screen .submit-button,
body .video-play-screen .submit-button.btn-pill,
body .video-play-screen .submit-button.resizeButton,
body .video-play-screen a.submit-button,
body .video-play-screen button.submit-button,
body .video-play-screen .resizeButton,
body .video-play-screen .resizeButton:hover,
body #question-modal .modal-footer .confirm,
body #question-modal .modal-footer .confirm.btn.btn-pill,
body #question-modal .modal-footer .confirm.btn.btn-pill.dark-mode-dark-text {
    color: var(--on-color-text) !important;
}

/* PDL tree breadcrumb links — black (not theme yellow from global `a`) */
body .tree-view-breadcrumb .breadcrumb-link,
body .tree-view-breadcrumb .breadcrumb-link:hover,
body .tree-view-breadcrumb .breadcrumb-link:focus,
body .tree-view-breadcrumb .kt-font-brand {
    color: var(--on-color-text) !important;
}

/* Assessment Start Test — black text on yellow */
body #startQuizButton,
body #startQuizButton:hover,
body #startQuizButton:focus,
body #startQuizButton:active,
body #startQuizButton .btn__start,
body #startQuizButton:hover .btn__start,
body #startQuizButton:focus .btn__start,
body #startQuizButton:active .btn__start,
body .btn-start-quiz .btn__start,
body .btn-start-quiz .btn_begin-text,
body .btn_begin-text,
body .btn__start {
    color: var(--on-color-text) !important;
}

/* Announcement Message column eye icon → link blue */
body .grid-container .report_table i.fa-eye.blue-text,
body .grid-container .report_table i.fa-eye,
body .report_table i.fa-eye.blue-text {
    color: var(--link-color) !important;
}

/*
 * Dashboard analytics cards: black text (beat theme-components
 * `.metric-section { color: var(--color) }` + global `a { color: var(--color) }`)
 */
body .metric-section,
body .analytics-card,
body .analytics-card a.analytics-card-link,
body .analytics-card a.analytics-card-link:hover,
body .analytics-card a.analytics-card-link:focus,
body .analytics-card .metric-row-title,
body .analytics-card .metric-row-value,
body .analytics-card .metric-row-value span,
body .analytics-card .metric-large-number,
body .analytics-card .learning-materials-container,
body .analytics-card .analytics-card-title h3 {
    color: var(--on-color-text) !important;
}

body .analytics-card .analytics-card-icon,
body .analytics-card .analytics-card-icon i,
body .analytics-card .analytics-card-icon svg,
body .analytics-card .analytics-card-icon svg path {
    color: var(--color) !important;
    fill: var(--color) !important;
}

/* Mobile header actions: black icons on the Solar Yellow top bar. */
@media (max-width: 779px) {
    body .mbl-topbar--actions-right,
    body .mbl-topbar--actions-right i,
    body .mbl-topbar--actions-right a {
        color: var(--on-color-text) !important;
    }

    body .mbl-topbar--notifications .notification-icon {
        filter: brightness(0) saturate(100%) !important;
    }

    /* Mobile footer: selected icon and label stay black. */
    body .mbl-nav .mbl-nav--item_hover,
    body .mbl-nav .mbl-nav--item_hover .mbl-nav--icon,
    body .mbl-nav .mbl-nav--item_hover .mbl-nav--icon i,
    body .mbl-nav .mbl-nav--item_hover .mbl-nav--icon svg,
    body .mbl-nav .mbl-nav--item_hover .mbl-nav--label {
        color: var(--on-color-text) !important;
    }

    body .mbl-nav .mbl-nav--item_hover .mbl-nav--icon svg path {
        color: var(--on-color-text) !important;
        fill: currentColor !important;
    }

    /* Mobile PDL category names: black instead of the global yellow link color. */
    body .categories-grid h4.descriptionCol > a.kt-link,
    body .categories-grid h4.descriptionCol > a.kt-link:hover,
    body .categories-grid h4.descriptionCol > a.kt-link:focus {
        color: var(--on-color-text) !important;
    }

    /* Mobile dashboard only: active Survey/Nomination pills use black on yellow. */
    html body #mobile-content .survey-assigned__filters button.survey-filter-pill.is-active,
    html body #mobile-content .nomination-lp-assigned__filters button.nomination-filter-pill.is-active {
        color: var(--on-color-text) !important;
    }

    /* Assigned LP cards only: Certificate pill text/icon black on yellow. */
    body .card-lp-user .float-footer > a.certi-download-btn,
    body .card-lp-user .float-footer > a.certi-download-btn:hover,
    body .card-lp-user .float-footer > a.certi-download-btn:focus,
    body .card-lp-user .float-footer > a.certi-download-btn i {
        color: var(--on-color-text) !important;
    }

    /* Header filter funnel: black on yellow (beats inline white). */
    body .mbl-topbar--assigned-filter,
    body .mbl-topbar--assigned-filter i,
    body .mbl-topbar--assigned-filter .fa-filter,
    body .mbl-topbar--assigned-filter .fa-times {
        color: var(--on-color-text) !important;
    }

    /* Active Assigned LP status pills: black text on yellow. */
    body .qf-pill.is-active,
    body .qf-pill.btn.btn-pill.btn-secondary.is-active,
    body .qf-pill.is-active:hover,
    body .qf-pill.is-active:focus {
        color: var(--on-color-text) !important;
    }

    /* Info + Start/Resume/Retake: yellow fill, black text/icon. */
    body .card-lp-user .float-footer > .lp-card-info-btn:focus,
    body .card-lp-user .float-footer > .lp-card-info-btn:active,
    body .card-lp-user .float-footer > .lp-card-info-btn i,
    body .card-lp-user .float-footer > .lp-card-primary-btn,
    body .card-lp-user .float-footer > .lp-card-primary-btn:hover,
    body .card-lp-user .float-footer > .lp-card-primary-btn:focus,
    body .card-lp-user .float-footer > .lp-card-primary-btn span,
    body .card-lp-user .float-footer > .lp-card-primary-btn i {
        color: var(--on-color-text) !important;
        background: var(--color) !important;
        background-color: var(--color) !important;
        border-color: var(--color) !important;
    }
}

/* Microsites: black text/icons on yellow card footers (Visit / Join / Request). */
body .ms-grid__footer,
body .ms-grid__footer a,
body .ms-grid__footer a:hover,
body .ms-grid__footer a:focus,
body .ms-grid__footer p,
body .ms-grid__footer i,
body .ms-grid__footer .i_icons_white,
body .ms-user-mobileFooter,
body .ms-user-mobileFooter a,
body .ms-user-mobileFooter a:hover,
body .ms-user-mobileFooter a:focus,
body .ms-user-mobileFooter p,
body .ms-user-mobileFooter i,
body .ms-user-mobileFooter .i_icons_white {
    color: var(--on-color-text) !important;
}

/* Microsite cards: metadata icons were theme-yellow on white (and blend into the yellow footer). */
body .widget5_div:has(.ms-grid__footer) .i_icons,
body .widget5_div:has(.ms-grid__footer) .sidenav-form--input i,
body .widget5_div:has(.ms-grid__footer) .flaticon2-tag,
body .widget5_div:has(.ms-grid__footer) .flaticon2-shield,
body .widget5_div:has(.ms-grid__footer) .flaticon2-user-1,
body .widget5_div:has(.ms-grid__footer) .flaticon-users-1,
body .widget5_div:has(.ms-grid__footer) .flaticon2-group,
body .widget5_div:has(.ms-grid__footer) .kt-font-brand,
body .widget5_div:has(.ms-user-mobileFooter) .i_icons,
body .widget5_div:has(.ms-user-mobileFooter) .sidenav-form--input i,
body .widget5_div:has(.ms-user-mobileFooter) .flaticon2-tag,
body .widget5_div:has(.ms-user-mobileFooter) .flaticon2-shield,
body .widget5_div:has(.ms-user-mobileFooter) .flaticon2-user-1,
body .widget5_div:has(.ms-user-mobileFooter) .flaticon-users-1 {
    color: var(--on-color-text) !important;
}

/* Timeout popup — approved white card; OK matches Solar Yellow LMS pills (yellow + dark text) */
body .assessment-timeout-overlay .assessment-timeout-overlay__card {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

body .assessment-timeout-overlay .assessment-timeout-overlay__title,
body .assessment-timeout-overlay h1.assessment-timeout-overlay__title {
    color: var(--text-color) !important;
}

body .assessment-timeout-overlay .assessment-timeout-overlay__message,
body .assessment-timeout-overlay p.assessment-timeout-overlay__message {
    color: var(--text-color) !important;
}

body .assessment-timeout-overlay .btn.btn-pill,
body .assessment-timeout-overlay .btn.btn-pill.assessment-timeout-overlay__ok {
    color: var(--on-color-text) !important;
    background: var(--color) !important;
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    box-shadow: none !important;
    filter: none !important;
}

body .assessment-timeout-overlay .btn.btn-pill:hover,
body .assessment-timeout-overlay .btn.btn-pill:focus,
body .assessment-timeout-overlay .btn.btn-pill:active,
body .assessment-timeout-overlay .btn.btn-pill.assessment-timeout-overlay__ok:hover,
body .assessment-timeout-overlay .btn.btn-pill.assessment-timeout-overlay__ok:focus,
body .assessment-timeout-overlay .btn.btn-pill.assessment-timeout-overlay__ok:active {
    color: var(--on-color-text) !important;
    background: var(--color) !important;
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    filter: none !important;
    box-shadow: none !important;
}

/* Mobile Training Calendar only — beat theme-components button fills.
   Keep Solar Yellow (--color / --on-color-text); do not use Erbium blue. */
html body #tc-mobile-calendar.tc-mobile-page {
    background: #ffffff !important;
    color: var(--text-color) !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-segment {
    background: #ffffff !important;
    border: 1px solid #D9D9D9 !important;
    height: 35px !important;
    border-radius: 18px !important;
}

html body #tc-mobile-calendar.tc-mobile-page button.tc-m-segment__btn,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-segment__btn:hover,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-segment__btn:focus,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-segment__btn:active {
    background: #ffffff !important;
    color: var(--text-color) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html body #tc-mobile-calendar.tc-mobile-page button.tc-m-segment__btn + button.tc-m-segment__btn {
    border-left: 1px solid #D9D9D9 !important;
}

html body #tc-mobile-calendar.tc-mobile-page button.tc-m-segment__btn.is-active,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-segment__btn.is-active:hover,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-segment__btn.is-active:focus,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-segment__btn.is-active:active {
    background: var(--color) !important;
    color: var(--on-color-text) !important;
    box-shadow: inset 0 0 0 1px var(--color) !important;
}

html body #tc-mobile-calendar.tc-mobile-page button.tc-m-segment__btn.is-active + button.tc-m-segment__btn,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-segment__btn + button.tc-m-segment__btn.is-active {
    border-left-color: var(--color) !important;
}

html body #tc-mobile-calendar.tc-mobile-page button.tc-m-nav__btn,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-nav__btn:hover,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-nav__btn:focus,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-nav__btn:disabled,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-day,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-day:hover,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-day:focus,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-day:active,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-card__info,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-card__info:hover {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-weekdays span,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-nav__title,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-lp-head__title,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-lp-head__date,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-legend__item,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-card__title {
    color: var(--on-color-text) !important;
}

html body #tc-mobile-calendar.tc-mobile-page button.tc-m-day .tc-m-day__num,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-day span.tc-m-day__num {
    background: transparent !important;
    color: var(--on-color-text) !important;
}

html body #tc-mobile-calendar.tc-mobile-page button.tc-m-day.is-outside .tc-m-day__num {
    background: transparent !important;
    color: #9ca3af !important;
}

html body #tc-mobile-calendar.tc-mobile-page button.tc-m-day.is-today .tc-m-day__num {
    background: color-mix(in srgb, var(--color) 22%, #ffffff) !important;
    color: var(--on-color-text) !important;
}

html body #tc-mobile-calendar.tc-mobile-page button.tc-m-day.is-selected .tc-m-day__num,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-day.is-selected.is-today .tc-m-day__num {
    background: var(--color) !important;
    color: var(--on-color-text) !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-grid.is-week button.tc-m-day .tc-m-day__num,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-grid.is-week button.tc-m-day.is-today .tc-m-day__num,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-grid.is-week button.tc-m-day.is-selected .tc-m-day__num,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-grid.is-week button.tc-m-day.is-selected.is-today .tc-m-day__num {
    background: transparent !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-grid.is-week button.tc-m-day.is-today .tc-m-day__chip {
    background: color-mix(in srgb, var(--color) 22%, #ffffff) !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-grid.is-week button.tc-m-day.is-today .tc-m-day__weekday,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-grid.is-week button.tc-m-day.is-today .tc-m-day__num {
    color: var(--on-color-text) !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-grid.is-week button.tc-m-day.is-selected .tc-m-day__chip,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-grid.is-week button.tc-m-day.is-selected.is-today .tc-m-day__chip {
    background: var(--color) !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-grid.is-week button.tc-m-day.is-selected .tc-m-day__weekday,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-grid.is-week button.tc-m-day.is-selected .tc-m-day__num,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-grid.is-week button.tc-m-day.is-selected.is-today .tc-m-day__weekday,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-grid.is-week button.tc-m-day.is-selected.is-today .tc-m-day__num {
    color: var(--on-color-text) !important;
    background: transparent !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-dot.status-completed,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-dot.status-ongoing,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-legend__swatch.status-completed,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-legend__swatch.status-ongoing {
    background: #22c55e !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-dot.status-in_progress,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-dot.status-upcoming,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-legend__swatch.status-in_progress,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-legend__swatch.status-upcoming {
    background: #f66124 !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-dot.status-not_started,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-dot.status-expired,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-legend__swatch.status-not_started,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-legend__swatch.status-expired {
    background: #c4c4c4 !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-dot.status-due_soon,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-legend__swatch.status-due_soon {
    background: #dc2626 !important;
}

html body #tc-mobile-calendar.tc-mobile-page button.tc-m-filter__btn,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-filter__btn:hover,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-filter__btn:focus {
    background: #ffffff !important;
    color: var(--on-color-text) !important;
    border: 1.5px solid var(--color) !important;
    border-radius: 999px !important;
}

html body #tc-mobile-calendar.tc-mobile-page button.tc-m-filter__option {
    background: transparent !important;
    color: var(--on-color-text) !important;
    border: 0 !important;
    border-radius: 0 !important;
}

html body #tc-mobile-calendar.tc-mobile-page button.tc-m-filter__option.is-active {
    color: var(--on-color-text) !important;
    background: color-mix(in srgb, var(--color) 22%, #ffffff) !important;
}

html body #tc-mobile-calendar.tc-mobile-page button.tc-m-card__info {
    color: var(--color) !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-card {
    background: #ffffff !important;
    color: var(--on-color-text) !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 12px !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-badge.status-completed {
    width: 77px !important;
    height: 23px !important;
    padding: 0 !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border-radius: 11px !important;
    border: 1px solid #34C759 !important;
    background: rgba(52, 199, 89, 0.06) !important;
    color: #34C759 !important;
    white-space: nowrap !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-badge.status-in_progress {
    width: 76px !important;
    height: 24px !important;
    padding: 0 !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border-radius: 11.5px !important;
    border: 1px solid #FF8D28 !important;
    background: rgba(255, 141, 40, 0.06) !important;
    color: #FF8D28 !important;
    white-space: nowrap !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-badge.status-not_started,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-badge.status-expired {
    color: #6b7280 !important;
    border: 1px solid #6b7280 !important;
    background: rgba(107, 114, 128, 0.06) !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-badge.status-due_soon {
    color: #dc2626 !important;
    border: 1px solid #dc2626 !important;
    background: rgba(220, 38, 38, 0.06) !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-filter__menu,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-info__sheet {
    background: #ffffff !important;
    color: var(--on-color-text) !important;
}

html body #tc-mobile-calendar.tc-mobile-page h4.tc-m-info__title,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-info__title {
    color: #000000 !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-info__row {
    color: #444444 !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-card__date.is-start,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-card__date.is-end {
    color: #000000 !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-card__date.is-start svg,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-card__date.is-start svg path {
    fill: #34C759 !important;
}

html body #tc-mobile-calendar.tc-mobile-page .tc-m-card__date.is-end svg,
html body #tc-mobile-calendar.tc-mobile-page .tc-m-card__date.is-end svg path {
    fill: #FF383C !important;
}

html body #tc-mobile-calendar.tc-mobile-page a.tc-m-card__cta,
html body #tc-mobile-calendar.tc-mobile-page a.tc-m-card__cta:hover,
html body #tc-mobile-calendar.tc-mobile-page a.tc-m-card__cta:focus {
    background: var(--color) !important;
    color: var(--on-color-text) !important;
    border-color: var(--color) !important;
    height: 35px !important;
    min-height: 35px !important;
    padding: 0 10px !important;
    border-radius: 18px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
}

html body #tc-mobile-calendar.tc-mobile-page button.tc-m-info__close,
html body #tc-mobile-calendar.tc-mobile-page button.btn.tc-m-info__close,
html body #tc-mobile-calendar.tc-mobile-page button.btn-outline-brand.tc-m-info__close,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-info__close:hover,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-info__close:focus,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-info__close:active,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-view-all,
html body #tc-mobile-calendar.tc-mobile-page button.btn.tc-m-view-all,
html body #tc-mobile-calendar.tc-mobile-page button.btn-outline-brand.tc-m-view-all,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-view-all:hover,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-view-all:focus,
html body #tc-mobile-calendar.tc-mobile-page button.tc-m-view-all:active {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: var(--on-color-text) !important;
    border: 1px solid var(--color) !important;
    border-radius: 18px !important;
    height: 35px !important;
    min-height: 35px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    box-shadow: none !important;
}