/**
 * LMSModernUI — nadpisania kolorystyki stock LMS (css/style.css).
 * Ładowany po css/style.css gdy body.modernui-active.
 * Kolory z :root (--modernui-*) — domyślnie tokens.css, potem custom.css z panelu.
 */

/* --- powierzchnia (stock: @lucid / @superlight) --- */
body.modernui-active,
body.modernui-active.lms-ui-main-document {
  background-color: var(--modernui-surface) !important;
}

body.modernui-active .lucid,
body.modernui-active .superlight,
body.modernui-active td.lucid,
body.modernui-active th.lucid,
body.modernui-active .click-menu .section,
body.modernui-active .lms-ui-suggestion-container,
body.modernui-active .chosen-container .chosen-drop,
body.modernui-active .chosen-container-single .chosen-single,
body.modernui-active .chosen-container-multi .chosen-choices,
body.modernui-active #lms-ui-mobile-menu-container,
body.modernui-active div.lms-ui-tab-container .lms-ui-tab-table-row.lucid,
body.modernui-active div.lms-ui-tab-container .lms-ui-tab-table-row:nth-child(even) {
  background-color: var(--modernui-surface) !important;
}

/* --- sidebar / drugorzędne tła (stock: @light / @dark) --- */
body.modernui-active .light,
body.modernui-active .dark,
body.modernui-active table.lmsbox > tbody,
body.modernui-active table.lmsbox-inner > tbody,
body.modernui-active table.lmsbox-innerbox > thead,
body.modernui-active table.lmsbox-innerbox > tfoot,
body.modernui-active table.lmsbox-inner > thead,
body.modernui-active table.lmsbox > thead,
body.modernui-active table.lmsbox-inner > thead,
body.modernui-active table.lmsbox-innerbox > thead,
body.modernui-active table.lmsbox tr.lms-ui-button-panel,
body.modernui-active .click-menu .box1,
body.modernui-active #lms-ui-menu-panel,
body.modernui-active #lms-ui-mobile-menu-container #lms-ui-mobile-menu-panel,
body.modernui-active .dataTables_wrapper .top,
body.modernui-active .dataTables_wrapper .bottom,
body.modernui-active .lms-button,
body.modernui-active button.lms-button,
body.modernui-active input[type="submit"].lms-button,
body.modernui-active .ui-widget-content .ui-state-default,
body.modernui-active .ui-widget-header .ui-state-default,
body.modernui-active .ui-button,
body.modernui-active .ui-tabs .ui-tab.ui-tabs-active.ui-tabs-tab {
  background-color: var(--modernui-sidebar) !important;
}

/* --- primary / akcent (stock: @superdark) — bez hover wierszy tabel --- */
body.modernui-active .superdark,
body.modernui-active .lms-ui-matched-text,
body.modernui-active table.lmsbox.lms-ui-tab-container > thead,
body.modernui-active table.lmsbox > caption,
body.modernui-active .lmsbox > caption,
body.modernui-active #lms-ui-menu-panel-toggle:not(.visible),
body.modernui-active .click-menu .box1-hover,
body.modernui-active .click-menu .box1-open,
body.modernui-active .click-menu .box1-open-hover,
body.modernui-active .click-menu .box2-hover,
body.modernui-active .ui-tabs .ui-tab.ui-tabs-tab {
  background-color: var(--modernui-primary) !important;
  border-color: var(--modernui-border) !important;
  color: var(--modernui-text) !important;
}

/* --- linki (stock: @link #800000) --- */
body.modernui-active a:link,
body.modernui-active a:visited,
body.modernui-active A:link,
body.modernui-active A:visited,
body.modernui-active .click-menu .section a,
body.modernui-active .click-menu .box1-hover,
body.modernui-active .click-menu .box1-open,
body.modernui-active .click-menu .box1-open-hover,
body.modernui-active .click-menu .box2 a,
body.modernui-active .click-menu .box2-hover a {
  color: var(--modernui-link) !important;
}

body.modernui-active a:hover,
body.modernui-active a:active,
body.modernui-active A:hover,
body.modernui-active A:active,
body.modernui-active .click-menu .section a:hover {
  color: var(--modernui-link-hover) !important;
}

/* --- pola formularza (stock: @lucid #EBE4D6) --- */
body.modernui-active input[type="text"],
body.modernui-active input[type="email"],
body.modernui-active input[type="search"],
body.modernui-active input[type="number"],
body.modernui-active input[type="tel"],
body.modernui-active input[type="date"],
body.modernui-active input[type="datetime-local"],
body.modernui-active input[type="time"],
body.modernui-active input[type="password"],
body.modernui-active select,
body.modernui-active textarea,
body.modernui-active .lms-ui-multiselect-container .lms-ui-multiselect-launcher,
body.modernui-active .select2-container .select2-selection,
body.modernui-active .chosen-container-single .chosen-single,
body.modernui-active .chosen-container-multi .chosen-choices,
body.modernui-active .scombobox-display,
body.modernui-active .scombobox-list,
body.modernui-active .ui-selectmenu-button.ui-button,
body.modernui-active #lms-ui-division select,
body.modernui-active .lms-ui-quick-search input[type="text"],
body.modernui-active .lms-ui-quick-search input[type="search"] {
  background-color: var(--modernui-surface) !important;
  border-color: var(--modernui-border) !important;
}

body.modernui-active .select2-container .select2-selection.select2-selection--multiple .select2-selection__choice {
  background-color: var(--modernui-sidebar) !important;
}

body.modernui-active .select2-container .select2-selection.select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: var(--modernui-primary) !important;
}

/* --- obramowania (stock: @darkbrown #615847) --- */
body.modernui-active .ui-widget.ui-widget-content,
body.modernui-active .ui-tabs .ui-tab.ui-tabs-active:focus,
body.modernui-active .ui-widget-header .ui-state-default,
body.modernui-active .ui-button,
body.modernui-active .ui-widget-header .ui-state-focus,
body.modernui-active .ui-button:hover,
body.modernui-active .ui-button:focus,
body.modernui-active .ui-button:active,
body.modernui-active .ui-button.ui-state-active:hover,
body.modernui-active .chosen-container-multi .chosen-choices li.search-choice,
body.modernui-active .select2-container .select2-selection.select2-selection--multiple .select2-selection__choice,
body.modernui-active .lms-button,
body.modernui-active button.lms-button,
body.modernui-active input[type="submit"].lms-button {
  border-color: var(--modernui-border) !important;
}

/* --- górny pasek (quick search, toolbar) --- */
body.modernui-active #lms-ui-tool-panels {
  background-color: var(--modernui-surface) !important;
  box-shadow: 0 1em 0.9em var(--modernui-surface) !important;
}

body.modernui-active #lms-ui-quicksearch-indicators-panel,
body.modernui-active #lms-ui-toolbar,
body.modernui-active .lms-ui-tool-panel,
body.modernui-active #lms-ui-dberrors {
  background-color: var(--modernui-surface) !important;
}

@media screen and (max-width: 800px) {
  body.modernui-active #lms-ui-quicksearch-indicators-panel {
    background-color: var(--modernui-sidebar) !important;
  }
}

/* --- tabele: thead, komórki nagłówka, filtry --- */
body.modernui-active table.lmsbox > thead > tr > td,
body.modernui-active table.lmsbox > thead > tr > th,
body.modernui-active table.lmsbox-inner > thead > tr > td,
body.modernui-active table.lmsbox-inner > thead > tr > th,
body.modernui-active table.lmsbox-innerbox > thead > tr > td,
body.modernui-active table.lmsbox-innerbox > thead > tr > th,
body.modernui-active table.lmsbox tr.lms-ui-header-panel,
body.modernui-active table.lmsbox tr.lms-ui-header-panel > td,
body.modernui-active table.lmsbox-inner tr.lms-ui-header-panel > td {
  background-color: var(--modernui-sidebar) !important;
}

/* --- tabele: naprzemienne wiersze (lms-ui-background-cycle) --- */
body.modernui-active table.lmsbox.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(even):not(.ui-selected),
body.modernui-active table.lmsbox-inner.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(even):not(.ui-selected),
body.modernui-active table.lmsbox.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(even),
body.modernui-active table.lmsbox-inner.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(even) {
  background-color: var(--modernui-sidebar) !important;
}

body.modernui-active table.lmsbox.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(odd):not(.ui-selected),
body.modernui-active table.lmsbox-inner.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(odd):not(.ui-selected),
body.modernui-active table.lmsbox.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(odd),
body.modernui-active table.lmsbox-inner.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(odd) {
  background-color: var(--modernui-surface) !important;
}

body.modernui-active table.lmsbox.lms-ui-background-cycle > tbody > tr.lms-ui-distinguished-row,
body.modernui-active table.lmsbox-inner.lms-ui-background-cycle > tbody > tr.lms-ui-distinguished-row {
  background-color: var(--modernui-sidebar) !important;
}

body.modernui-active table.lmsbox.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(even):hover,
body.modernui-active table.lmsbox-inner.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(even):hover,
body.modernui-active table.lmsbox.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(odd):hover,
body.modernui-active table.lmsbox-inner.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(odd):hover,
body.modernui-active table.lmsbox.lms-ui-background-cycle > tbody > tr.highlight:hover,
body.modernui-active table.lmsbox-inner.lms-ui-background-cycle > tbody > tr.highlight:hover {
  background-color: var(--modernui-row-hover, #cce8ff) !important;
}

body.modernui-active table.lmsbox.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(even):hover > td,
body.modernui-active table.lmsbox-inner.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(even):hover > td,
body.modernui-active table.lmsbox.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(odd):hover > td,
body.modernui-active table.lmsbox-inner.lms-ui-background-cycle > tbody > tr:not(.lms-ui-button-panel):not(.lms-ui-header-panel):nth-child(odd):hover > td,
body.modernui-active table.lmsbox.lms-ui-background-cycle > tbody > tr.highlight:hover > td,
body.modernui-active table.lmsbox-inner.lms-ui-background-cycle > tbody > tr.highlight:hover > td {
  background-color: transparent !important;
}

/* --- lokalne style w modułach (np. tarifflist price-variants) --- */
body.modernui-active .price-variants .lms-ui-box,
body.modernui-active .price-variants .lms-ui-background-cycle.lms-ui-box-body .lms-ui-box-row:nth-child(odd) {
  background-color: var(--modernui-sidebar) !important;
}

body.modernui-active .price-variants .lms-ui-box-header,
body.modernui-active .price-variants .lms-ui-background-cycle.lms-ui-box-body .lms-ui-box-row:nth-child(even) {
  background-color: var(--modernui-surface) !important;
}

body.modernui-active .price-variants .lms-ui-background-cycle.lms-ui-box-body .lms-ui-box-row:nth-child(even).highlight:hover,
body.modernui-active .price-variants .lms-ui-background-cycle.lms-ui-box-body .lms-ui-box-row:nth-child(odd).highlight:hover,
body.modernui-active .price-variants .lms-ui-background-cycle.lms-ui-box-body .lms-ui-box-row:nth-child(even):hover,
body.modernui-active .price-variants .lms-ui-background-cycle.lms-ui-box-body .lms-ui-box-row:nth-child(odd):hover {
  background-color: var(--modernui-row-hover, #cce8ff) !important;
}

/* --- DataTables --- */
body.modernui-active div.lms-ui-datatable-toolbar,
body.modernui-active .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.modernui-active .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-color: var(--modernui-sidebar) !important;
  background-image: none !important;
}

/* --- panele tabów (ONT info, moduły z lms-ui-tab-container) --- */
body.modernui-active div.lms-ui-tab-container .lms-ui-tab-header {
  background-color: var(--modernui-primary) !important;
}

body.modernui-active div.lms-ui-tab-container .lms-ui-tab-contents .lms-ui-tab-button-panel,
body.modernui-active div.lms-ui-tab-container .lms-ui-tab-table-row.footer {
  background-color: var(--modernui-sidebar) !important;
}

body.modernui-active div.lms-ui-tab-container .lms-ui-tab-table-row:nth-child(even),
body.modernui-active div.lms-ui-tab-container .lms-ui-tab-table-row.lucid {
  background-color: var(--modernui-surface) !important;
}

body.modernui-active div.lms-ui-tab-container .lms-ui-tab-table-row:nth-child(odd),
body.modernui-active div.lms-ui-tab-container .lms-ui-tab-table-row.light,
body.modernui-active div.lms-ui-tab-container .lms-ui-tab-table-row.header {
  background-color: var(--modernui-sidebar) !important;
}

body.modernui-active div.lms-ui-tab-container .lms-ui-tab-table-row:not(.header):not(.footer):hover {
  background-color: var(--modernui-row-hover, #cce8ff) !important;
}

/* --- boxy informacyjne --- */
body.modernui-active .lms-ui-box-container {
  background-color: var(--modernui-sidebar) !important;
}

body.modernui-active .lms-ui-box-container .lms-ui-box-header,
body.modernui-active .lms-ui-box-container > .lms-ui-box-header-multi-row {
  background-color: var(--modernui-primary) !important;
}

body.modernui-active .lms-ui-multiline-box {
  background-color: var(--modernui-surface) !important;
}

/* --- proste tabele lmsbox (bez background-cycle i bez DataTables) --- */
body.modernui-active table.lmsbox:not(.lms-ui-background-cycle):not(.lms-ui-datatable):not(.dataTable) > tbody > tr > td,
body.modernui-active table.lmsbox:not(.lms-ui-background-cycle):not(.lms-ui-datatable):not(.dataTable) > tbody > tr > th,
body.modernui-active table.lmsbox-inner:not(.lms-ui-background-cycle):not(.lms-ui-datatable):not(.dataTable) > tbody > tr > td,
body.modernui-active table.lmsbox-inner:not(.lms-ui-background-cycle):not(.lms-ui-datatable):not(.dataTable) > tbody > tr > th {
  background-color: var(--modernui-sidebar) !important;
}

/* NIE hover na prostych lmsbox — np. #customerinfobox ma 1 wielki <tr> z całą kartą */

/* --- DataTables: naprzemienne tło wierszy (stock: odd/even) --- */
body.modernui-active table.lms-ui-datatable > tbody > tr:nth-child(odd):not(.ui-selected):not(.lms-ui-button-panel):not(.lms-ui-header-panel),
body.modernui-active table.dataTable > tbody > tr.odd:not(.ui-selected):not(.lms-ui-button-panel):not(.lms-ui-header-panel) {
  background-color: var(--modernui-surface) !important;
}

body.modernui-active table.lms-ui-datatable > tbody > tr:nth-child(even):not(.ui-selected):not(.lms-ui-button-panel):not(.lms-ui-header-panel),
body.modernui-active table.dataTable > tbody > tr.even:not(.ui-selected):not(.lms-ui-button-panel):not(.lms-ui-header-panel) {
  background-color: var(--modernui-sidebar) !important;
}

/*
 * Hover tylko na listach (DataTables / wiersze). Sky blue — spójny z motywem.
 * Bez globalnego .highlight:hover — zieleniłby kartę klienta i inne layouty.
 */
body.modernui-active table.lms-ui-datatable > tbody > tr:nth-child(odd):hover:not(.ui-selected):not(.lms-ui-button-panel):not(.lms-ui-header-panel),
body.modernui-active table.lms-ui-datatable > tbody > tr:nth-child(even):hover:not(.ui-selected):not(.lms-ui-button-panel):not(.lms-ui-header-panel),
body.modernui-active table.lms-ui-datatable > tbody > tr:hover:not(.lms-ui-button-panel):not(.lms-ui-header-panel),
body.modernui-active table.lms-ui-datatable > tbody > tr:hover.child,
body.modernui-active table.lms-ui-datatable > tbody > tr:hover.parent + .child,
body.modernui-active table.dataTable > tbody > tr.odd:hover:not(.ui-selected):not(.lms-ui-button-panel):not(.lms-ui-header-panel),
body.modernui-active table.dataTable > tbody > tr.even:hover:not(.ui-selected):not(.lms-ui-button-panel):not(.lms-ui-header-panel),
body.modernui-active table.dataTable > tbody > tr:hover:not(.lms-ui-button-panel):not(.lms-ui-header-panel) {
  background-color: var(--modernui-row-hover, #cce8ff) !important;
}

body.modernui-active table.lms-ui-datatable > tbody > tr:nth-child(odd):hover:not(.ui-selected) > td,
body.modernui-active table.lms-ui-datatable > tbody > tr:nth-child(even):hover:not(.ui-selected) > td,
body.modernui-active table.lms-ui-datatable > tbody > tr:hover:not(.lms-ui-button-panel) > td,
body.modernui-active table.dataTable > tbody > tr.odd:hover:not(.ui-selected) > td,
body.modernui-active table.dataTable > tbody > tr.even:hover:not(.ui-selected) > td,
body.modernui-active table.dataTable > tbody > tr:hover:not(.lms-ui-button-panel) > td {
  background-color: transparent !important;
}

body.modernui-active table.lmsbox > tfoot,
body.modernui-active table.lmsbox-inner > tfoot {
  background-color: var(--modernui-sidebar) !important;
}

/* pusty wynik listy (stock: @lucid #EBE4D6) */
body.modernui-active td.empty-table,
body.modernui-active table.lmsbox td.empty-table,
body.modernui-active table.lmsbox-inner td.empty-table,
body.modernui-active table.lmsbox-innerbox td.empty-table,
body.modernui-active table.lms-ui-datatable td.empty-table,
body.modernui-active table.dataTable td.empty-table,
body.modernui-active table.dataTable td.dataTables_empty,
body.modernui-active p.empty-table,
body.modernui-active .lms-ui-tab-empty-table {
  background-color: var(--modernui-surface) !important;
  color: var(--modernui-text-muted) !important;
}

/* --- tooltips, datepicker, overlib --- */
body.modernui-active .ui-tooltip,
body.modernui-active .overlib,
body.modernui-active #overDiv {
  background-color: var(--modernui-surface) !important;
}

body.modernui-active .ui-datepicker,
body.modernui-active .ui-datepicker-header,
body.modernui-active .ui-datepicker-calendar {
  background-color: var(--modernui-sidebar) !important;
  border-color: var(--modernui-border) !important;
}

body.modernui-active .ui-widget-content:not(.ui-dialog-content) {
  background-color: var(--modernui-sidebar) !important;
}

/* Dialogi / modale — stock #CEBD9B / #B6A688 */
body.modernui-active .ui-dialog,
body.modernui-active .ui-dialog .ui-dialog-content,
body.modernui-active .ui-dialog-content,
body.modernui-active .lms-ui-dialog,
body.modernui-active .lms-ui-modal-dialog-wrapper.ui-dialog {
  background-color: var(--modernui-surface) !important;
  border-color: var(--modernui-border) !important;
  color: var(--modernui-text) !important;
}

body.modernui-active .ui-dialog-titlebar,
body.modernui-active .ui-dialog .ui-dialog-titlebar {
  background-color: var(--modernui-primary) !important;
  border-color: var(--modernui-border) !important;
  color: var(--modernui-text) !important;
}

body.modernui-active .ui-dialog .ui-dialog-buttonpane,
body.modernui-active .lms-ui-modal-dialog-wrapper.ui-dialog .ui-dialog-buttonpane {
  background-color: var(--modernui-sidebar) !important;
  border-top: 1px solid var(--modernui-border) !important;
  color: var(--modernui-text) !important;
}

body.modernui-active .ui-dialog .ui-dialog-titlebar-close,
body.modernui-active .ui-dialog .ui-dialog-titlebar-close.ui-state-default {
  background-color: var(--modernui-surface) !important;
  border-color: var(--modernui-border) !important;
}

body.modernui-active #lms-ui-modal-dialog .log-messages {
  background-color: var(--modernui-sidebar) !important;
  border-color: var(--modernui-border) !important;
  color: var(--modernui-text) !important;
}

body.modernui-active .ui-tooltip {
  background-color: var(--modernui-surface) !important;
  border-color: var(--modernui-border) !important;
  color: var(--modernui-text) !important;
}

/* --- chosen / select2 (pozostałe) --- */
body.modernui-active .chosen-container .chosen-results li.no-results,
body.modernui-active .chosen-container .chosen-results li em {
  background-color: var(--modernui-sidebar) !important;
}

body.modernui-active .select2-container .select2-dropdown,
body.modernui-active .select2-container .select2-results__group {
  background-color: var(--modernui-surface) !important;
}

/* --- obramowania i separatory --- */
body.modernui-active .bottomline {
  border-bottom-color: var(--modernui-border) !important;
}

body.modernui-active #lms-ui-contents,
body.modernui-active #lms-ui-module-view {
  background-color: var(--modernui-surface) !important;
}

body.modernui-active .lms-ui-welcome-box-placeholder {
  background-color: var(--modernui-surface) !important;
}

/* --- cienie z @lucid --- */
body.modernui-active #lms-ui-menu-panel {
  box-shadow: 1em 0 0.9em var(--modernui-surface) !important;
}

body.modernui-active #lms-ui-mobile-menu-container {
  box-shadow: 0 0.7em 0.6em var(--modernui-surface) !important;
}

/* --- drobne usprawnienia UI --- */
body.modernui-active #lms-ui-logo img {
  max-width: 120px;
  height: auto;
}

body.modernui-active.lms-ui-login-form .login-box-container.loginform,
body.modernui-active.lms-ui-login-form .login-box-container.loginform.light {
  background-color: var(--modernui-sidebar) !important;
  border-color: var(--modernui-border) !important;
}

body.modernui-active.lms-ui-login-form .login-box-container.loginform {
  border-radius: 0.5rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

body.modernui-active .lms-button,
body.modernui-active button.lms-button,
body.modernui-active input[type="submit"].lms-button {
  border-radius: 0.25rem;
}

/* --- przyciski LMS UI (stock: #DFD5BD / #CEBD9B) --- */
body.modernui-active button.lms-ui-button,
body.modernui-active a.lms-ui-link-button,
body.modernui-active label.lms-ui-button {
  background-color: var(--modernui-surface) !important;
  border-color: var(--modernui-border) !important;
  color: var(--modernui-text) !important;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0.25em 0.33em;
  padding-top: 0.08em;
  padding-bottom: 0.08em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  min-height: 1.85em;
  border: 1px solid var(--modernui-border);
  cursor: pointer;
}

body.modernui-active button.lms-ui-button:not([disabled]):active,
body.modernui-active a.lms-ui-link-button:not([disabled]):active {
  background-color: var(--modernui-sidebar) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

body.modernui-active button.lms-ui-button:not([disabled]):hover,
body.modernui-active a.lms-ui-link-button:not([disabled]):hover,
body.modernui-active label.lms-ui-button:hover {
  background-color: var(--modernui-sidebar) !important;
  box-shadow: var(--modernui-shadow-sm) !important;
}

body.modernui-active button.lms-ui-button:not([disabled]):focus,
body.modernui-active a.lms-ui-link-button:not([disabled]):focus,
body.modernui-active label.lms-ui-button:focus {
  box-shadow: var(--modernui-focus-ring) !important;
}

body.modernui-active button.lms-ui-button .lms-ui-label,
body.modernui-active a.lms-ui-link-button .lms-ui-label,
body.modernui-active label.lms-ui-button .lms-ui-label {
  color: var(--modernui-text) !important;
  font-weight: 700;
}

body.modernui-active button.lms-ui-button .lms-ui-icon,
body.modernui-active a.lms-ui-link-button .lms-ui-icon,
body.modernui-active label.lms-ui-button .lms-ui-icon {
  color: var(--modernui-text-muted) !important;
}

body.modernui-active button.lms-ui-button:not([disabled]):hover .lms-ui-icon,
body.modernui-active a.lms-ui-link-button:not([disabled]):hover .lms-ui-icon,
body.modernui-active label.lms-ui-button:hover .lms-ui-icon {
  color: var(--modernui-link) !important;
}

/* ikonowe linki — stock LMS: czarne; semantyczne kolory (mailsent itd.) poniżej */
body.modernui-active a.lms-ui-button:not(.lms-ui-link-button) > i:before {
  color: #000000 !important;
}

body.modernui-active a.lms-ui-button:not(.lms-ui-link-button):hover {
  border-color: var(--modernui-border) !important;
  background-color: var(--modernui-sidebar) !important;
}

body.modernui-active a.lms-ui-button:not(.lms-ui-link-button):hover > i:before {
  color: #000000 !important;
}

/*
 * Statusowe toggle’y (connected / warnon itd.) — włączone musi zachować
 * stockowy kolor (złoty / burlywood / czarny). Nadpisujemy muted !important.
 */
body.modernui-active .lms-ui-icon-connected:before,
body.modernui-active button.lms-ui-button .lms-ui-icon-connected,
body.modernui-active a.lms-ui-button .lms-ui-icon-connected,
body.modernui-active a.lms-ui-button:not(.lms-ui-link-button) > i.lms-ui-icon-connected:before,
body.modernui-active a.lms-ui-button:not(.lms-ui-link-button):hover > i.lms-ui-icon-connected:before {
  color: gold !important;
}

body.modernui-active .lms-ui-icon-mixconnected:before,
body.modernui-active button.lms-ui-button .lms-ui-icon-mixconnected,
body.modernui-active a.lms-ui-button .lms-ui-icon-mixconnected,
body.modernui-active a.lms-ui-button:not(.lms-ui-link-button) > i.lms-ui-icon-mixconnected:before,
body.modernui-active a.lms-ui-button:not(.lms-ui-link-button):hover > i.lms-ui-icon-mixconnected:before,
body.modernui-active .lms-ui-icon-warnmix:before,
body.modernui-active button.lms-ui-button .lms-ui-icon-warnmix,
body.modernui-active a.lms-ui-button .lms-ui-icon-warnmix,
body.modernui-active a.lms-ui-button:not(.lms-ui-link-button) > i.lms-ui-icon-warnmix:before {
  color: burlywood !important;
}

body.modernui-active .lms-ui-icon-warnon:before,
body.modernui-active button.lms-ui-button .lms-ui-icon-warnon,
body.modernui-active a.lms-ui-button .lms-ui-icon-warnon,
body.modernui-active a.lms-ui-button:not(.lms-ui-link-button) > i.lms-ui-icon-warnon:before,
body.modernui-active a.lms-ui-button:not(.lms-ui-link-button):hover > i.lms-ui-icon-warnon:before {
  color: gold !important;
}

body.modernui-active .lms-ui-icon-disconnected:before,
body.modernui-active .lms-ui-icon-warnoff:before,
body.modernui-active button.lms-ui-button .lms-ui-icon-disconnected,
body.modernui-active button.lms-ui-button .lms-ui-icon-warnoff,
body.modernui-active a.lms-ui-button .lms-ui-icon-disconnected,
body.modernui-active a.lms-ui-button .lms-ui-icon-warnoff,
body.modernui-active a.lms-ui-button:not(.lms-ui-link-button) > i.lms-ui-icon-disconnected:before,
body.modernui-active a.lms-ui-button:not(.lms-ui-link-button) > i.lms-ui-icon-warnoff:before {
  color: #000000 !important;
}

/*
 * FV / dokument już wysłany — stock @blend (#888). Nie nadpisywać na kolor motywu.
 */
body.modernui-active .lms-ui-icon-mailsent:before,
body.modernui-active button.lms-ui-button .lms-ui-icon-mailsent,
body.modernui-active a.lms-ui-button .lms-ui-icon-mailsent,
body.modernui-active a.lms-ui-link-button .lms-ui-icon-mailsent,
body.modernui-active a.lms-ui-button:not(.lms-ui-link-button) > i.lms-ui-icon-mailsent:before,
body.modernui-active a.lms-ui-button:not(.lms-ui-link-button):hover > i.lms-ui-icon-mailsent:before {
  color: #888888 !important;
}

html[data-modernui-theme="dark"] body.modernui-active a.lms-ui-button:not(.lms-ui-link-button) > i:before,
html[data-modernui-theme="dark"] body.modernui-active a.lms-ui-button:not(.lms-ui-link-button):hover > i:before {
  color: #d4d4d4 !important;
}

html[data-modernui-theme="dark"] body.modernui-active .lms-ui-icon-mailsent:before,
html[data-modernui-theme="dark"] body.modernui-active button.lms-ui-button .lms-ui-icon-mailsent,
html[data-modernui-theme="dark"] body.modernui-active a.lms-ui-button .lms-ui-icon-mailsent,
html[data-modernui-theme="dark"] body.modernui-active a.lms-ui-link-button .lms-ui-icon-mailsent,
html[data-modernui-theme="dark"] body.modernui-active a.lms-ui-button:not(.lms-ui-link-button) > i.lms-ui-icon-mailsent:before,
html[data-modernui-theme="dark"] body.modernui-active a.lms-ui-button:not(.lms-ui-link-button):hover > i.lms-ui-icon-mailsent:before {
  color: #858585 !important;
}

html[data-modernui-theme="dark"] body.modernui-active .lms-ui-icon-disconnected:before,
html[data-modernui-theme="dark"] body.modernui-active .lms-ui-icon-warnoff:before,
html[data-modernui-theme="dark"] body.modernui-active button.lms-ui-button .lms-ui-icon-disconnected,
html[data-modernui-theme="dark"] body.modernui-active button.lms-ui-button .lms-ui-icon-warnoff,
html[data-modernui-theme="dark"] body.modernui-active a.lms-ui-button .lms-ui-icon-disconnected,
html[data-modernui-theme="dark"] body.modernui-active a.lms-ui-button .lms-ui-icon-warnoff,
html[data-modernui-theme="dark"] body.modernui-active a.lms-ui-button:not(.lms-ui-link-button) > i.lms-ui-icon-disconnected:before,
html[data-modernui-theme="dark"] body.modernui-active a.lms-ui-button:not(.lms-ui-link-button) > i.lms-ui-icon-warnoff:before {
  color: #c9d1d9 !important;
}

body.modernui-active .lms-ui-button {
  color: var(--modernui-link) !important;
}

body.modernui-active .lms-ui-button:hover {
  color: var(--modernui-link-hover) !important;
  text-decoration: none !important;
}

body.modernui-active .lms-ui-responsive-buttons .lms-ui-dropdown-buttons {
  background-color: var(--modernui-surface) !important;
  border-color: var(--modernui-border) !important;
  box-shadow: var(--modernui-shadow-sm) !important;
}

body.modernui-active #lms-ui-module-view .lmsbox {
  border-radius: 0.25rem;
}

/* --- menu boczne: kontrast tekstu (stock: black / maroon linki) --- */
body.modernui-active #lms-ui-main-menu .click-menu .box1 {
  color: var(--modernui-text) !important;
  font-weight: bold !important;
}

body.modernui-active #lms-ui-main-menu .click-menu .box1-open,
body.modernui-active #lms-ui-main-menu .click-menu .box1-open-hover,
body.modernui-active #lms-ui-main-menu .click-menu .box1-hover {
  color: var(--modernui-link) !important;
  font-weight: bold !important;
}

body.modernui-active #lms-ui-main-menu .click-menu .section a,
body.modernui-active #lms-ui-main-menu .click-menu .box2 a,
body.modernui-active #lms-ui-main-menu .click-menu .box2-hover a {
  color: var(--modernui-link) !important;
}

body.modernui-active #lms-ui-main-menu .click-menu .section a:hover,
body.modernui-active #lms-ui-main-menu .click-menu .box2-hover a {
  color: var(--modernui-link-hover) !important;
}

body.modernui-active #lms-ui-main-menu .click-menu .section .active,
body.modernui-active #lms-ui-main-menu .click-menu .section .active:hover {
  color: var(--modernui-link-hover) !important;
  font-weight: bold !important;
}

body.modernui-active #lms-ui-main-menu .lms-ui-menu-item-icon,
body.modernui-active #lms-ui-main-menu .click-menu .box1 .lms-ui-icon,
body.modernui-active #lms-ui-main-menu .click-menu .box1-open .lms-ui-icon,
body.modernui-active #lms-ui-main-menu .click-menu .box1-hover .lms-ui-icon,
body.modernui-active #lms-ui-main-menu .click-menu .box1-open-hover .lms-ui-icon,
body.modernui-active #lms-ui-main-menu .click-menu i.fas,
body.modernui-active #lms-ui-main-menu .click-menu i.far,
body.modernui-active #lms-ui-main-menu .click-menu i.fab,
body.modernui-active #lms-ui-main-menu .click-menu i.fal {
  color: inherit !important;
}

body.modernui-active #lms-ui-menu-panel #lms-ui-copyrights,
body.modernui-active #lms-ui-menu-panel #lms-ui-session-expire {
  color: var(--modernui-text) !important;
  font-weight: bold !important;
}