/* Elcon ERP - Compact Form Styles */
:root {
    --input-height: 30px;
    --input-padding-y: 4px;
    --input-padding-x: 8px;
    --label-font-size: 0.75rem;
    --input-font-size: 0.8125rem;
    --row-gap: 0.375rem;
}

body {
    font-size: 13px;
    padding-bottom: 3rem; /* воздух под табелите — да не лепат за дно */
}

/* помали акциони копчиња во табели — понизок ред */
.table .btn-sm, .table .btn-group-sm > .btn{ padding:.12rem .4rem; font-size:.75rem; line-height:1.3; }

/* Compact form controls */
.form-control,
.form-select {
    height: var(--input-height);
    padding: var(--input-padding-y) var(--input-padding-x);
    font-size: var(--input-font-size);
    border-radius: 3px;
}

.form-control-sm,
.form-select-sm {
    height: 26px;
    padding: 2px 6px;
    font-size: 0.75rem;
}

.form-label,
label {
    font-size: var(--label-font-size);
    font-weight: 500;
    margin-bottom: 2px;
    color: #333;
}

/* Compact row spacing */
.row {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 0.375rem;
}

/* Reduce card/form padding */
.card {
    border-radius: 4px;
}

.card-body {
    padding: 0.75rem;
}

.card-header {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}

/* Compact table */
.table-sm th,
.table-sm td {
    padding: 0.25rem 0.375rem;
    font-size: 0.75rem;
}

.table th {
    font-weight: 600;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Compact buttons */
.btn-sm {
    padding: 0.1875rem 0.5rem;
    font-size: 0.75rem;
}

.btn {
    padding: 0.3125rem 0.75rem;
    font-size: 0.8125rem;
    border-radius: 3px;
}

/* Compact badges */
.badge {
    font-size: 0.6875rem;
    padding: 0.25em 0.5em;
}

/* Compact alerts */
.alert {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    border-radius: 3px;
}

/* Form group spacing */
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.375rem !important; }
.mb-3 { margin-bottom: 0.5rem !important; }

/* Input group compact */
.input-group-text {
    padding: var(--input-padding-y) var(--input-padding-x);
    font-size: var(--input-font-size);
}

/* Textarea compact */
textarea.form-control {
    min-height: 50px;
    line-height: 1.4;
}

/* Checkbox/radio compact */
.form-check-input {
    width: 1rem;
    height: 1rem;
    margin-top: 0.125rem;
}

.form-check-label {
    font-size: 0.8125rem;
    cursor: pointer;
}

.form-check-inline {
    margin-right: 0.75rem;
}

/* Dropdown compact */
.dropdown-menu {
    font-size: 0.8125rem;
}

.dropdown-item {
    padding: 0.25rem 0.75rem;
}

/* Modal compact */
.modal-header,
.modal-footer {
    padding: 0.5rem 0.75rem;
}

.modal-body {
    padding: 0.75rem;
}

.modal-title {
    font-size: 1rem;
}

/* Pagination compact */
.pagination .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.8125rem;
}

/* Navbar compact */
.navbar {
    padding: 0.375rem 0.75rem;
}

.navbar-brand {
    font-size: 1.125rem;
}

.nav-link {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

/* Card compact */
.card .card-title {
    font-size: 0.9375rem;
    margin-bottom: 0.375rem;
}

/* Print styles - match Fakturi Print */
@media print {
    .no-print,
    .d-print-none,
    .sif-alatki,
    .alert,
    form[method="get"] {
        display: none !important;
    }

    nav.navbar, .navbar,
    .btn, button {
        display: none !important;
    }

    a {
        color: #000 !important;
        text-decoration: none !important;
    }

    a[href]:after {
        content: none !important;
    }

    thead { display: table-header-group; }
    tr, td, th { page-break-inside: avoid; }

    .sklopiva-wrap, .table-responsive {
        max-height: none !important;
        overflow: visible !important;
        resize: none;
    }

    .container { max-width: 100% !important; }
    
    body {
        font-size: 10px;
        background: white;
        color: #000 !important;
        padding-bottom: 12mm;
    }
    /* лого-хедерот секогаш прв на печатење (пред насловот), насловот веднаш над табелата */
    div.container { display: flex; flex-direction: column; }
    div.container > * { min-width: 0; }
    .dok-print-glava { order: -1; }
    /* листи на печатење: собирање на лист (помал фонт + wrap на податоците во два реда) */
    table.table th, table.table td { white-space: normal !important; overflow-wrap: break-word; font-size: 8.5px !important; }
    /* последна (акциска) колона кај листите — копчињата не се печатат, па е празна */
    table.no-collapse > thead > tr > th:last-child, table.no-collapse > tbody > tr > td:last-child { display: none; }
    .text-muted, small.text-muted, div.text-muted, span.text-muted { color: #000 !important; }
    .table, .table th, .table td, .table thead th, thead.table-light th, .table-light { color: #000 !important; }
    h1, h2, h3, h4, h5, h6 { color: #000 !important; }
    /* бели/обоени текстови се губат на хартија (позадините не се печатат) — сè црно, вкл. inline стилови */
    .text-white { color: #000 !important; }
    div, span, p, td, th, li, small, label, pre { color: #000 !important; }
    table.table th, table.table td { border-color: #000 !important; }
    .card { border-color: #000 !important; }
    .badge { color: #000 !important; border: 1px solid #000; }
    .alert { color: #000 !important; }
    .iso-lenta { background: none !important; color: #000 !important; border: 1px solid #000; }
    
    .page-break {
        page-break-after: always;
    }
}

/* Specific form improvements */
.compact-form .row > div {
    padding-left: 6px;
    padding-right: 6px;
}

.compact-form .form-control,
.compact-form .form-select {
    height: 28px;
    padding: 3px 6px;
    font-size: 0.8rem;
}

.compact-form label {
    font-size: 0.7rem;
    margin-bottom: 1px;
}

/* Horizontal form layout */
.form-horizontal .row {
    align-items: flex-end;
}

/* Sticky header for tables */
.table-responsive {
    max-height: 70vh;
    overflow-y: auto;
}

.table-responsive thead th {
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 10;
    border-bottom: 2px solid #dee2e6;
}

/* Focus styles */
.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.15);
    border-color: #86b7fe;
}

/* Required field indicator */
.required-indicator {
    color: #dc3545;
    margin-left: 2px;
}

/* Compact select2-like dropdowns */
.select-wrapper {
    position: relative;
}

.select-wrapper .form-select {
    padding-right: 28px;
}

/* Validation messages (само span/small/div — да не ги смалува h1-h6 како Салдо во извештај) */
span.text-danger,
small.text-danger,
div.text-danger {
    font-size: 0.7rem;
}

.validation-summary-errors {
    font-size: 0.75rem;
    padding: 0.5rem;
}

/* Унифицирани бои на копчиња: додај/ново=зелено(btn-success), печати=сино(btn-primary), измени=жолто(btn-warning), бриши=црвено(btn-danger), PDF=виолетово, преглед=портокалово */
.btn-lilava{--bs-btn-color:#fff;--bs-btn-bg:#6f42c1;--bs-btn-border-color:#6f42c1;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5e37a8;--bs-btn-hover-border-color:#59339d;--bs-btn-active-color:#fff;--bs-btn-active-bg:#59339d;--bs-btn-active-border-color:#533093;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6f42c1;--bs-btn-disabled-border-color:#6f42c1;}
.btn-portokal{--bs-btn-color:#212529;--bs-btn-bg:#fd7e14;--bs-btn-border-color:#fd7e14;--bs-btn-hover-color:#212529;--bs-btn-hover-bg:#e96f00;--bs-btn-hover-border-color:#dd6a00;--bs-btn-active-color:#212529;--bs-btn-active-bg:#dd6a00;--bs-btn-active-border-color:#d06300;--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:#fd7e14;--bs-btn-disabled-border-color:#fd7e14;}
/* Понежни бои на редови во табели (двете теми), темниот текст останува */
.table-success{--bs-table-bg:#e7f4ec;--bs-table-color:#212529;}
.table-danger{--bs-table-bg:#fbe9eb;--bs-table-color:#212529;}
.table-warning{--bs-table-bg:#fef6dd;--bs-table-color:#212529;}
.table-orange{--bs-table-bg:#fdebd0;--bs-table-color:#212529;--bs-table-border-color:#f5c98a;}
.table-info{--bs-table-bg:#e3f2f8;}
.table-light{--bs-table-bg:#f4f5f6;}
.table-secondary{--bs-table-bg:#e8eaed;}
/* Контраст на outline-копчиња во светла тема (жолто/светлосино со бел текст не се чита) */
.btn-outline-warning{--bs-btn-color:#8a6d00;--bs-btn-border-color:#8a6d00;--bs-btn-hover-color:#212529;--bs-btn-hover-bg:#ffc107;}
.btn-outline-info{--bs-btn-color:#087990;--bs-btn-border-color:#087990;--bs-btn-hover-color:#fff;}
/* Badge-бои по статус — секогаш бел текст (наследениот темен/светол не се чита) */
.badge-draft { background-color: #6c757d; color:#fff; }
.badge-aktiven { background-color: #0d6efd; color:#fff; }
.badge-zavrsen { background-color: #198754; color:#fff; }
.badge-verificiran { background-color: #6f42c1; color:#fff; }
.badge-fakturiran { background-color: #0d6efd; color:#fff; }
.badge-otkazan { background-color: #dc3545; color:#fff; }
/* Badge со bg-боја го наследува текстот — експлицитно: бел на заситени, темен на светли (двете теми) */
.badge.bg-primary,.badge.bg-secondary,.badge.bg-success,.badge.bg-danger,.badge.bg-dark{color:#fff;}
.badge.bg-warning,.badge.bg-info,.badge.bg-light{color:#212529;}

/* Compact card grid */
.row-cards .card {
    height: 100%;
}

/* Tab compact */
.nav-tabs .nav-link {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

/* Tooltip compact */
.tooltip-inner {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* Progress bar compact */
.progress {
    height: 0.5rem;
}

/* List group compact */
.list-group-item {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

/* Form text / help text */
.form-text {
    font-size: 0.6875rem;
    margin-top: 0.125rem;
}

/* Specific overrides for Elcon forms */
.izvod-row {
    border-bottom: 1px solid #e9ecef;
    padding: 0.25rem 0;
}

.izvod-row:last-child {
    border-bottom: none;
}

/* DnevenPlan specific */
.dneven-plan-card {
    border-left: 3px solid #0d6efd;
    transition: box-shadow 0.2s;
}

.dneven-plan-card:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* RabotniNalozi stavki table */
.stavki-table th,
.stavki-table td {
    padding: 0.2rem 0.35rem;
    font-size: 0.75rem;
}

.stavki-table .form-control,
.stavki-table .form-select {
    height: 26px;
    padding: 2px 5px;
    font-size: 0.75rem;
}

/* Dashboard stats */
.stat-card {
    border-left: 4px solid;
    transition: transform 0.15s;
}

.stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Print preview button */
.print-preview-btn {
    background: linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%);
    border: none;
}

.print-preview-btn:hover {
    background: linear-gradient(135deg, #0b5ed7 0%, #0a58ca 100%);
}

/* Fix for dropdown alignment in compact forms */
.dropdown-toggle::after {
    margin-left: 0.4em;
    vertical-align: 0.15em;
}

/* Custom scrollbar for webkit */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

/* Мобилен (телефон): поголеми мети за допир, без авто-zoom, компактни табели */
@media (max-width: 768px) {
    body { font-size: 14px; }
    .container, .container-fluid { padding-left: 8px; padding-right: 8px; }
    h2 { font-size: 1.25rem; }
    /* iOS зумира ако input е под 16px — затоа 16px на телефон */
    .form-control, .form-select { font-size: 16px; height: 40px; }
    textarea.form-control { min-height: 70px; }
    .btn { min-height: 42px; font-size: 0.95rem; }
    .btn-sm { min-height: 36px; font-size: 0.85rem; }
    /* најава со еден прст: големо копче преку ширина */
    #checkinForm .btn, #checkoutForm .btn, #pauzaForm .btn { width: 100%; margin-bottom: 6px; font-size: 1.1rem; padding: 0.8rem; }
    /* табели: хоризонтален скрол + помал фонт */
    .table-responsive, .sklopiva-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .table th, .table td { font-size: 0.78rem; padding: 0.3rem; white-space: nowrap; }
    .table td.wrap, .table th.wrap { white-space: normal; }
    /* полиња за внес во табели: никогаш стиснати на 2-3 букви — табелата скролува хоризонтално */
    .table td input.form-control:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),
    .table td select.form-select { min-width: 120px; }
    .table td input[type=number].form-control { min-width: 84px; }
    .table td input[type=date].form-control, .table td input[type=time].form-control,
    .table td input[type=datetime-local].form-control, .table td input[type=month].form-control { min-width: 140px; }
    .table td textarea.form-control { min-width: 150px; }
    .card-body { padding: 0.6rem; }
    /* бар за страничење да не се растура */
    .sklopiva-bar { font-size: 0.85rem; }
    .navbar-brand { font-size: 1rem; }
}

/* File-зони: лента за клик (paste-режим) + копче за дијалог */
.file-zona{cursor:pointer;border:1px dashed #adb5bd;border-radius:4px;padding:6px;}
.file-zona-aktivna{outline:2px solid #0d6efd;background:#eef4ff;}

/* Компактни полиња за внес (десктоп): полињата не се растегнуваат преку цел ред */
form .form-control:not(.btn), form .form-select {
    max-width: 520px;
}
form input[type="number"].form-control { max-width: 150px; }
form input[type="date"].form-control, form input[type="time"].form-control, form input[type="datetime-local"].form-control { max-width: 200px; }
form input[type="checkbox"].form-check-input, form input[type="radio"].form-check-input { max-width: none; }
form textarea.form-control { max-width: 640px; }
.table .form-control, .table .form-select, .input-group .form-control { max-width: none; }
@media (max-width: 768px) {
    form .form-control:not(.btn), form .form-select, form textarea.form-control { max-width: 100%; }
}

/* Темна тема (data-tema=temna на <html>): црна позадина, светол текст */
html[data-tema="temna"] { color-scheme: dark; --bs-body-bg: #000; --bs-body-color: #e8e8e8; --bs-emphasis-color: #fff; --bs-secondary-color: #b0b0b0; --bs-tertiary-color: #888; --bs-border-color: #333; --bs-link-color: #7db8ff; --bs-link-hover-color: #a8ccff; }
html[data-tema="temna"] body { background: #000; color: #e8e8e8; }
html[data-tema="temna"] a { color: #7db8ff; }
html[data-tema="temna"] .btn-primary a, html[data-tema="temna"] a.btn { color: #fff; }
/* пригушени бои — посветли варијанти за контраст на црно */
html[data-tema="temna"] .text-danger, html[data-tema="temna"] .required-indicator { color: #ea868f !important; }
html[data-tema="temna"] .text-success { color: #75b798 !important; }
html[data-tema="temna"] .text-warning { color: #ffda6a !important; }
html[data-tema="temna"] .text-info { color: #6edff6 !important; }
html[data-tema="temna"] .text-primary { color: #6ea8fe !important; }
html[data-tema="temna"] .btn-outline-secondary { color: #adb5bd; }
html[data-tema="temna"] .form-label, html[data-tema="temna"] label { color: #cfcfcf; }
html[data-tema="temna"] .card, html[data-tema="temna"] .modal-content,
html[data-tema="temna"] .dropdown-menu, html[data-tema="temna"] .list-group-item { background: #111; color: #e8e8e8; border-color: #333; }
html[data-tema="temna"] .dropdown-item { color: #e8e8e8; }
html[data-tema="temna"] .dropdown-item:hover { background: #222; color: #fff; }
html[data-tema="temna"] .form-control, html[data-tema="temna"] .form-select,
html[data-tema="temna"] .input-group-text { background: #111; color: #e8e8e8; border-color: #444; }
html[data-tema="temna"] .form-control:focus, html[data-tema="temna"] .form-select:focus { background: #161616; color: #fff; border-color: #0d6efd; }
html[data-tema="temna"] .form-control::placeholder { color: #888; }
html[data-tema="temna"] input[type="file"].form-control::file-selector-button { color: #212529; background: #e9ecef; border-color: #adb5bd; }
html[data-tema="temna"] input[type="file"].form-control::-webkit-file-upload-button { color: #212529; background: #e9ecef; }
html[data-tema="temna"] .table { color: #e8e8e8; --bs-table-bg: transparent; border-color: #333; }
html[data-tema="temna"] .table thead th { color: #bbb; }
html[data-tema="temna"] .table-responsive thead th { background: #161616; border-color: #333; }
html[data-tema="temna"] .table-success { --bs-table-bg: #143823; --bs-table-color: #d9f2e2; color: #d9f2e2; }
html[data-tema="temna"] .table-danger { --bs-table-bg: #431b1b; --bs-table-color: #f7cbcf; color: #f7cbcf; }
html[data-tema="temna"] .table-warning { --bs-table-bg: #443512; --bs-table-color: #ffeba8; color: #ffeba8; }
html[data-tema="temna"] .table-info { --bs-table-bg: #0d2436; --bs-table-color: #b8daff; color: #b8daff; border-color: #1a4a6e; }
html[data-tema="temna"] .table-orange { --bs-table-bg: #3a2a12; --bs-table-color: #ffd9a0; color: #ffd9a0; border-color: #5a4220; }
html[data-tema="temna"] thead.table-light th { background: #161616; color: #bbb; border-color: #333; }
html[data-tema="temna"] thead.table-light th a { color: #7db8ff; }
html[data-tema="temna"] tr.table-secondary .text-muted { color: #595959 !important; }
html[data-tema="temna"] .row-istechen { background: #3a2a12 !important; color: #ffd9a0 !important; }
html[data-tema="temna"] .row-draft { background: #443512 !important; color: #ffeba8 !important; }
html[data-tema="temna"] .row-istechen a, html[data-tema="temna"] .row-draft a { color: #7db8ff !important; }
html[data-tema="temna"] .row-istechen .text-muted, html[data-tema="temna"] .row-draft .text-muted { color: #999 !important; }
/* Контраст на outline-копчиња во темна тема */
html[data-tema="temna"] .btn-outline-warning{--bs-btn-color:#ffda6a;--bs-btn-border-color:#ffda6a;--bs-btn-hover-color:#212529;}
html[data-tema="temna"] .btn-outline-info{--bs-btn-color:#6edff6;--bs-btn-border-color:#6edff6;--bs-btn-hover-color:#212529;}
html[data-tema="temna"] .btn-outline-danger{--bs-btn-color:#ea868f;--bs-btn-border-color:#ea868f;--bs-btn-hover-color:#fff;}
html[data-tema="temna"] .btn-outline-primary{--bs-btn-color:#6ea8fe;--bs-btn-border-color:#6ea8fe;}
html[data-tema="temna"] .btn-outline-success{--bs-btn-color:#75b798;--bs-btn-border-color:#75b798;}
html[data-tema="temna"] .btn-outline-secondary{--bs-btn-color:#adb5bd;--bs-btn-border-color:#adb5bd;}
html[data-tema="temna"] .btn-outline-dark{--bs-btn-color:#e8e8e8;--bs-btn-border-color:#e8e8e8;--bs-btn-hover-color:#212529;--bs-btn-hover-bg:#e8e8e8;}
html[data-tema="temna"] .btn-link{color:#7db8ff;}
html[data-tema="temna"] .badge.bg-warning, html[data-tema="temna"] .badge.bg-info{color:#212529;}
/* table-light останува светол (темниот текст на него е читлив) — само пригушениот текст внатре се затемува */
html[data-tema="temna"] .table-light .text-muted, html[data-tema="temna"] tr.table-light .text-muted { color: #595959 !important; }
/* bg-white табели (Dashboard): во темна тема стануваат темни како сите останати */
html[data-tema="temna"] table.bg-white { --bs-table-bg: transparent; --bs-table-color: #e8e8e8; color: #e8e8e8; border-color: #333; background-color: transparent !important; }
html[data-tema="temna"] table.bg-white thead th { color: #bbb; background: #161616; }
html[data-tema="temna"] table.bg-white a { color: #7db8ff; }
html[data-tema="temna"] table.bg-white .text-muted { color: #999 !important; }
html[data-tema="temna"] div.bg-white { color: #212529; }
/* Fakturi ставки: темни наслови и светли намена-редови на црно */
html[data-tema="temna"] .stavka-header { color: #ddd !important; border-bottom-color: #555 !important; }
html[data-tema="temna"] .stavka-row { border-bottom-color: #333 !important; }
html[data-tema="temna"] .col-namena { background: #161616 !important; }
html[data-tema="temna"] .text-muted { color: #999 !important; }
html[data-tema="temna"] pre, html[data-tema="temna"] .bg-light { background: #161616 !important; color: #e8e8e8; border-color: #333 !important; }
html[data-tema="temna"] .alert-warning { background: #332700; color: #ffd970; border-color: #665500; }
html[data-tema="temna"] .alert-danger { background: #3a1414; color: #f5c6cb; border-color: #662222; }
html[data-tema="temna"] .alert-success { background: #0f2f1a; color: #d8f3dc; border-color: #1f5c33; }
html[data-tema="temna"] .alert-info { background: #0d2436; color: #b8daff; border-color: #1a4a6e; }
html[data-tema="temna"] .page-link { background: #111; color: #7db8ff; border-color: #333; }
html[data-tema="temna"] .page-item.active .page-link { background: #0d6efd; border-color: #0d6efd; color: #fff; }
html[data-tema="temna"] .file-zona-aktivna { background: #0d2436; }
html[data-tema="temna"] .btn-outline-secondary, html[data-tema="temna"] .btn-outline-primary { border-color: #555; }
/* Читливост во темна тема: sticky header (Евиденција) + пастелни редови (фактури/банка/дашборд) */
html[data-tema="temna"] .evid-sticky thead th { background: #161616; color: #bbb; border-color: #333; box-shadow: 0 1px 0 #333; }
html[data-tema="temna"] .evid-sticky tr.denred td { background: #2b2f33; color: #e8e8e8; border-color: #444; box-shadow: 0 1px 0 #444; }
html[data-tema="temna"] .evid-sticky tr.denred .text-muted { color: #999 !important; }
html[data-tema="temna"] .row-draft, html[data-tema="temna"] tr[style*="#fff3cd"] { background-color: #443512 !important; --bs-table-bg: #443512; --bs-table-color: #ffeba8; color: #ffeba8; }
html[data-tema="temna"] .row-istechen, html[data-tema="temna"] tr[style*="#ffe0b2"] { background-color: #3a2a12 !important; --bs-table-bg: #3a2a12; --bs-table-color: #ffd9a0; color: #ffd9a0; }
html[data-tema="temna"] tr[style*="#d9edf7"], html[data-tema="temna"] div[style*="#d9edf7"] { background-color: #0d2436 !important; --bs-table-bg: #0d2436; --bs-table-color: #b8daff; color: #b8daff; }
html[data-tema="temna"] tr[style*="#f8f9fa"] { background-color: #161616 !important; --bs-table-bg: #161616; --bs-table-color: #e8e8e8; color: #e8e8e8; }
html[data-tema="temna"] div[style*="#fff3cd"] { background-color: #443512 !important; color: #ffeba8; }
html[data-tema="temna"] div[style*="#ffe0b2"] { background-color: #3a2a12 !important; color: #ffd9a0; }
html[data-tema="temna"] ::-webkit-scrollbar-track { background: #111; }
html[data-tema="temna"] ::-webkit-scrollbar-thumb { background: #444; }
@media print {
    html[data-tema="temna"] body { background: #fff !important; color: #000 !important; }
    html[data-tema="temna"] .table, html[data-tema="temna"] .table thead th,
    html[data-tema="temna"] .table-success, html[data-tema="temna"] .table-danger, html[data-tema="temna"] .table-warning { color: #000 !important; }
    html[data-tema="temna"] a { color: #000 !important; }
}