:root,
[data-theme="light"] {
    --itr-green: #198754;
    --itr-green-dark: #0f5132;
    --itr-green-active: #146c43;
    --itr-green-medium: #20a268;
    --itr-green-soft: #75b798;
    --itr-green-light: #d1e7dd;
    --itr-green-subtle: #eef8f2;
    --itr-field-bg: #f5f8fa;
    --itr-field-bg-focus: #eef3f7;
    --itr-field-bg-disabled: #eff2f5;
    --itr-field-border: #e4e6ef;
    --itr-table-border: #eff2f5;
    --itr-table-text: #181c32;
    --bs-gray-100: #f5f8fa;
    --bs-gray-200: #eff2f5;
    --bs-gray-300: #e4e6ef;
    --bs-border-color: #dee0e2;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.1);
    --bs-table-border-color: #eff2f5;
    --kt-gray-100: #f5f8fa;
    --kt-gray-200: #eff2f5;
    --kt-gray-300: #e4e6ef;
    --kt-light: #f5f8fa;
    --kt-secondary: #e4e6ef;
    --kt-border-color: #eff2f5;
    --kt-border-dashed-color: #e4e6ef;
    --kt-table-border-color: #eff2f5;
    --kt-input-bg: #ffffff;
    --kt-input-focus-bg: #ffffff;
    --kt-input-solid-bg: #f5f8fa;
    --kt-input-solid-bg-focus: #eef3f7;
    --kt-input-border-color: #e4e6ef;
    --kt-input-focus-border-color: #b5b5c3;
    --kt-input-disabled-bg: #eff2f5;
    --kt-input-disabled-border-color: #e4e6ef;
    --kt-input-group-addon-bg: #f5f8fa;
    --kt-input-group-addon-border-color: #e4e6ef;
    --kt-form-select-bg: #ffffff;
    --kt-form-select-border-color: #e4e6ef;
    --kt-form-select-disabled-bg: #eff2f5;
    --kt-form-select-disabled-border-color: #e4e6ef;
    --bs-primary: #198754;
    --bs-primary-rgb: 25, 135, 84;
    --bs-primary-active: #146c43;
    --bs-primary-light: #d1e7dd;
    --bs-primary-inverse: #ffffff;
    --bs-primary-bg-subtle: #d1e7dd;
    --bs-primary-border-subtle: #a3cfbb;
    --bs-primary-text-emphasis: #0a3622;
    --bs-primary-clarity: rgba(25, 135, 84, 0.2);
    --bs-text-primary: #198754;
    --bs-component-active-bg: #198754;
    --bs-component-hover-color: #198754;
    --bs-component-checked-bg: #198754;
    --bs-menu-link-color-hover: #198754;
    --bs-menu-link-color-show: #198754;
    --bs-menu-link-color-here: #198754;
    --bs-menu-link-color-active: #198754;
    --bs-form-check-input-checked-bg-color: #198754;
    --bs-form-check-input-checked-border-color: #198754;
    --bs-nav-pills-link-active-bg: #198754;
    --bs-dropdown-link-active-bg: #198754;
    --bs-pagination-focus-color: #198754;
    --bs-pagination-hover-color: #198754;
    --bs-pagination-active-bg: #198754;
    --bs-accordion-button-active-color: #198754;
    --bs-accordion-icon-active-color: #198754;
    --bs-list-group-active-bg: #198754;
    --bs-list-group-active-border-color: #198754;
    --bs-scrolltop-bg-color: #198754;
    --bs-scrolltop-bg-color-hover: #146c43;
    --bs-link-color: #198754;
    --bs-link-color-rgb: 25, 135, 84;
    --bs-link-hover-color: #0f5132;
    --bs-link-hover-color-rgb: 15, 81, 50;
    --bs-info: #20a268;
    --bs-info-rgb: 32, 162, 104;
    --bs-info-active: #198754;
    --bs-info-light: #e8f5ee;
    --kt-primary: #198754;
    --kt-primary-rgb: 25, 135, 84;
    --kt-primary-active: #146c43;
    --kt-primary-light: #d1e7dd;
    --kt-primary-inverse: #ffffff;
    --kt-text-primary: #198754;
    --kt-link-color: #198754;
    --kt-component-active-bg: #198754;
    --kt-component-hover-color: #198754;
    --kt-component-checked-bg: #198754;
    --kt-btn-link-color: #198754;
    --kt-form-check-input-checked-bg-color: #198754;
    --kt-form-check-input-checked-bg-color-solid: #198754;
    --kt-form-check-input-checked-border-color: #198754;
    --kt-form-check-input-indeterminate-bg-color: #198754;
    --kt-form-check-input-indeterminate-border-color: #198754;
    --kt-nav-pills-link-active-bg: #198754;
    --kt-dropdown-link-active-bg: #198754;
    --kt-pagination-focus-color: #198754;
    --kt-pagination-hover-color: #198754;
    --kt-pagination-active-bg: #198754;
    --kt-accordion-button-active-color: #198754;
    --kt-accordion-icon-active-color: #198754;
    --kt-list-group-active-bg: #198754;
    --kt-list-group-active-border-colorg: #198754;
    --kt-breadcrumb-active-color: #198754;
    --kt-scrolltop-bg-color: #198754;
    --kt-scrolltop-bg-color-hover: #146c43;
    --kt-menu-link-color-hover: #198754;
    --kt-menu-link-color-show: #198754;
    --kt-menu-link-color-here: #198754;
    --kt-menu-link-color-active: #198754;
    --kt-ribbon-label-bg: #198754;
}

[data-theme="dark"] {
    --itr-field-bg: #1b1b29;
    --itr-field-bg-focus: #1f1f2f;
    --itr-field-bg-disabled: #2b2b40;
    --itr-field-border: #323248;
    --itr-table-border: #2b2b40;
    --itr-table-text: #ffffff;
    --bs-gray-100: #1b1b29;
    --bs-gray-200: #2b2b40;
    --bs-gray-300: #323248;
    --bs-border-color: #2b2b40;
    --bs-table-border-color: #2b2b40;
    --kt-gray-100: #1b1b29;
    --kt-gray-200: #2b2b40;
    --kt-gray-300: #323248;
    --kt-border-color: #2b2b40;
    --kt-border-dashed-color: #323248;
    --kt-table-border-color: #2b2b40;
    --kt-input-bg: #1e1e2d;
    --kt-input-focus-bg: #1e1e2d;
    --kt-input-solid-bg: #1b1b29;
    --kt-input-solid-bg-focus: #1f1f2f;
    --kt-input-border-color: #323248;
    --kt-input-disabled-bg: #2b2b40;
    --kt-input-disabled-border-color: #323248;
    --kt-input-group-addon-bg: #1b1b29;
    --kt-input-group-addon-border-color: #323248;
    --kt-form-select-bg: #1e1e2d;
    --kt-form-select-border-color: #323248;
    --kt-form-select-disabled-bg: #2b2b40;
    --kt-form-select-disabled-border-color: #323248;
    --bs-primary: #4fb17b;
    --bs-primary-rgb: 79, 177, 123;
    --bs-primary-active: #75b798;
    --bs-primary-light: #132d21;
    --bs-primary-bg-subtle: #10281e;
    --bs-primary-border-subtle: #1e6844;
    --bs-primary-text-emphasis: #8fd0aa;
    --bs-text-primary: #75b798;
    --bs-link-color: #75b798;
    --bs-link-color-rgb: 117, 183, 152;
    --bs-link-hover-color: #8fd0aa;
    --bs-link-hover-color-rgb: 143, 208, 170;
    --bs-info: #5fbd88;
    --bs-info-rgb: 95, 189, 136;
    --bs-info-active: #75b798;
    --bs-info-light: #132d21;
    --kt-primary: #4fb17b;
    --kt-primary-rgb: 79, 177, 123;
    --kt-primary-active: #75b798;
    --kt-primary-light: #132d21;
    --kt-text-primary: #75b798;
}

a,
.link-primary,
.text-primary,
.text-hover-primary:hover,
.menu-state-color .menu-item .menu-link:hover:not(.disabled):not(.active),
.menu-state-color .menu-item.hover > .menu-link:not(.disabled):not(.active) {
    color: var(--itr-green) !important;
}

a:hover,
.link-primary:hover {
    color: var(--itr-green-dark) !important;
}

.btn.btn-primary,
.btn-primary,
.btn.btn-primary.disabled,
.btn.btn-primary:disabled {
    color: #fff;
    background-color: var(--itr-green) !important;
    border-color: var(--itr-green) !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.show > .btn.btn-primary.dropdown-toggle,
.btn-check:checked + .btn.btn-primary {
    color: #fff;
    background-color: var(--itr-green-active) !important;
    border-color: var(--itr-green-active) !important;
}

.btn.btn-light-primary,
.btn-light-primary,
.badge-light-primary,
.symbol-label.bg-light-primary,
.bg-light-primary {
    color: var(--itr-green-dark) !important;
    background-color: var(--itr-green-subtle) !important;
    border-color: transparent !important;
}

.btn.btn-light-primary:hover,
.btn.btn-light-primary:focus,
.btn.btn-light-primary:active,
.btn.btn-light-primary.active,
.btn.btn-active-primary.active,
.btn.btn-active-primary:hover {
    color: #fff !important;
    background-color: var(--itr-green) !important;
    border-color: var(--itr-green) !important;
}

.btn.btn-info,
.btn-info {
    color: #fff;
    background-color: var(--itr-green-medium) !important;
    border-color: var(--itr-green-medium) !important;
}

.text-info { color: var(--itr-green-medium) !important; }
.bg-info { background-color: var(--itr-green-medium) !important; }
.badge-light-info,
.bg-light-info {
    color: var(--itr-green-dark) !important;
    background-color: #e8f5ee !important;
}

/* Match LINEŠA form surfaces exactly; green is reserved for actions and state. */
.form-control:not(.form-control-solid),
.form-select:not(.form-select-solid),
textarea.form-control:not(.form-control-solid),
.select2-container--bootstrap5 .select2-selection:not(.form-select-solid),
.select2-container .select2-selection:not(.form-select-solid) {
    background-color: var(--kt-input-bg) !important;
    border-color: var(--itr-field-border) !important;
}

.form-control.form-control-solid,
.form-select.form-select-solid,
.select2-container--bootstrap5 .select2-selection.form-select-solid,
.select2-container .select2-selection.form-select-solid,
.flatpickr-input,
.datepicker-input {
    background-color: var(--itr-field-bg) !important;
    border-color: var(--itr-field-bg) !important;
}

.input-group-text {
    background-color: var(--bs-gray-100) !important;
    border-color: var(--itr-field-border) !important;
}

.form-control[type="file"]::file-selector-button,
.form-control[type="file"]::-webkit-file-upload-button {
    background-color: var(--itr-field-bg) !important;
    border-color: var(--itr-field-border) !important;
}

.dropdown.show > .form-control.form-control-solid,
.form-control.form-control-solid:active,
.form-control.form-control-solid.active,
.form-control.form-control-solid:focus,
.form-control.form-control-solid.focus,
.dropdown.show > .form-select.form-select-solid,
.form-select.form-select-solid:active,
.form-select.form-select-solid.active,
.form-select.form-select-solid:focus,
.form-select.form-select-solid.focus,
.select2-container--bootstrap5.select2-container--focus .form-select-solid,
.select2-container--bootstrap5.select2-container--open .form-select-solid,
.select2-container.select2-container--focus .form-select-solid,
.select2-container.select2-container--open .form-select-solid {
    background-color: var(--itr-field-bg-focus) !important;
    border-color: var(--itr-field-bg-focus) !important;
    box-shadow: none !important;
}

.form-control:disabled,
.form-control[readonly],
.form-select:disabled,
.select2-container--disabled .select2-selection {
    background-color: var(--itr-field-bg-disabled) !important;
    border-color: var(--itr-field-border) !important;
}

.select2-container--bootstrap5 .select2-search__field,
.select2-container .select2-search__field {
    background-color: transparent !important;
}

/* Keep every table grid neutral, including DataTables split headers/bodies. */
table,
.table,
.table-bordered,
table.dataTable,
.dataTables_scroll,
.dataTables_scrollHead,
.dataTables_scrollBody,
.dataTables_scrollFoot {
    border-color: var(--itr-table-border) !important;
}

.table > :not(caption) > * > *,
.table-bordered > :not(caption) > * > *,
table.dataTable th,
table.dataTable td,
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable tfoot th,
table.dataTable tfoot td,
.dataTables_scrollHead th,
.dataTables_scrollBody td,
.dataTables_scrollFoot th {
    border-color: var(--itr-table-border) !important;
}

.table > thead,
.table > tbody,
.table > tfoot,
table.dataTable > thead,
table.dataTable > tbody,
table.dataTable > tfoot {
    border-color: var(--itr-table-border) !important;
}

/* LINEŠA table content is near-black, not primary-colored. */
.table,
table.dataTable {
    --bs-table-color: var(--itr-table-text);
    --bs-table-striped-color: var(--itr-table-text);
    --bs-table-active-color: var(--itr-table-text);
    --bs-table-hover-color: var(--itr-table-text);
    color: var(--itr-table-text) !important;
}

.table > tbody > tr > th,
.table > tbody > tr > td,
table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr > td {
    color: var(--itr-table-text) !important;
}

.form-control:not(.form-control-solid):focus,
.form-select:not(.form-select-solid):focus,
.select2-container--bootstrap5.select2-container--focus .form-select:not(.form-select-solid):not(.form-select-transparent),
.select2-container--bootstrap5.select2-container--open .form-select:not(.form-select-solid):not(.form-select-transparent) {
    background-color: var(--kt-input-focus-bg) !important;
    border-color: var(--kt-input-focus-border-color) !important;
    box-shadow: none !important;
}

/* Keep table-header filters identical to the LINEŠA module. */
.svietimo-filter-row .form-control,
.svietimo-filter-row .form-select,
.svietimo-filter-row .select2-container .select2-selection--single,
.svietimo-filter-row .select2-container .select2-selection--multiple {
    background-color: var(--itr-field-bg) !important;
    border-color: var(--itr-field-bg) !important;
    box-shadow: none !important;
}

.svietimo-filter-row .form-control:focus,
.svietimo-filter-row .form-select:focus,
.svietimo-filter-row .select2-container--focus .select2-selection,
.svietimo-filter-row .select2-container--open .select2-selection {
    background-color: var(--itr-field-bg-focus) !important;
    border-color: var(--itr-field-bg-focus) !important;
}

.svietimo-advanced-date-range .input-group-text {
    background-color: var(--itr-field-bg) !important;
    border: 0 !important;
}

.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
    background-color: var(--itr-green) !important;
    border-color: var(--itr-green) !important;
}

.page-item.active .page-link,
.pagination .page-item.active > .page-link,
.dataTables_wrapper .dataTables_paginate .pagination .page-item.active > .page-link {
    color: #fff !important;
    background-color: var(--itr-green) !important;
    border-color: var(--itr-green) !important;
}

.page-link,
.pagination .page-link {
    color: var(--itr-green-dark);
}

.select2-container--bootstrap5 .select2-results__option--highlighted,
.select2-container--bootstrap5 .select2-results__option[aria-selected="true"] {
    color: var(--itr-green-dark) !important;
    background-color: var(--itr-green-light) !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover {
    color: #fff !important;
    background: var(--itr-green) !important;
}

.app-sidebar {
    background: linear-gradient(180deg, #0f5132 0%, #06291f 100%) !important;
}

.app-sidebar .menu-item .menu-link.active,
.app-sidebar .menu-item .menu-link:hover {
    background-color: rgba(117, 183, 152, 0.2) !important;
}

.app-sidebar .menu-item .menu-link.active .menu-title,
.app-sidebar .menu-item .menu-link.active .menu-icon,
.app-sidebar .menu-item .menu-link:hover .menu-title,
.app-sidebar .menu-item .menu-link:hover .menu-icon {
    color: #fff !important;
}

.swal2-styled.swal2-confirm,
.toast-success {
    background-color: var(--itr-green) !important;
}

.svietimo-stat-bar {
    background: var(--itr-green) !important;
}

.leaflet-container a,
.leaflet-control a {
    color: var(--itr-green-dark) !important;
}
