/* Tema e erret (dark mode).
   Aktivizohet me <html data-theme="dark">, qe vendoset nga _ThemeHead.cshtml dhe butoni _ThemeToggle.cshtml.
   Site.css dhe tables.css i perdorin ngjyrat si var(--dm-*, <ngjyra e temes se ndritshme>),
   prandaj ketu mjafton te percaktohen variablat --dm-*; pjesa tjeter mbulon Bootstrap 3 dhe Kendo. */

html[data-theme="dark"] {
    color-scheme: dark;
    --dm-page: #0f1420;
    --dm-surface: #171d2b;
    --dm-surface-2: #1e2536;
    --dm-surface-3: #283043;
    --dm-line: #2c3548;
    --dm-line-strong: #3e4962;
    --dm-text: #e4e8f1;
    --dm-text-2: #b3bbcd;
    --dm-text-3: #8a93a9;
    --dm-brand: #23409a;
    --dm-brand-border: #5677d6;
    --dm-brand-text: #9db8ff;
    --dm-hover: rgba(157, 184, 255, .08);
}

/* Faqja */
html[data-theme="dark"] body {
    background: var(--dm-page);
    color: var(--dm-text);
}

html[data-theme="dark"] a {
    color: var(--dm-brand-text);
}

html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6,
html[data-theme="dark"] legend, html[data-theme="dark"] label {
    color: inherit;
}

html[data-theme="dark"] legend,
html[data-theme="dark"] hr {
    border-color: var(--dm-line);
}

html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .help-block {
    color: var(--dm-text-3);
}

html[data-theme="dark"] code,
html[data-theme="dark"] pre {
    background-color: var(--dm-surface-2);
    border-color: var(--dm-line);
    color: var(--dm-text);
}

/* Banner-i: sfond i erret me vija te erreta. Fotoja e dores fshihet dhe logoja (PNG) zevendesohet
   me banner-logo-dark.svg: vektoriale (e qarte), me trekendeshat dhe tekstin ne te kalter te lehte. */
html[data-theme="dark"] .edi-banner {
    background: var(--dm-page) url("images/banner-lines-dark.svg") 0 0 / 100% 100% no-repeat;
    border-bottom: 1px solid var(--dm-line);
}

    html[data-theme="dark"] .edi-banner:before {
        right: auto;
        width: auto;
        aspect-ratio: 740 / 255;
        background: url("images/banner-logo-dark.svg?v=3") left top / contain no-repeat;
        -webkit-mask-image: none;
        mask-image: none;
    }

    html[data-theme="dark"] .edi-banner > img.img-responsive {
        visibility: hidden;
    }
/* Navbar: stilet jane ne Site.css dhe perdorin variablat --dm-*, ketu nuk duhet asgje shtese */

/* Dropdown */
html[data-theme="dark"] .dropdown-menu {
    background-color: var(--dm-surface);
    border-color: var(--dm-line-strong);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
}

    html[data-theme="dark"] .dropdown-menu > li > a {
        color: var(--dm-text);
    }

        html[data-theme="dark"] .dropdown-menu > li > a:hover,
        html[data-theme="dark"] .dropdown-menu > li > a:focus {
            color: #fff;
            background-color: var(--dm-surface-3);
        }

    html[data-theme="dark"] .dropdown-menu .divider {
        background-color: var(--dm-line);
    }

    html[data-theme="dark"] .dropdown-menu > .disabled > a {
        color: var(--dm-text-3);
    }

@media (max-width: 767px) {
    html[data-theme="dark"] .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: var(--dm-text-2);
    }
}

/* Forma */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    background-color: var(--dm-surface-2);
    border-color: var(--dm-line-strong);
    color: var(--dm-text);
}

    html[data-theme="dark"] .form-control:focus {
        border-color: var(--dm-brand-border);
        box-shadow: 0 0 0 3px rgba(86, 119, 214, .25);
    }

    html[data-theme="dark"] .form-control::placeholder,
    html[data-theme="dark"] input::placeholder,
    html[data-theme="dark"] textarea::placeholder {
        color: var(--dm-text-3);
    }

    html[data-theme="dark"] .form-control[disabled],
    html[data-theme="dark"] .form-control[readonly],
    html[data-theme="dark"] fieldset[disabled] .form-control {
        background-color: var(--dm-surface-3);
        color: var(--dm-text-2);
    }

html[data-theme="dark"] .input-group-addon {
    background-color: var(--dm-surface-3);
    border-color: var(--dm-line-strong);
    color: var(--dm-text-2);
}

/* Butonat */
html[data-theme="dark"] .btn-default {
    background-color: var(--dm-surface-2);
    border-color: var(--dm-line-strong);
    color: var(--dm-text);
}

    html[data-theme="dark"] .btn-default:hover,
    html[data-theme="dark"] .btn-default:focus,
    html[data-theme="dark"] .btn-default:active,
    html[data-theme="dark"] .btn-default.active,
    html[data-theme="dark"] .open > .dropdown-toggle.btn-default {
        background-color: var(--dm-surface-3);
        border-color: var(--dm-line-strong);
        color: #fff;
    }

html[data-theme="dark"] .btn-link {
    color: var(--dm-brand-text);
}

html[data-theme="dark"] .close {
    color: var(--dm-text);
    text-shadow: none;
    opacity: .6;
}

/* Panel, well, list-group, modal */
html[data-theme="dark"] .panel,
html[data-theme="dark"] .well,
html[data-theme="dark"] .thumbnail,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .popover {
    background-color: var(--dm-surface);
    border-color: var(--dm-line);
    color: var(--dm-text);
}

html[data-theme="dark"] .panel-default > .panel-heading,
html[data-theme="dark"] .panel-footer {
    background-color: var(--dm-surface-2);
    border-color: var(--dm-line);
    color: var(--dm-text);
}

html[data-theme="dark"] .panel-default {
    border-color: var(--dm-line);
}

html[data-theme="dark"] a.list-group-item:hover,
html[data-theme="dark"] a.list-group-item:focus {
    background-color: var(--dm-surface-2);
}

html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
    border-color: var(--dm-line);
}

html[data-theme="dark"] .modal-backdrop.in {
    opacity: .7;
}

html[data-theme="dark"] .popover-title {
    background-color: var(--dm-surface-2);
    border-color: var(--dm-line);
}

/* Tabelat (Bootstrap) */
html[data-theme="dark"] .table {
    color: var(--dm-text);
}

    html[data-theme="dark"] .table > thead > tr > th,
    html[data-theme="dark"] .table > tbody > tr > th,
    html[data-theme="dark"] .table > tfoot > tr > th,
    html[data-theme="dark"] .table > thead > tr > td,
    html[data-theme="dark"] .table > tbody > tr > td,
    html[data-theme="dark"] .table > tfoot > tr > td,
    html[data-theme="dark"] .table-bordered {
        border-color: var(--dm-line);
    }

html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd),
html[data-theme="dark"] .table-striped > tbody > tr:nth-child(odd) > td,
html[data-theme="dark"] .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: var(--dm-surface-2);
}

html[data-theme="dark"] .table-hover > tbody > tr:hover,
html[data-theme="dark"] .table-hover > tbody > tr:hover > td,
html[data-theme="dark"] .table > tbody > tr.active > td {
    background-color: var(--dm-surface-3);
}

/* Navigimi: tabs, pills, pagination, breadcrumb */
html[data-theme="dark"] .nav-tabs {
    border-color: var(--dm-line);
}

    html[data-theme="dark"] .nav-tabs > li > a:hover {
        background-color: var(--dm-surface-2);
        border-color: var(--dm-line);
    }

    html[data-theme="dark"] .nav-tabs > li.active > a,
    html[data-theme="dark"] .nav-tabs > li.active > a:hover,
    html[data-theme="dark"] .nav-tabs > li.active > a:focus {
        background-color: var(--dm-surface);
        border-color: var(--dm-line) var(--dm-line) transparent;
        color: var(--dm-text);
    }

html[data-theme="dark"] .nav > li > a:hover,
html[data-theme="dark"] .nav > li > a:focus {
    background-color: var(--dm-hover);
}

html[data-theme="dark"] .pagination > li > a,
html[data-theme="dark"] .pagination > li > span,
html[data-theme="dark"] .pager li > a,
html[data-theme="dark"] .pager li > span {
    background-color: var(--dm-surface);
    border-color: var(--dm-line);
    color: var(--dm-brand-text);
}

    html[data-theme="dark"] .pagination > li > a:hover,
    html[data-theme="dark"] .pagination > li > span:hover {
        background-color: var(--dm-surface-2);
        border-color: var(--dm-line-strong);
    }

html[data-theme="dark"] .pagination > .active > a,
html[data-theme="dark"] .pagination > .active > span,
html[data-theme="dark"] .pagination > .active > a:hover,
html[data-theme="dark"] .pagination > .active > span:hover {
    background-color: var(--dm-brand);
    border-color: var(--dm-brand-border);
    color: #fff;
}

html[data-theme="dark"] .pagination > .disabled > a,
html[data-theme="dark"] .pagination > .disabled > span {
    background-color: var(--dm-surface);
    border-color: var(--dm-line);
    color: var(--dm-text-3);
}

html[data-theme="dark"] .breadcrumb {
    background-color: var(--dm-surface-2);
}

/* Njoftimet: ngjyrat e statusit mbeten, por mbi sfond te erret */
html[data-theme="dark"] .alert-success {
    background-color: #12301f;
    border-color: #1f5a37;
    color: #9fe0b8;
}

html[data-theme="dark"] .alert-info {
    background-color: #12283d;
    border-color: #1f4a6e;
    color: #9fcdf0;
}

html[data-theme="dark"] .alert-warning {
    background-color: #33270f;
    border-color: #6b521c;
    color: #f0d290;
}

html[data-theme="dark"] .alert-danger {
    background-color: #3a1715;
    border-color: #6e2a25;
    color: #f4aba4;
}

html[data-theme="dark"] .alert .alert-link {
    color: inherit;
}

html[data-theme="dark"] .text-danger { color: #f08a80; }
html[data-theme="dark"] .text-success { color: #7fd3a1; }
html[data-theme="dark"] .text-warning { color: #f0c46a; }
html[data-theme="dark"] .text-info { color: #8cc4ef; }
html[data-theme="dark"] .text-primary { color: var(--dm-brand-text); }

html[data-theme="dark"] .has-error .help-block,
html[data-theme="dark"] .field-validation-error {
    color: #f08a80;
}

/* Faqja kryesore (profili) perdor variablat e veta --hp-* */
html[data-theme="dark"] .hp {
    --hp-navy: var(--dm-brand-text);
    --hp-navy-2: #b9cbff;
    --hp-ink: var(--dm-text);
    --hp-muted: var(--dm-text-2);
    --hp-faint: var(--dm-text-3);
    --hp-line: var(--dm-line);
    --hp-line-soft: var(--dm-line);
    --hp-surface: var(--dm-surface-2);
}

html[data-theme="dark"] .hp .hp-hero {
    background-color: var(--hero-from);
    background-image: linear-gradient(135deg, var(--hero-from) 0%, var(--hero-to) 100%);
}

/* Kendo UI (tema default) */
html[data-theme="dark"] .k-widget,
html[data-theme="dark"] .k-grid,
html[data-theme="dark"] .k-grid-content,
html[data-theme="dark"] .k-grid-content-locked,
html[data-theme="dark"] .k-popup,
html[data-theme="dark"] .k-list-container,
html[data-theme="dark"] .k-window,
html[data-theme="dark"] .k-calendar,
html[data-theme="dark"] .k-menu .k-menu-group,
html[data-theme="dark"] .k-tabstrip .k-content {
    background-color: var(--dm-surface);
    border-color: var(--dm-line);
    color: var(--dm-text);
}

html[data-theme="dark"] .k-header,
html[data-theme="dark"] .k-grid-header,
html[data-theme="dark"] .k-grid-header-wrap,
html[data-theme="dark"] .k-grid-toolbar,
html[data-theme="dark"] .k-grouping-header,
html[data-theme="dark"] .k-pager-wrap,
html[data-theme="dark"] .k-window-titlebar,
html[data-theme="dark"] .k-grid-footer,
html[data-theme="dark"] .k-footer-template td {
    background-color: var(--dm-surface-2);
    background-image: none;
    border-color: var(--dm-line);
    color: var(--dm-text);
}

html[data-theme="dark"] .k-grid td,
html[data-theme="dark"] .k-grid th,
html[data-theme="dark"] .k-grid-header th.k-header,
html[data-theme="dark"] .k-filter-row th {
    border-color: var(--dm-line);
}

html[data-theme="dark"] .k-grid-header th.k-header,
html[data-theme="dark"] .k-grid-header th.k-header > .k-link,
html[data-theme="dark"] .k-pager-wrap .k-link,
html[data-theme="dark"] .k-pager-info {
    color: var(--dm-text);
}

html[data-theme="dark"] .k-alt,
html[data-theme="dark"] .k-grid tr.k-alt {
    background-color: var(--dm-surface-2);
}

html[data-theme="dark"] .k-grid tr:hover,
html[data-theme="dark"] .k-state-hover,
html[data-theme="dark"] .k-state-hover:hover,
html[data-theme="dark"] .k-list > .k-item.k-state-hover,
html[data-theme="dark"] .k-calendar td.k-state-hover {
    background-color: var(--dm-surface-3);
    background-image: none;
    border-color: var(--dm-line-strong);
    color: var(--dm-text);
}

html[data-theme="dark"] .k-state-selected,
html[data-theme="dark"] .k-grid tr.k-state-selected,
html[data-theme="dark"] .k-list > .k-state-selected,
html[data-theme="dark"] .k-pager-numbers .k-state-selected,
html[data-theme="dark"] .k-calendar td.k-state-selected {
    background-color: var(--dm-brand);
    background-image: none;
    border-color: var(--dm-brand-border);
    color: #fff;
}

html[data-theme="dark"] .k-state-focused,
html[data-theme="dark"] .k-list > .k-state-focused {
    box-shadow: inset 0 0 0 1px var(--dm-brand-border);
}

html[data-theme="dark"] .k-textbox,
html[data-theme="dark"] .k-input,
html[data-theme="dark"] .k-autocomplete,
html[data-theme="dark"] .k-dropdown-wrap,
html[data-theme="dark"] .k-picker-wrap,
html[data-theme="dark"] .k-numeric-wrap,
html[data-theme="dark"] .k-dropdown-wrap .k-input,
html[data-theme="dark"] .k-picker-wrap .k-input,
html[data-theme="dark"] .k-numeric-wrap .k-input,
html[data-theme="dark"] .k-multiselect-wrap {
    background-color: var(--dm-surface-2);
    background-image: none;
    border-color: var(--dm-line-strong);
    color: var(--dm-text);
}

html[data-theme="dark"] .k-select,
html[data-theme="dark"] .k-button {
    background-color: var(--dm-surface-3);
    background-image: none;
    border-color: var(--dm-line-strong);
    color: var(--dm-text);
}

    html[data-theme="dark"] .k-button:hover {
        background-color: var(--dm-line-strong);
        color: #fff;
    }

html[data-theme="dark"] .k-primary,
html[data-theme="dark"] .k-button.k-primary {
    background-color: var(--dm-brand);
    border-color: var(--dm-brand-border);
    color: #fff;
}

html[data-theme="dark"] .k-list .k-item,
html[data-theme="dark"] .k-calendar .k-link,
html[data-theme="dark"] .k-calendar .k-header .k-link {
    color: var(--dm-text);
}

html[data-theme="dark"] .k-calendar .k-other-month .k-link,
html[data-theme="dark"] .k-state-disabled {
    color: var(--dm-text-3);
}

/* Ikonat e Kendo jane sprite te erreta: i ndricojme */
html[data-theme="dark"] .k-icon,
html[data-theme="dark"] .k-i-arrow-s,
html[data-theme="dark"] .k-i-calendar,
html[data-theme="dark"] .k-i-filter {
    filter: invert(.85);
}

html[data-theme="dark"] .k-loading-mask .k-loading-color {
    background-color: var(--dm-page);
}

html[data-theme="dark"] .k-tooltip {
    background-color: var(--dm-surface-3);
    border-color: var(--dm-line-strong);
    color: var(--dm-text);
}

/* Select2 */
html[data-theme="dark"] .select2-container--default .select2-selection--single,
html[data-theme="dark"] .select2-container--default .select2-selection--multiple,
html[data-theme="dark"] .select2-dropdown,
html[data-theme="dark"] .select2-search__field {
    background-color: var(--dm-surface-2);
    border-color: var(--dm-line-strong);
    color: var(--dm-text);
}

html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dm-text);
}

html[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--dm-surface-3);
}

html[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--dm-brand);
    color: #fff;
}

/* Butoni i temes: ne navbar (ekrane te medha) dhe ne koken e navbar-it prane butonit te menyse (celular) */
.theme-toggle {
    padding: 0;
    border: 1px solid transparent;
    background: transparent;
    color: var(--dm-text-2, #4b5470);
    line-height: 0;
    cursor: pointer;
}

    .theme-toggle:hover,
    .theme-toggle:focus-visible {
        border-color: var(--dm-line-strong, #c3cbdd);
        color: var(--dm-brand-text, #041c64);
        outline: none;
    }

    .theme-toggle .theme-icon-sun {
        display: none;
    }

html[data-theme="dark"] .theme-toggle .theme-icon-sun {
    display: inline-block;
}

html[data-theme="dark"] .theme-toggle .theme-icon-moon {
    display: none;
}

/* Butoni i temes: hover identik me lidhjet e menyse (ngjyra e brendit + vije gri 3px poshte) */
.theme-toggle-item > .theme-toggle,
.navbar-header > .theme-toggle-mobile {
    position: relative;
    border: 0;
    border-radius: 0;
    color: var(--dm-text-2, #4b5470);
    transition: color .15s;
}

    .theme-toggle-item > .theme-toggle:after,
    .navbar-header > .theme-toggle-mobile:after {
        content: "";
        position: absolute;
        right: 6px;
        bottom: 0;
        left: 6px;
        height: 3px;
        border-radius: 3px 3px 0 0;
        background: transparent;
        transition: background-color .15s;
    }

    .theme-toggle-item > .theme-toggle:hover,
    .theme-toggle-item > .theme-toggle:focus-visible,
    .navbar-header > .theme-toggle-mobile:hover,
    .navbar-header > .theme-toggle-mobile:focus-visible {
        background: transparent;
        color: var(--dm-brand-text, #041c64);
    }

        .theme-toggle-item > .theme-toggle:hover:after,
        .navbar-header > .theme-toggle-mobile:hover:after {
            background: var(--dm-line-strong, #c3cbdd);
        }

/* Desktop: lartesia e plote e navbar-it, qe vija te bjere aty ku bie edhe te menyja */
.theme-toggle-item > .theme-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 54px;
    margin: 0 8px;
}

/* Celular: majtas butonit te menyse */
.navbar-header > .theme-toggle-mobile {
    float: right;
    width: 40px;
    height: 34px;
    margin: 10px 8px 0 0;
    text-align: center;
}

/* Paginimi: numrat, "rreshta per faqe" dhe shigjetat ne te njejten ngjyre te arte */
html[data-theme="dark"] {
    --dm-gold: #d4ac64;
}

html[data-theme="dark"] .k-pager-wrap > .k-link,
html[data-theme="dark"] .k-pager-wrap .k-pager-numbers > li > .k-link,
html[data-theme="dark"] .k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-input,
html[data-theme="dark"] .k-pager-wrap .k-pager-sizes > select {
    color: var(--dm-gold) !important;
}

html[data-theme="dark"] .k-pager-wrap .k-icon.k-i-seek-w,
html[data-theme="dark"] .k-pager-wrap .k-icon.k-i-arrow-w,
html[data-theme="dark"] .k-pager-wrap .k-icon.k-i-arrow-e,
html[data-theme="dark"] .k-pager-wrap .k-icon.k-i-seek-e,
html[data-theme="dark"] .k-pager-wrap .k-pager-sizes .k-icon.k-i-arrow-s {
    filter: none;
}

html[data-theme="dark"] .k-pager-wrap .k-icon.k-i-seek-w {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23d4ac64' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 4 4.5 8l4 4M12.5 4l-4 4 4 4'/%3E%3C/svg%3E") !important;
}

html[data-theme="dark"] .k-pager-wrap .k-icon.k-i-arrow-w {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23d4ac64' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4 6 8l4 4'/%3E%3C/svg%3E") !important;
}

html[data-theme="dark"] .k-pager-wrap .k-icon.k-i-arrow-e {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23d4ac64' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4l4 4-4 4'/%3E%3C/svg%3E") !important;
}

html[data-theme="dark"] .k-pager-wrap .k-icon.k-i-seek-e {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23d4ac64' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 4l4 4-4 4M7.5 4l4 4-4 4'/%3E%3C/svg%3E") !important;
}

html[data-theme="dark"] .k-pager-wrap .k-pager-sizes .k-icon.k-i-arrow-s {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23d4ac64' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") !important;
}

html[data-theme="dark"] .k-pager-wrap .k-pager-sizes > select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23d4ac64' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") !important;
}

/* Dropdown-at (select.form-control dhe edi-select): teksti dhe shigjeta ne ngjyre te arte, si paginimi */
html[data-theme="dark"] .body-content select.form-control:not([multiple]),
html[data-theme="dark"] .edi-select-toggle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath d=%27M1 1.5l5 5 5-5%27 fill=%27none%27 stroke=%27%23d4ac64%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    color: var(--dm-gold);
}

/* Shiritat e levizjes (p.sh. ne grid-et Kendo) */
html[data-theme="dark"] * {
    scrollbar-color: var(--dm-line-strong) var(--dm-surface);
}

/* Numri i hapit ne kartela (step-badge): rreth i arte me numer te erret, qe te dallohet mbi sfondin e erret */
html[data-theme="dark"] .form-page .section-card-header .step-badge,
html[data-theme="dark"] .form-pro .section-card-header .step-badge {
    background: var(--dm-gold);
    color: var(--dm-page);
    box-shadow: none;
}

/* Fuel UX wizard (p.sh. deshmite sipas KKRF-se) */
html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard {
    background-color: var(--dm-surface);
    border-color: var(--dm-line);
    color: var(--dm-text);
}

    html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard .step-content {
        border-top-color: var(--dm-line);
        background-color: var(--dm-surface);
        color: var(--dm-text);
    }

    html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .actions {
        background-color: var(--dm-surface-2);
        border-left-color: var(--dm-line);
    }

    html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li {
        background: var(--dm-surface-2);
        color: var(--dm-text-3);
    }

        html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li .chevron {
            border-left-color: var(--dm-line-strong);
        }

            html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li .chevron:before {
                border-left-color: var(--dm-surface-2);
            }

        html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li.complete,
        html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li.incomplete {
            background: var(--dm-surface-2);
        }

            html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li.complete .chevron:before,
            html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li.incomplete .chevron:before {
                border-left-color: var(--dm-surface-2);
            }

        html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li.complete:hover,
        html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li.incomplete:hover {
            background: var(--dm-surface-3);
        }

            html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li.complete:hover .chevron:before,
            html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li.incomplete:hover .chevron:before {
                border-left-color: var(--dm-surface-3);
            }

        html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li.active {
            background: var(--dm-surface-3);
            color: var(--dm-gold);
        }

            html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li.active .chevron:before {
                border-left-color: var(--dm-surface-3);
            }

            html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li.active .badge {
                background-color: var(--dm-gold);
                color: var(--dm-page);
            }

        html[data-theme="dark"] .fuelux:not(.kfrc-disclosures) .wizard > .steps li .badge {
            background-color: var(--dm-line-strong);
            color: var(--dm-text);
        }

/* KKRF: verejtja per ngarkimin e shpalosjes */
html[data-theme="dark"] .kfrc-disclosures .kfrc-upload-note {
    background-color: #3a1715;
    border-color: #6e2a25;
    border-left-color: #e0645a;
    color: #f4aba4;
}

/* KKRF: radio-t dhe checkbox-i ne ngjyre te arte ne temen e erret */
html[data-theme="dark"] .fuelux.kfrc-disclosures .kfrc-radio input[type=radio] {
    border-color: var(--dm-gold);
}

    html[data-theme="dark"] .fuelux.kfrc-disclosures .kfrc-radio input[type=radio]:checked {
        border-color: var(--dm-gold);
        box-shadow: inset 0 0 0 3px var(--dm-surface), inset 0 0 0 9px var(--dm-gold);
    }

html[data-theme="dark"] .fuelux.kfrc-disclosures .kfrc-radio:has(input:checked) {
    border-color: var(--dm-gold);
    color: var(--dm-gold);
}

html[data-theme="dark"] .fuelux.kfrc-disclosures .kfrc-change-toggle input[type=checkbox] {
    border-color: var(--dm-gold);
}

    html[data-theme="dark"] .fuelux.kfrc-disclosures .kfrc-change-toggle input[type=checkbox]:checked {
        border-color: var(--dm-gold);
        background-color: var(--dm-gold);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%230f1420' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.2 5 8.6l4.5-5'/%3E%3C/svg%3E");
    }

/* Fushat e llogaritura te deklaratave (.kalkuluar, te verdha ne temen e ndritshme) */
html[data-theme="dark"] .kalkuluar,
html[data-theme="dark"] .form-control.kalkuluar {
    background-color: rgba(212, 172, 100, .12) !important;
    border-color: rgba(212, 172, 100, .45) !important;
    color: var(--dm-gold) !important;
    font-weight: 600;
}

    html[data-theme="dark"] .kalkuluar::placeholder {
        color: rgba(212, 172, 100, .6);
    }

/* Checkbox-at dhe radio-t ne te gjitha faqet: te arta ne temen e erret */
html[data-theme="dark"] .body-content input[type=checkbox]:not(.k-checkbox),
html[data-theme="dark"] .body-content input[type=radio]:not(.k-radio) {
    border-color: var(--dm-gold);
}

    html[data-theme="dark"] .body-content input[type=checkbox]:not(.k-checkbox):checked {
        border-color: var(--dm-gold);
        background-color: var(--dm-gold);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%230f1420' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.2 5 8.6l4.5-5'/%3E%3C/svg%3E");
    }

    html[data-theme="dark"] .body-content input[type=radio]:not(.k-radio):checked {
        border-color: var(--dm-gold);
        box-shadow: inset 0 0 0 3px var(--dm-surface), inset 0 0 0 9px var(--dm-gold);
    }

    html[data-theme="dark"] .body-content input[type=checkbox]:not(.k-checkbox):focus-visible,
    html[data-theme="dark"] .body-content input[type=radio]:not(.k-radio):focus-visible {
        outline-color: var(--dm-gold);
    }

/* Loaderat ne temen e erret: Kendo (grid-et), angular-busy (deklarimi) dhe "Ju lutem prisni" */
@keyframes dm-spin {
    to {
        transform: rotate(360deg);
    }
}

html[data-theme="dark"] .k-loading-mask .k-loading-color {
    background-color: var(--dm-page);
    opacity: .6;
}

html[data-theme="dark"] .k-loading-mask .k-loading-image {
    background-image: none;
}

    html[data-theme="dark"] #please-wait .spinner:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 36px;
        height: 36px;
        margin: -18px 0 0 -18px;
        border: 3px solid rgba(212, 172, 100, .25);
        border-top-color: var(--dm-gold);
        border-radius: 50%;
        animation: dm-spin .8s linear infinite;
    }

html[data-theme="dark"] .cg-busy-backdrop {
    background-color: var(--dm-page);
}

html[data-theme="dark"] .cg-busy-default-sign {
    border-color: var(--dm-line-strong);
    background-color: var(--dm-surface-3);
    color: var(--dm-text);
    text-shadow: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .cg-busy-default-text {
    color: var(--dm-text);
    text-shadow: none;
}

html[data-theme="dark"] .cg-busy-default-spinner div {
    background: var(--dm-gold);
}

html[data-theme="dark"] #please-wait .spinner {
    padding-left: 0;
    padding-top: 78px;
    border-color: var(--dm-line-strong);
    background-image: none;
    color: var(--dm-text);
}

    html[data-theme="dark"] #please-wait .spinner:before {
        top: 22px;
        margin-top: 0;
    }

/* Butonat e arte (p.sh. "Paraqit Ankese te Re", "Krijo llogari bankare"): tekst blu i erret, i lexueshem mbi ar */
html[data-theme="dark"] .page-hero .btn-hero,
html[data-theme="dark"] .page-hero .btn-hero:hover,
html[data-theme="dark"] .page-hero .btn-hero:focus,
html[data-theme="dark"] .bk-btn-gold,
html[data-theme="dark"] .bk-btn-gold:hover,
html[data-theme="dark"] .bk-btn-gold:focus {
    color: #041c64;
}

/* Tooltip-at e Bootstrap-it ne temen e erret */
html[data-theme="dark"] .tooltip-inner {
    border: 1px solid var(--dm-line-strong);
    background-color: var(--dm-surface-3);
    color: var(--dm-text);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .tooltip.top .tooltip-arrow { border-top-color: var(--dm-line-strong); }
html[data-theme="dark"] .tooltip.bottom .tooltip-arrow { border-bottom-color: var(--dm-line-strong); }
html[data-theme="dark"] .tooltip.left .tooltip-arrow { border-left-color: var(--dm-line-strong); }
html[data-theme="dark"] .tooltip.right .tooltip-arrow { border-right-color: var(--dm-line-strong); }

/* Faqet e suksesit (SuccessOnDeclare) */
html[data-theme="dark"] .success-page .success-icon {
    background: rgba(30, 142, 78, .18);
    color: #7fd3a1;
}

/* WM/CM: butoni Anulo ne temen e erret */
html[data-theme="dark"] .fuelux.wizard-wmcm .wizard > .actions .btn-cancel {
    border-color: #6e2a25;
    background: transparent;
    color: #f08a80;
}

    html[data-theme="dark"] .fuelux.wizard-wmcm .wizard > .actions .btn-cancel:hover {
        background: #3a1715;
    }

/* WM/CM: butoni "Eksporto ne Excel" ne temen e erret */
html[data-theme="dark"] .k-grid .k-grid-toolbar .wmcm-export-excel {
    border-color: #4fb37a;
    background: transparent;
    color: #7fd3a1;
}

    html[data-theme="dark"] .k-grid .k-grid-toolbar .wmcm-export-excel svg path {
        fill: #7fd3a1;
    }

    html[data-theme="dark"] .k-grid .k-grid-toolbar .wmcm-export-excel:hover {
        background: #1f5a37;
        color: #fff;
    }

/* Faqja kryesore: ikonat e karteleve ne temen e erret */
html[data-theme="dark"] .hp .hp-card-icon {
    background: rgba(212, 172, 100, .14);
    color: var(--dm-gold);
}

/* Faqja kryesore: numeruesi, kodi i formes dhe njesia kryesore ne temen e erret */
html[data-theme="dark"] .hp .hp-section-count {
    background: rgba(212, 172, 100, .14);
    color: var(--dm-gold);
}

html[data-theme="dark"] .hp .units-table .unit-badge-main {
    background: rgba(212, 172, 100, .14);
    color: var(--dm-gold);
}

html[data-theme="dark"] .hp .units-table .unit-badge-active {
    background: rgba(30, 142, 78, .18);
    color: #7fd3a1;
}

/* Ankesat: njoftimi per afatin dhe butoni Anulo (i arte) ne temen e erret */
html[data-theme="dark"] .notice {
    background: rgba(243, 156, 18, .12);
    color: #f5c97a;
}

html[data-theme="dark"] .btn-cancel-gold,
html[data-theme="dark"] .btn-cancel-gold:hover,
html[data-theme="dark"] .btn-cancel-gold:focus {
    color: #041c64;
}
/* Kokat (hero) ne temen e erret: e njejta blu e bute, pak me e erret */
html[data-theme="dark"] {
    --hero-from: #142458;
    --hero-to: #223f86;
}

/* Ankesat: vendimi me ankese te perfunduar (etikete e gjelber) ne temen e erret */
html[data-theme="dark"] .disputed-closed-note {
    color: #7fd3a1;
}

/* Butonat me ikone ne tabela ne temen e erret */
html[data-theme="dark"] .k-grid .grid-icon-btn,
html[data-theme="dark"] .complaint-details .file-btn {
    background: rgba(157, 184, 255, .12);
    color: var(--dm-brand-text);
}

    html[data-theme="dark"] .k-grid .grid-icon-btn:hover,
    html[data-theme="dark"] .complaint-details .file-btn:hover {
        background: var(--dm-brand);
        color: #fff;
    }
/* Numri i hapit ne temen e erret: unaza e arte rreth rrethit */
html[data-theme="dark"] .form-page .section-card-header .step-badge,
html[data-theme="dark"] .form-pro .section-card-header .step-badge {
    box-shadow: 0 0 0 2px var(--dm-surface), 0 0 0 3.5px rgba(212, 172, 100, .55);
}

/* Butonat e arte ne kokat e faqeve: tekst i bardhe edhe ne temen e erret */
html[data-theme="dark"] .page-hero .btn-hero,
html[data-theme="dark"] .page-hero .btn-hero:hover,
html[data-theme="dark"] .page-hero .btn-hero:focus {
    color: #fff;
}

/* Butonat e arte dytesore: tekst i bardhe edhe ne temen e erret */
html[data-theme="dark"] .btn.btn-cancel-gold,
html[data-theme="dark"] .btn.btn-cancel-gold:hover,
html[data-theme="dark"] .btn.btn-cancel-gold:focus,
html[data-theme="dark"] .btn.bk-btn-gold,
html[data-theme="dark"] .btn.bk-btn-gold:hover,
html[data-theme="dark"] .btn.bk-btn-gold:focus,
html[data-theme="dark"] .success-page .success-actions .btn.btn-back {
    color: #fff;
}

/* Loaderi i tabelave ne temen e erret: sfond i erret, rrethi i jashtem blu e celet, i brendshmi ar */
html[data-theme="dark"] .k-loading-mask .k-loading-color {
    background-color: var(--dm-page);
    opacity: .65;
}