/* =========================================================================
   1. OSNOVNI RESET INTERFEJSA I POZADINA
   Layout chrome je izdvojen u resources/css/zis-layout.css. Ovdje ostaju samo
   osnovne aplikativne vrijednosti koje ne pozicioniraju sidebar/topbar.
   ========================================================================= */
html, body, #container {
  height: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html, body {
  overflow: hidden !important;
  font-family: Roboto, Arial, sans-serif !important;
  background-color: #f4f7fb !important;
}

body {
  padding-top: 52px !important;
}

*, *::before, *::after {
  box-sizing: border-box;
}

.input-group {
  display: flex;
  align-items: center;
}

body.pretraga-skrivena #pretrazivanje {
  display: none !important;
}

/* =========================================================================
   7. POPRAVKA VERTIKALNOG SKROLA I SPUŠTANJE DO SAMOG DNA DISPLEJA
   ========================================================================= */
#TableContainer {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important; 
    box-sizing: border-box !important;
    padding: 0px !important; 
    margin: 0px !important;
}
.select2-container--open,
.select2-dropdown,
.select2-container--open .select2-dropdown {
    z-index: 99999 !important;
}
/* Lijepljenje th elemenata direktno unutar glavnog aktivnog skrolera */
/* Naizmjenicni redovi u tabeli */
/* =========================================================================
   11. FIKS ZA MOBILNE TELEFONE
   ========================================================================= */
@media (max-width: 767px) {
    .navbar-header {
        display: flex !important;
        align-items: center !important;
        float: left !important;
        width: auto !important;
        margin: 0 !important;
    }
    .navbar-header .navbar-brand {
        float: left !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    div[style*="float: right"] { max-width: 60% !important; }
    div[style*="float: right"] div { font-size: 7.5pt !important; line-height: 1.1 !important; }
    div[style*="float: right"] img { width: 32px !important; height: 32px !important; }
}

/* =========================================================================
   12. SINKRONIZOVANA UKUPNA UNIFICIRANA Z-INDEX STRUKTURA ZA PROZORE I MODALE
   ========================================================================= */
.modal-backdrop, div.modal-backdrop {
    position: fixed !important;
    top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;
    z-index: 24999 !important; /* Tik ispod glavnih prozora i iznad mapa */
}

/* RETRO DIZAJN ZA STRUKTURU SVAKOG MODALA */
.app-modal .modal-content, .modal-content {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #fff #0a0a0a #0a0a0a #fff !important;
    border-radius: 0px !important;
    padding: 2px !important;
    overflow: visible !important; /* DOZVOLJAVA SELECT2 MENIJU DA ISPADNE VAN DIJALOGA */
}

.app-modal .modal-header, .modal-header {
    background: #000080 !important; 
    color: #ffffff !important;
    padding: 4px 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-radius: 0px !important;
}

.app-modal .modal-title, .modal-title {
    font-size: 12px !important; font-weight: bold !important; color: #ffffff !important; margin: 0 !important;
}

.app-modal .close, .modal-header .close {
    background: #c0c0c0 !important; color: #000000 !important; border: 1px solid !important;
    border-color: #fff #0a0a0a #0a0a0a #fff !important; opacity: 1 !important;
    font-size: 11px !important; width: 16px !important; height: 14px !important; padding: 0 !important;
    text-align: center; line-height: 12px !important;
}

.app-modal .modal-body, .modal-body {
    background: #c0c0c0 !important; margin: 4px !important; padding: 6px !important;
    border: 2px solid !important; border-color: #808080 #fff #fff #808080 !important;
}

/* Globalni stil dugmadi u dijalozima */
.modal .modal-content .btn:not(.close),
.app-modal .modal-content .btn:not(.close),
.ui-dialog .ui-dialog-content .btn,
.ui-dialog .ui-dialog-content button:not(.ui-dialog-titlebar-close),
.ui-dialog .ui-dialog-buttonpane button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-width: 92px !important;
    height: 28px !important;
    padding: 4px 10px !important;
    border: 1px solid #c8d9eb !important;
    border-radius: 2px !important;
    color: #244f82 !important;
    background: #eef5fc !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85) !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    text-shadow: none !important;
    box-sizing: border-box !important;
    transition: background-color .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease !important;
}
.modal .modal-content .btn:not(.close):hover,
.modal .modal-content .btn:not(.close):focus,
.app-modal .modal-content .btn:not(.close):hover,
.app-modal .modal-content .btn:not(.close):focus,
.ui-dialog .ui-dialog-content .btn:hover,
.ui-dialog .ui-dialog-content .btn:focus,
.ui-dialog .ui-dialog-content button:not(.ui-dialog-titlebar-close):hover,
.ui-dialog .ui-dialog-content button:not(.ui-dialog-titlebar-close):focus,
.ui-dialog .ui-dialog-buttonpane button:hover,
.ui-dialog .ui-dialog-buttonpane button:focus {
    color: #0f2f63 !important;
    background: #e2eef9 !important;
    border-color: #adc7e2 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(36,79,130,.16) !important;
    outline: none !important;
}
.modal .modal-content .btn:not(.close):active,
.app-modal .modal-content .btn:not(.close):active,
.ui-dialog .ui-dialog-content .btn:active,
.ui-dialog .ui-dialog-content button:not(.ui-dialog-titlebar-close):active,
.ui-dialog .ui-dialog-buttonpane button:active {
    background: #d5e6f5 !important;
    box-shadow: inset 0 1px 2px rgba(36,79,130,.18) !important;
}
.modal .modal-content .btn:not(.close) i,
.app-modal .modal-content .btn:not(.close) i,
.ui-dialog .ui-dialog-content .btn i,
.ui-dialog .ui-dialog-content button:not(.ui-dialog-titlebar-close) i,
.ui-dialog .ui-dialog-buttonpane button i {
    margin-right: 2px !important;
}
.modal .modal-content .btn.btn-sm:not(.close),
.app-modal .modal-content .btn.btn-sm:not(.close),
.ui-dialog .ui-dialog-content .btn.btn-sm {
    min-width: 82px !important;
}/* Utvrđene ujednačene visoke z-index instance za sve vrste prozora */
.ui-dialog, div.ui-dialog, .ui-widget-content.ui-dialog,
.modal.app-modal, .modal, div.modal {
    z-index: 25000 !important;
    overflow: visible !important; /* POPRAVKA: Sprečava odsecanje padajućeg menija unutar modala */
}

/* Čišćenje konfliktnog globalnog .modal-dialog pravila sa 100% širine */
.modal-dialog {
    position: relative !important;
    z-index: 25010 !important;
    margin: 30px auto !important;
}

.ui-widget-overlay {
    z-index: 24990 !important;
    position: fixed !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.3) !important;
}

/* Modern ZIS loader */
#loading {
    display: none !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9999 !important;
    pointer-events: none !important;
}

#loader_za_modal {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(8, 18, 34, .32) !important;
    backdrop-filter: blur(3px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(3px) saturate(120%) !important;
    z-index: 999999999 !important;
}

#loader_za_modal[style*="display: block"],
#loader_za_modal[style*="display:block"] {
    display: flex !important;
}

.zis-fullscreen-loader {
    position: fixed !important;
    inset: 0 !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(8, 18, 34, .32) !important;
    backdrop-filter: blur(3px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(3px) saturate(120%) !important;
    z-index: 999999 !important;
}

.zis-fullscreen-loader[style*="display: block"],
.zis-fullscreen-loader[style*="display:block"] {
    display: flex !important;
}

.zis-loader-card {
    min-width: 168px;
    min-height: 118px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 18px 22px;
    border: 1px solid rgba(255,255,255,.58);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(232,241,250,.84));
    box-shadow: 0 18px 42px rgba(15,35,60,.24), inset 0 1px 0 rgba(255,255,255,.95);
    color: #16324f;
    text-align: center;
}

#loading .zis-loader-card {
    min-width: 132px;
    min-height: 92px;
    padding: 14px 18px;
    background: rgba(248,251,255,.94);
    box-shadow: 0 12px 30px rgba(15,35,60,.18), inset 0 1px 0 rgba(255,255,255,.9);
}

.zis-loader-orbit {
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: conic-gradient(from 0deg, #1f6fb2, #54b7d8, #85d8b4, #f4d35e, #1f6fb2);
    animation: zis-loader-spin .9s linear infinite;
    box-shadow: 0 0 0 1px rgba(31,111,178,.12), 0 6px 16px rgba(31,111,178,.22);
}

.zis-loader-orbit::before {
    content: "";
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    background: linear-gradient(180deg, #ffffff, #edf5fc);
}

.zis-loader-orbit::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(255,255,255,.95);
}

.zis-loader-text {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #16324f;
    white-space: nowrap;
}

.zis-loader-dots {
    display: inline-flex;
    gap: 4px;
    margin-top: -3px;
}

.zis-loader-dots i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #2f7fbd;
    opacity: .45;
    animation: zis-loader-pulse 1s ease-in-out infinite;
}

.zis-loader-dots i:nth-child(2) { animation-delay: .16s; }
.zis-loader-dots i:nth-child(3) { animation-delay: .32s; }
@keyframes zis-loader-spin {
    to { transform: rotate(360deg); }
}
@keyframes zis-loader-pulse {
    0%, 80%, 100% { transform: translateY(0); opacity: .35; }
    40% { transform: translateY(-3px); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .zis-loader-orbit,
    .zis-loader-dots i {
        animation: none !important;
    }
}

/* =========================================================================
   ZIS LAYOUT FIX 2026-07-01
   Pravilo za sve tabelarne/admin stranice:
   - lijevi meni ide od vrha ispod plave trake do dna
   - filter/alati (#pretrazivanje) zauzimaju samo desni radni dio
   - glavni panel se automatski spušta za stvarnu visinu filtera
   - mapa ostaje izuzeta jer ne koristi body.ima-pretragu u map headeru
   ========================================================================= */
:root {
    --zis-topbar-height: 52px;
    --zis-sidebar-width: 238px;
    --zis-toolbar-height: 42px;
}

body.ima-pretragu #sidebar,
body.ima-pretragu nav#sidebar {
    top: var(--zis-topbar-height) !important;
    bottom: 0 !important;
    width: var(--zis-sidebar-width) !important;
    z-index: 1050 !important;
}

body.ima-pretragu #pretrazivanje {
    position: fixed !important;
    top: var(--zis-topbar-height) !important;
    left: var(--zis-sidebar-width) !important;
    right: 0 !important;
    width: auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    z-index: 1040 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 5px 7px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

body.ima-pretragu #pretrazivanje .filter-group {
    flex: 0 1 auto !important;
    min-width: 90px !important;
    max-width: none !important;
}

body.ima-pretragu #pretrazivanje .buttons-group {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
}

body.ima-pretragu .viewpanel,
body.ima-pretragu #view-panel,
body.ima-pretragu div.viewpanel,
body.ima-pretragu [id*="view-panel"],
body.ima-pretragu .viewpanel1,
body.ima-pretragu div.viewpanel1 {
    top: calc(var(--zis-topbar-height) + var(--zis-toolbar-height)) !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: var(--zis-sidebar-width) !important;
    padding: 4px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.ima-pretragu #TableContainer {
    height: 100% !important;
    max-height: 100% !important;
    overflow: auto !important;
}
/* Kada je pretraga sakrivena, desni panel ide odmah ispod plave trake. */
body.ima-pretragu.pretraga-skrivena #pretrazivanje {
    display: none !important;
}

body.ima-pretragu.pretraga-skrivena .viewpanel,
body.ima-pretragu.pretraga-skrivena #view-panel,
body.ima-pretragu.pretraga-skrivena div.viewpanel,
body.ima-pretragu.pretraga-skrivena [id*="view-panel"],
body.ima-pretragu.pretraga-skrivena .viewpanel1,
body.ima-pretragu.pretraga-skrivena div.viewpanel1 {
    top: var(--zis-topbar-height) !important;
}

/* Kada je lijevi meni sakriven, toolbar i tabela zauzimaju punu širinu. */
body.sidebar-collapsed.ima-pretragu #pretrazivanje {
    left: 0 !important;
}

body.sidebar-collapsed.ima-pretragu .viewpanel,
body.sidebar-collapsed.ima-pretragu #view-panel,
body.sidebar-collapsed.ima-pretragu div.viewpanel,
body.sidebar-collapsed.ima-pretragu [id*="view-panel"],
body.sidebar-collapsed.ima-pretragu .viewpanel1,
body.sidebar-collapsed.ima-pretragu div.viewpanel1 {
    margin-left: 0 !important;
}

/* Poništava stare breakpoint top vrijednosti koje su ručno gurale panel nadole. */
@media (max-width: 1350px) {
    body.ima-pretragu #sidebar,
    body.ima-pretragu nav#sidebar {
        top: var(--zis-topbar-height) !important;
    }
    body.ima-pretragu .viewpanel,
    body.ima-pretragu #view-panel,
    body.ima-pretragu div.viewpanel,
    body.ima-pretragu [id*="view-panel"],
    body.ima-pretragu .viewpanel1,
    body.ima-pretragu div.viewpanel1 {
        top: calc(var(--zis-topbar-height) + var(--zis-toolbar-height)) !important;
    }
}

@media (max-width: 1000px) {
    body.ima-pretragu #sidebar,
    body.ima-pretragu nav#sidebar {
        top: var(--zis-topbar-height) !important;
    }
    body.ima-pretragu .viewpanel,
    body.ima-pretragu #view-panel,
    body.ima-pretragu div.viewpanel,
    body.ima-pretragu [id*="view-panel"],
    body.ima-pretragu .viewpanel1,
    body.ima-pretragu div.viewpanel1 {
        top: calc(var(--zis-topbar-height) + var(--zis-toolbar-height)) !important;
    }
}

/* Dugme menija sada kontroliše body.sidebar-collapsed; ovaj blok je namjerno na kraju CSS-a. */
body.sidebar-collapsed #sidebar,
body.sidebar-collapsed nav#sidebar {
    display: none !important;
    width: 0 !important;
}

body.sidebar-collapsed .viewpanel,
body.sidebar-collapsed #view-panel,
body.sidebar-collapsed [id*="view-panel"] {
    margin-left: 0 !important;
}
/* Kad nema title bara, tabela treba da krene odmah ispod filtera/alata. */
/* =========================================================================
   ZIS FILTER TOOLBAR UNIFIED CONTROLS 2026-07-01
   Ujednačava inpute, select2 selekte, date/file kontrole i dugmad
   na svim tabelarnim/admin stranicama koje koriste #pretrazivanje.
   ========================================================================= */
body.ima-pretragu #pretrazivanje {
    gap: 6px !important;
    padding: 6px 8px !important;
}

body.ima-pretragu #pretrazivanje .filter-group {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    min-width: 130px !important;
    max-width: 260px !important;
    margin: 0 !important;
}

body.ima-pretragu #pretrazivanje .filter-group input,
body.ima-pretragu #pretrazivanje .filter-group select,
body.ima-pretragu #pretrazivanje input,
body.ima-pretragu #pretrazivanje select {
    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 4px 8px !important;
    border: 1px solid #a9b7c9 !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    box-sizing: border-box !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05) !important;
}

body.ima-pretragu #pretrazivanje input[type="date"] {
    min-width: 145px !important;
}

body.ima-pretragu #pretrazivanje input[type="number"] {
    min-width: 115px !important;
}

body.ima-pretragu #pretrazivanje input[type="file"] {
    min-width: 245px !important;
    padding: 3px 8px !important;
    line-height: 24px !important;
}

body.ima-pretragu #pretrazivanje input:focus,
body.ima-pretragu #pretrazivanje select:focus {
    border-color: #2684ff !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(38,132,255,0.15) !important;
}

body.ima-pretragu #pretrazivanje .select2-container {
    width: 100% !important;
    min-width: 130px !important;
    height: 32px !important;
    z-index: 2000 !important;
}

body.ima-pretragu #pretrazivanje .select2-container--default .select2-selection--single {
    height: 32px !important;
    min-height: 32px !important;
    border: 1px solid #a9b7c9 !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05) !important;
}

body.ima-pretragu #pretrazivanje .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 30px !important;
    line-height: 30px !important;
    padding-left: 8px !important;
    padding-right: 26px !important;
    color: #111111 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
}

body.ima-pretragu #pretrazivanje .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #7c8798 !important;
}

body.ima-pretragu #pretrazivanje .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px !important;
    right: 3px !important;
}

body.ima-pretragu #pretrazivanje .select2-container--default.select2-container--focus .select2-selection--single,
body.ima-pretragu #pretrazivanje .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #2684ff !important;
    box-shadow: 0 0 0 2px rgba(38,132,255,0.15) !important;
}

body.ima-pretragu #pretrazivanje .buttons-group {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
}

body.ima-pretragu #pretrazivanje .dkp-btn,
body.ima-pretragu #pretrazivanje button,
body.ima-pretragu #pretrazivanje .btn {
    height: 32px !important;
    min-width: 42px !important;
    padding: 4px 11px !important;
    border: 1px solid #a9b7c9 !important;
    border-radius: 3px !important;
    background: #f7f8fa !important;
    color: #111111 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

body.ima-pretragu #pretrazivanje .dkp-btn:hover,
body.ima-pretragu #pretrazivanje button:hover,
body.ima-pretragu #pretrazivanje .btn:hover {
    background: #edf4ff !important;
    border-color: #2684ff !important;
}

body.ima-pretragu #pretrazivanje .dkp-btn i,
body.ima-pretragu #pretrazivanje button i,
body.ima-pretragu #pretrazivanje .btn i {
    font-size: 14px !important;
    line-height: 1 !important;
}

.select2-dropdown {
    border-color: #a9b7c9 !important;
    border-radius: 3px !important;
    font-size: 13px !important;
}

.select2-results__option {
    padding: 5px 8px !important;
    font-size: 13px !important;
}

/* =========================================================================
   ZIS TABLE FIXED PANELS 2026-07-03
   Optional summary/header panels above table content. Pages only add the
   .zis-layout-fixed-panel class; scripts.php measures heights and sets CSS vars.
   ========================================================================= */
:root { --zis-extra-panel-height: 0px; --zis-fixed-panel-offset: 0px; }

body.zis-layout-table.ima-pretragu .viewpanel,
body.zis-layout-table.ima-pretragu #view-panel,
body.zis-layout-table.ima-pretragu div.viewpanel,
body.zis-layout-table.ima-pretragu [id*="view-panel"],
body.zis-layout-table.ima-pretragu .viewpanel1,
body.zis-layout-table.ima-pretragu div.viewpanel1 {
    top: calc(var(--zis-topbar-height) + var(--zis-toolbar-height) + var(--zis-extra-panel-height)) !important;
}

body.zis-layout-table.ima-pretragu.pretraga-skrivena .viewpanel,
body.zis-layout-table.ima-pretragu.pretraga-skrivena #view-panel,
body.zis-layout-table.ima-pretragu.pretraga-skrivena div.viewpanel,
body.zis-layout-table.ima-pretragu.pretraga-skrivena [id*="view-panel"],
body.zis-layout-table.ima-pretragu.pretraga-skrivena .viewpanel1,
body.zis-layout-table.ima-pretragu.pretraga-skrivena div.viewpanel1 {
    top: calc(var(--zis-topbar-height) + var(--zis-extra-panel-height)) !important;
}

body.zis-layout-table .zis-layout-fixed-panel,
body.zis-layout-table #b231Panel.zis-layout-fixed-panel,
body.zis-layout-table #prostornaAnalizaPanel.zis-layout-fixed-panel,
body.zis-layout-table #tematskaAnalizaPanel.zis-layout-fixed-panel {
    position: fixed !important;
    left: var(--zis-sidebar-width) !important;
    right: 0 !important;
    top: calc(var(--zis-topbar-height) + var(--zis-toolbar-height) + var(--zis-fixed-panel-offset)) !important;
    z-index: 900 !important;
    box-sizing: border-box !important;
}

body.zis-layout-table.pretraga-skrivena .zis-layout-fixed-panel,
body.zis-layout-table.pretraga-skrivena #b231Panel.zis-layout-fixed-panel,
body.zis-layout-table.pretraga-skrivena #prostornaAnalizaPanel.zis-layout-fixed-panel,
body.zis-layout-table.pretraga-skrivena #tematskaAnalizaPanel.zis-layout-fixed-panel {
    top: calc(var(--zis-topbar-height) + var(--zis-fixed-panel-offset)) !important;
}

body.sidebar-collapsed.zis-layout-table .zis-layout-fixed-panel,
body.sidebar-collapsed.zis-layout-table #b231Panel.zis-layout-fixed-panel,
body.sidebar-collapsed.zis-layout-table #prostornaAnalizaPanel.zis-layout-fixed-panel,
body.sidebar-collapsed.zis-layout-table #tematskaAnalizaPanel.zis-layout-fixed-panel {
    left: 0 !important;
}

/* =========================================================================
   ZIS OFFICIAL LAYOUT MODES 2026-07-03
   - .zis-layout-table: tabelarne stranice sa #pretrazivanje toolbarom
   - .zis-layout-panel: panel/dashboard stranice bez filter prostora
   ========================================================================= */
body.zis-layout-table.ima-pretragu #sidebar,
body.zis-layout-table.ima-pretragu nav#sidebar {
    top: var(--zis-topbar-height) !important;
}

body.zis-layout-panel #pretrazivanje {
    display: none !important;
}

body.zis-layout-panel #sidebar,
body.zis-layout-panel nav#sidebar {
    top: var(--zis-topbar-height) !important;
    bottom: 0 !important;
    width: var(--zis-sidebar-width) !important;
    z-index: 1050 !important;
}

body.zis-layout-panel .viewpanel,
body.zis-layout-panel #view-panel,
body.zis-layout-panel div.viewpanel,
body.zis-layout-panel [id*="view-panel"],
body.zis-layout-panel .viewpanel1,
body.zis-layout-panel div.viewpanel1 {
    top: var(--zis-topbar-height) !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: var(--zis-sidebar-width) !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    align-content: stretch !important;
    gap: 0 !important;
    padding: 14px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    background: #f4f7fb !important;
    -webkit-overflow-scrolling: touch;
}

body.zis-layout-panel #TableContainer {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.sidebar-collapsed.zis-layout-panel .viewpanel,
body.sidebar-collapsed.zis-layout-panel #view-panel,
body.sidebar-collapsed.zis-layout-panel [id*="view-panel"] {
    margin-left: 0 !important;
}

body.zis-layout-panel #loading {
    position: fixed !important;
}

@media (max-width: 760px) {
    body.zis-layout-panel .viewpanel,
    body.zis-layout-panel #view-panel,
    body.zis-layout-panel div.viewpanel,
    body.zis-layout-panel [id*="view-panel"] {
        padding: 10px !important;
    }
}

/* =========================================================================
   ZIS PLODNOST DASHBOARD COMPONENTS 2026-07-03
   Visual components used by the plodnost dashboard page. Layout chrome stays
   in the official layout mode rules above.
   ========================================================================= */
.kp-shell{max-width:1500px;margin:0 auto 28px;color:#1f2937;font-family:Roboto,Arial,sans-serif;}
.kp-hero{display:flex;align-items:stretch;justify-content:space-between;gap:14px;margin-bottom:14px;background:linear-gradient(135deg,#12366f 0%,#1f6f78 58%,#2f7d4e 100%);color:#fff;border-radius:8px;padding:18px 20px;box-shadow:0 8px 22px rgba(20,45,75,.22);}
.kp-hero h1{font-size:25px;line-height:30px;margin:0 0 5px;font-weight:800;letter-spacing:0;}.kp-hero p{margin:0;color:rgba(255,255,255,.84);font-size:13px;}.kp-program{min-width:290px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:12px 14px;}.kp-program span,.kp-program em{display:block;color:rgba(255,255,255,.78);font-size:12px;font-style:normal;}.kp-program strong{display:block;font-size:17px;line-height:22px;margin:4px 0;}
.kp-cards{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin-bottom:14px;}.kp-card{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #dfe7f1;border-left:4px solid #64748b;border-radius:8px;padding:12px;text-decoration:none;color:#1f2937;box-shadow:0 2px 7px rgba(15,23,42,.07);min-height:86px;}.kp-card:hover{text-decoration:none;color:#111827;box-shadow:0 6px 16px rgba(15,23,42,.12);}.kp-card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#eef2f7;color:#334155;flex-shrink:0;}.kp-label{font-size:12px;font-weight:700;color:#64748b;}.kp-value{font-size:25px;line-height:28px;font-weight:900;color:#111827;}.kp-sub{font-size:11px;color:#7a8798;white-space:nowrap;}.kp-card.blue{border-left-color:#2563eb}.kp-card.green{border-left-color:#16a34a}.kp-card.amber{border-left-color:#d97706}.kp-card.violet{border-left-color:#7c3aed}.kp-card.teal{border-left-color:#0891b2}.kp-card.red{border-left-color:#dc2626}.kp-card.blue .kp-card-icon{background:#dbeafe;color:#1d4ed8}.kp-card.green .kp-card-icon{background:#dcfce7;color:#15803d}.kp-card.amber .kp-card-icon{background:#fef3c7;color:#b45309}.kp-card.violet .kp-card-icon{background:#ede9fe;color:#6d28d9}.kp-card.teal .kp-card-icon{background:#ccfbf1;color:#0f766e}.kp-card.red .kp-card-icon{background:#fee2e2;color:#b91c1c}
.kp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;}.kp-grid-main{grid-template-columns:2fr 1fr;}.kp-grid-bottom{grid-template-columns:1fr 1fr;}.kp-panel{background:#fff;border:1px solid #dfe7f1;border-radius:8px;padding:13px;box-shadow:0 2px 7px rgba(15,23,42,.07);min-width:0;}.kp-panel.wide{min-height:310px;}.kp-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}.kp-panel-title span{font-weight:800;font-size:14px;color:#1f2937;}.kp-panel-title a{font-size:12px;color:#1d4ed8;text-decoration:none;font-weight:700;}.kp-svg{width:100%;height:245px;display:block;}.kp-axis{stroke:#cbd5e1;stroke-width:1}.kp-chart-label{font-size:11px;fill:#64748b}.kp-b1{fill:#2563eb}.kp-b2{fill:#16a34a}.kp-b3{fill:#d97706}.kp-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#64748b}.kp-legend span{display:flex;align-items:center;gap:5px}.kp-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.kp-legend .kp-b1{background:#2563eb}.kp-legend .kp-b2{background:#16a34a}.kp-legend .kp-b3{background:#d97706}
.kp-donut-wrap{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;min-height:220px}.kp-donut{width:145px;height:145px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.kp-donut>div{width:88px;height:88px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:900;font-size:22px;color:#111827}.kp-donut span{font-size:10px;color:#64748b;font-weight:700}.kp-donut-list{display:flex;flex-direction:column;gap:7px}.kp-donut-list div{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:12px;color:#475569}.kp-donut-list i{height:10px;border-radius:3px}.kp-donut-list b{color:#111827}.kp-empty{height:180px;display:flex;align-items:center;justify-content:center;color:#64748b;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}
.kp-pipeline{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.kp-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.kp-step div{display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center}.kp-step i{grid-row:span 2;width:28px;height:28px;border-radius:8px;background:#e0f2fe;color:#0369a1;display:flex;align-items:center;justify-content:center}.kp-step strong{font-size:21px;line-height:22px}.kp-step span{font-size:11px;color:#64748b;font-weight:700}.kp-step em{display:block;height:7px;background:#e2e8f0;border-radius:999px;margin:9px 0 4px;overflow:hidden}.kp-step em i{display:block;height:7px;background:#2563eb;border-radius:999px}.kp-step small{font-size:11px;color:#64748b;font-weight:700}
.kp-hbars{display:flex;flex-direction:column;gap:8px}.kp-hbars a{display:grid;grid-template-columns:1fr auto;gap:8px;text-decoration:none;color:#334155;font-size:12px}.kp-hbars span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-hbars b{color:#111827}.kp-hbars em{grid-column:1 / span 2;height:7px;background:#e2e8f0;border-radius:999px;overflow:hidden}.kp-hbars i{display:block;height:7px;background:#0891b2;border-radius:999px}.kp-alerts{display:flex;flex-direction:column;gap:9px}.kp-alerts a{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;text-decoration:none;border:1px solid #e2e8f0;border-radius:8px;padding:9px;color:#334155;background:#f8fafc}.kp-alerts i{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#e2e8f0}.kp-alerts b{font-size:18px;color:#111827}.kp-alerts .danger i{background:#fee2e2;color:#b91c1c}.kp-alerts .warn i{background:#fef3c7;color:#b45309}.kp-alerts .info i{background:#dbeafe;color:#1d4ed8}.kp-recent{display:flex;flex-direction:column;gap:8px}.kp-recent a{display:grid;grid-template-columns:110px 1fr 180px;gap:10px;padding:8px 0;border-bottom:1px solid #edf2f7;text-decoration:none;color:#334155;font-size:12px}.kp-recent strong{color:#1d4ed8}.kp-recent span,.kp-recent em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal}.kp-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kp-actions a{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #dfe7f1;border-radius:8px;background:#f8fafc;color:#1f2937;text-decoration:none;font-weight:800}.kp-actions i{width:28px;height:28px;border-radius:8px;background:#e0f2fe;color:#0369a1;display:flex;align-items:center;justify-content:center}.kp-error{padding:18px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;font-weight:700}
@media (max-width:1200px){.kp-cards{grid-template-columns:repeat(3,1fr)}.kp-grid,.kp-grid-main,.kp-grid-bottom{grid-template-columns:1fr}.kp-pipeline{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.kp-hero{flex-direction:column}.kp-program{min-width:0}.kp-cards{grid-template-columns:1fr}.kp-pipeline{grid-template-columns:1fr}.kp-donut-wrap{grid-template-columns:1fr}.kp-recent a{grid-template-columns:1fr}.kp-actions{grid-template-columns:1fr}}

/* =========================================================================
   ZIS UI v6: mirniji lijevi meni uskladjen sa ZIS topbarom
   ========================================================================= */
:root {
    --zis-sidebar-width: 238px;
    --zis-sidebar-bg: #2f67ad;
    --zis-sidebar-bg-2: #1e4f91;
    --zis-sidebar-line: rgba(255,255,255,.14);
    --zis-sidebar-text: #f3f8ff;
    --zis-sidebar-muted: #d6e5f6;
    --zis-sidebar-active: #7dd3fc;
}

#sidebar,
nav#sidebar {
    width: var(--zis-sidebar-width) !important;
    top: 52px !important;
    background: linear-gradient(180deg, #3b76bb 0%, #2f67ad 48%, #1e4f91 100%) !important;
    padding: 8px 7px !important;
    border: 0 !important;
    border-right: 2px solid #5d86b5 !important;
    box-shadow:
        inset -1px 0 0 rgba(255,255,255,.24),
        inset -4px 0 0 rgba(24,63,113,.14) !important;
}

#sidebar::after,
nav#sidebar::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: -5px !important;
    bottom: 0 !important;
    width: 5px !important;
    pointer-events: none !important;
    background: transparent !important;
}

#sidebar .sidebar-list {
    height: 100% !important;
    padding: 4px 0 12px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(214,229,246,.62) transparent !important;
}

#sidebar .sidebar-list::-webkit-scrollbar {
    width: 8px !important;
}

#sidebar .sidebar-list::-webkit-scrollbar-thumb {
    background: rgba(214,229,246,.52) !important;
    border-radius: 8px !important;
}

#sidebar .sidebar-list .nav-item {
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 1px 0 !important;
    padding: 6px 9px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    color: var(--zis-sidebar-text) !important;
    text-decoration: none !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
    background: transparent !important;
    box-shadow: none !important;
}

#sidebar .sidebar-list > .nav-item.dropdown-toggle {
    margin-top: 5px !important;
    color: #ffffff !important;
    background: rgba(255,255,255,.075) !important;
    border-color: var(--zis-sidebar-line) !important;
}

#sidebar .sidebar-list > .nav-item.nav-home {
    color: #ffffff !important;
}

#sidebar .sidebar-list ul {
    margin: 2px 0 5px 0 !important;
    padding: 3px 0 4px 13px !important;
    border-left: 1px solid rgba(214,229,246,.34) !important;
    background: transparent !important;
}

#sidebar .sidebar-list ul .nav-item {
    min-height: 29px !important;
    margin: 1px 0 !important;
    padding: 5px 8px !important;
    font-size: 11.5px !important;
    color: var(--zis-sidebar-muted) !important;
}

#sidebar .sidebar-list .nav-item i,
#sidebar .sidebar-list .nav-item .icon-field {
    width: 17px !important;
    min-width: 17px !important;
    margin: 0 !important;
    color: rgba(243,248,255,.86) !important;
    text-align: center !important;
}

#sidebar .sidebar-list .caret {
    margin-left: auto !important;
    opacity: .68 !important;
}

#sidebar .sidebar-list .nav-item:hover,
#sidebar .sidebar-list .nav-item:focus {
    color: #ffffff !important;
    background: rgba(255,255,255,.14) !important;
    border-color: rgba(255,255,255,.20) !important;
    text-decoration: none !important;
    outline: none !important;
}

#sidebar .sidebar-list .nav-item:hover i,
#sidebar .sidebar-list .nav-item:hover .icon-field,
#sidebar .sidebar-list .nav-item:focus i,
#sidebar .sidebar-list .nav-item:focus .icon-field {
    color: #ffffff !important;
}

#sidebar .sidebar-list .nav-item.active,
#sidebar .sidebar-list .nav-item.active:hover,
#sidebar .sidebar-list .nav-item.active:focus {
    position: relative !important;
    color: #ffffff !important;
    background: rgba(125,211,252,.24) !important;
    border-color: rgba(186,230,253,.48) !important;
    box-shadow: inset 3px 0 0 var(--zis-sidebar-active) !important;
}

#sidebar .sidebar-list .nav-item.active i,
#sidebar .sidebar-list .nav-item.active .icon-field,
#sidebar .sidebar-list .nav-item.active:hover i,
#sidebar .sidebar-list .nav-item.active:hover .icon-field {
    color: #ffffff !important;
}

#sidebar .sidebar-list ul:empty {
    display: none !important;
}

.viewpanel,
#view-panel,
div.viewpanel,
[id*="view-panel"],
.viewpanel1,
div.viewpanel1 {
    margin-left: var(--zis-sidebar-width) !important;
}

body.sidebar-collapsed .viewpanel,
body.sidebar-collapsed #view-panel,
body.sidebar-collapsed [id*="view-panel"],
body.sidebar-collapsed .viewpanel1,
body.sidebar-collapsed div.viewpanel1 {
    margin-left: 0 !important;
}

/* =========================================================================
   ZIS FILTER TOOLBAR v2: uskladjeno sa sidebar/topbar stilom
   ========================================================================= */
body.ima-pretragu .zis-topbar.navbar,
body.ima-pretragu .navbar.zis-topbar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(255,255,255,.08), inset 0 -4px 0 rgba(0,0,0,.20) !important;
}

body.ima-pretragu .zis-topbar.navbar::after,
body.ima-pretragu .navbar.zis-topbar::after {
    display: none !important;
}

body.ima-pretragu #pretrazivanje {
    background: #eef5fc !important;
    border: 0 !important;
    border-bottom: 1px solid #dbe7f3 !important;
    box-shadow: none !important;
    padding: 7px 9px !important;
}

body.ima-pretragu #pretrazivanje::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -6px !important;
    height: 6px !important;
    pointer-events: none !important;
    background: transparent !important;
}

body.ima-pretragu #pretrazivanje .filter-group input,
body.ima-pretragu #pretrazivanje .filter-group select,
body.ima-pretragu #pretrazivanje input,
body.ima-pretragu #pretrazivanje select,
body.ima-pretragu #pretrazivanje .select2-container--default .select2-selection--single {
    border: 1px solid rgba(174,199,229,.78) !important;
    background: #e7eef7 !important;
    color: #0f172a !important;
    box-shadow:
        inset 0 1px 1px rgba(15,23,42,.10),
        0 1px 0 rgba(255,255,255,.10) !important;
}

body.ima-pretragu #pretrazivanje input::placeholder {
    color: #5e7188 !important;
    opacity: 1 !important;
}

body.ima-pretragu #pretrazivanje input:focus,
body.ima-pretragu #pretrazivanje select:focus,
body.ima-pretragu #pretrazivanje .select2-container--default.select2-container--focus .select2-selection--single,
body.ima-pretragu #pretrazivanje .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #c9dcf2 !important;
    box-shadow:
        0 0 0 2px rgba(255,255,255,.22),
        inset 0 1px 1px rgba(15,23,42,.10) !important;
}

body.ima-pretragu #pretrazivanje .dkp-btn,
body.ima-pretragu #pretrazivanje button,
body.ima-pretragu #pretrazivanje .btn {
    color: #244f82 !important;
    border: 1px solid #bfd2e8 !important;
    background: #f8fbff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(15,35,60,.08) !important;
}

body.ima-pretragu #pretrazivanje .dkp-btn:hover,
body.ima-pretragu #pretrazivanje button:hover,
body.ima-pretragu #pretrazivanje .btn:hover,
body.ima-pretragu #pretrazivanje .dkp-btn:focus,
body.ima-pretragu #pretrazivanje button:focus,
body.ima-pretragu #pretrazivanje .btn:focus {
    color: #0f2f63 !important;
    background: #e6f0fb !important;
    border-color: #9fb8d4 !important;
    outline: none !important;
}

body.ima-pretragu #pretrazivanje .dkp-btn i,
body.ima-pretragu #pretrazivanje button i,
body.ima-pretragu #pretrazivanje .btn i {
    color: #244f82 !important;
}

/* =========================================================================
   ZIS FILTER TOOLBAR v3: mirna radna traka izmedju topbara i tabela
   ========================================================================= */
body.ima-pretragu #pretrazivanje {
    min-height: var(--zis-toolbar-height) !important;
    gap: 6px !important;
    padding: 6px 9px !important;
    background: #eaf2fb !important;
    border: 0 !important;
    border-bottom: 1px solid #c9d9ea !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 1px 2px rgba(31,79,130,.07) !important;
}

body.ima-pretragu #pretrazivanje .filter-group {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    min-width: 128px !important;
    max-width: 270px !important;
    margin: 0 !important;
}

body.ima-pretragu #pretrazivanje input,
body.ima-pretragu #pretrazivanje select,
body.ima-pretragu #pretrazivanje .filter-group input,
body.ima-pretragu #pretrazivanje .filter-group select,
body.ima-pretragu #pretrazivanje .select2-container--default .select2-selection--single {
    height: 30px !important;
    min-height: 30px !important;
    border: 1px solid #b8cade !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #12263f !important;
    font-size: 12.5px !important;
    line-height: 20px !important;
    box-shadow: inset 0 1px 1px rgba(15,35,60,.07) !important;
}

body.ima-pretragu #pretrazivanje input,
body.ima-pretragu #pretrazivanje select,
body.ima-pretragu #pretrazivanje .filter-group input,
body.ima-pretragu #pretrazivanje .filter-group select {
    padding: 4px 8px !important;
}

body.ima-pretragu #pretrazivanje input[type="file"] {
    min-width: 245px !important;
    line-height: 20px !important;
    padding: 3px 8px !important;
}

body.ima-pretragu #pretrazivanje input::placeholder {
    color: #687b90 !important;
    opacity: 1 !important;
}

body.ima-pretragu #pretrazivanje input:focus,
body.ima-pretragu #pretrazivanje select:focus,
body.ima-pretragu #pretrazivanje .select2-container--default.select2-container--focus .select2-selection--single,
body.ima-pretragu #pretrazivanje .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #5d86b5 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(93,134,181,.22), inset 0 1px 1px rgba(15,35,60,.07) !important;
}

body.ima-pretragu #pretrazivanje .select2-container {
    min-width: 128px !important;
    height: 30px !important;
}

body.ima-pretragu #pretrazivanje .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 28px !important;
    line-height: 28px !important;
    padding-left: 8px !important;
    padding-right: 26px !important;
    color: #12263f !important;
    font-size: 12.5px !important;
}

body.ima-pretragu #pretrazivanje .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #687b90 !important;
}

body.ima-pretragu #pretrazivanje .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px !important;
    right: 3px !important;
}

body.ima-pretragu #pretrazivanje .buttons-group {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
}

body.ima-pretragu #pretrazivanje .dkp-btn,
body.ima-pretragu #pretrazivanje button,
body.ima-pretragu #pretrazivanje .btn {
    height: 30px !important;
    min-width: 38px !important;
    padding: 4px 10px !important;
    border: 1px solid #aec4dc !important;
    border-radius: 4px !important;
    background: #f8fbff !important;
    color: #244f82 !important;
    font-size: 12.5px !important;
    line-height: 20px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1px 1px rgba(31,79,130,.08) !important;
}

body.ima-pretragu #pretrazivanje .dkp-btn:hover,
body.ima-pretragu #pretrazivanje button:hover,
body.ima-pretragu #pretrazivanje .btn:hover,
body.ima-pretragu #pretrazivanje .dkp-btn:focus,
body.ima-pretragu #pretrazivanje button:focus,
body.ima-pretragu #pretrazivanje .btn:focus {
    background: #ffffff !important;
    border-color: #7ea4cc !important;
    color: #123f73 !important;
    outline: none !important;
}

body.ima-pretragu #pretrazivanje .dkp-btn i,
body.ima-pretragu #pretrazivanje button i,
body.ima-pretragu #pretrazivanje .btn i {
    color: currentColor !important;
}

/* =========================================================================
   ZIS CONTENT PANELS v1: uskladjivanje radnog dijela sa novim chrome stilom
   ========================================================================= */
body.zis-layout-table,
body.zis-layout-panel {
    background: #edf3f9 !important;
}

body.ima-pretragu .viewpanel,
body.ima-pretragu #view-panel,
body.ima-pretragu div.viewpanel,
body.ima-pretragu [id*="view-panel"],
body.zis-layout-panel .viewpanel,
body.zis-layout-panel #view-panel,
body.zis-layout-panel div.viewpanel,
body.zis-layout-panel [id*="view-panel"] {
    background: #edf3f9 !important;
    padding: 8px !important;
}

body.ima-pretragu #TableContainer,
body.zis-layout-panel #TableContainer,
#TableContainer {
    background: #f8fbff !important;
    border: 1px solid #c9d7e8 !important;
    border-radius: 6px !important;
    box-shadow:
        0 2px 8px rgba(15,23,42,.10),
        inset 0 1px 0 rgba(255,255,255,.78) !important;
    box-sizing: border-box !important;
}

.app-modal .modal-content,
.modal.app-modal .modal-content {
    background: #f3f6fa !important;
    border: 1px solid #b8c9dc !important;
    box-shadow: 0 10px 28px rgba(15,23,42,.24) !important;
}

.app-modal .modal-header,
.modal.app-modal .modal-header {
    background: linear-gradient(180deg, #244f82 0%, #1d426d 100%) !important;
    color: #ffffff !important;
    border-bottom: 1px solid #23476f !important;
}

.app-modal .modal-header .close,
.modal.app-modal .modal-header .close {
    color: #ffffff !important;
    opacity: .9 !important;
}

.app-modal .modal-body,
.modal.app-modal .modal-body {
    background: #f8fbff !important;
}
/* Standardni Windows Retro Skrolbar */
.retro-table-wrapper::-webkit-scrollbar { width: 16px !important; height: 16px !important; background: #dfdfdf !important; }
.retro-table-wrapper::-webkit-scrollbar-track {
    background-image: linear-gradient(45deg, #c0c0c0 25%, transparent 25%), 
                      linear-gradient(-45deg, #c0c0c0 25%, transparent 25%), 
                      linear-gradient(45deg, transparent 75%, #c0c0c0 75%), 
                      linear-gradient(-45deg, transparent 75%, #c0c0c0 75%) !important;
    background-size: 4px 4px !important;
    background-color: #dfdfdf !important;
}
.retro-table-wrapper::-webkit-scrollbar-thumb {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #fff #808080 #808080 #fff !important;
    border-radius: 0px !important;
}
.retro-table-wrapper::-webkit-scrollbar-thumb:active { border-color: #808080 #fff #fff #808080 !important; }

/* =========================================================================
   ZIS INTEGRATED RETRO MODALS (from modal-styles.css)
   ========================================================================= */
/* =========================================================================
   1. GLOBALNE RESPONSIVNE DIMENZIJE ZA RETRO MODALE
   ========================================================================= */
@media (min-width: 992px) {
    html, body { background-color: #d6d3ce !important; margin: 0; padding: 0; }
    
    /* POSEBNO IZDVOJENO: Samo veliki modal za unos podataka ide na 95% ekrana */
    #UnosPodatakaModal .modal-dialog {
        width: 95% !important; 
        max-width: 95% !important; 
        margin: 1.5rem auto !important;
    }
}

@media (max-width: 767px) {
    #UnosPodatakaModal .modal-dialog, .modal-dialog { 
        width: 100% !important; 
        max-width: 100% !important; 
        margin: 0 !important; 
        padding: 0 !important; 
    }
    .tableFixHead { height: 60vh !important; }
    .win-footer-panel { justify-content: center !important; flex-direction: column; gap: 8px; }
    .btn-win-main { width: 100% !important; text-align: center; }
}

/* =========================================================================
   1.1. SPECIFICNE SIRINE ZA NOVE RETRO PROZORE
   ========================================================================= */

/* Prozor za promjenu statusa - mali, kompaktni retro okvir */
#promjenaStatusaModal .modal-dialog {
    width: 320px !important;
    max-width: 320px !important;
    position: relative !important;
    margin: 120px auto 0 auto !important; /* Centriran i spusten malo nize */
}

/* Prozor za kreiranje gazdinstva - srednji retro prozor prilagoden formi */
#getCodeModal_gazdinstvo .modal-dialog {
    width: 620px !important;
    max-width: 620px !important;
    position: relative !important;
    margin: 60px auto 0 auto !important;
}

/* Globalna poliranja za sve .app-modal kutije */
.app-modal .modal-content {
    border-radius: 0px !important;
    border: 2px solid #000080 !important;
    box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.4) !important;
    background: #d6d3ce !important;
    padding: 0 !important;
}

/* Omogucavanje ispravnog kursora za drag-and-drop na plavim trakama */
.app-modal .modal-header, .win-title-bar {
    cursor: move !important;
    user-select: none !important;
}

/* =========================================================================
   2. RETRO KONTEKST, INSET BOX I STRUKTURA ELEMENTA
   ========================================================================= */
.win-desktop-context {
    font-family: "Tahoma", "MS Sans Serif", Arial, sans-serif !important;
    font-size: 11px !important; color: #000000 !important; background-color: #d6d3ce !important; padding: 5px;
}

.tableFixHead { 
    overflow-x: auto !important; 
    overflow-y: auto !important; 
    height: 55vh; 
    width: 100% !important; 
    position: relative;
    display: block !important;
}

.win-inset-box {
    border: 2px solid; border-color: #808080 #ffffff #ffffff #808080; background: #ffffff;
}

#dinamicka_tabela { 
    table-layout: auto !important; 
    width: max-content !important; 
    margin-bottom: 0 !important;
    border-collapse: separate !important; 
    border-spacing: 0;
}

.win-title-bar {
    background: #000080 !important; color: #ffffff !important; padding: 4px 8px;
    font-weight: bold; font-size: 13px; font-family: "Tahoma", sans-serif;
    display: flex; justify-content: space-between; align-items: center; border: 1px solid #000000;
}

/* =========================================================================
   3. RETRO DIZAJN I STILIZACIJA RETRO TABELE
   ========================================================================= */
.win-table th { 
    position: sticky !important; top: 0; 
    background: #d6d3ce !important; z-index: 10; 
    color: #000 !important; font-size: 11px !important; font-weight: normal !important;
    border-right: 1px solid #808080 !important; border-bottom: 1px solid #808080 !important;
    border-left: 1px solid #ffffff !important; border-top: 1px solid #ffffff !important;
    padding: 0 !important; vertical-align: middle !important; position: relative; white-space: nowrap !important;
}

.win-table th:not(.sorter-false) { cursor: pointer; }

.th-wrapper { 
    display: inline-flex !important; align-items: center !important; justify-content: flex-start !important;
    gap: 5px !important; padding: 6px 12px 6px 8px !important; box-sizing: border-box !important; white-space: nowrap !important; width: 100%;
}

.th-wrapper span { white-space: nowrap !important; }
.th-wrapper-stack { display: block !important; padding: 4px 6px !important; box-sizing: border-box !important; }

.btn-win-hide {
    background: #d6d3ce; border: 1px solid; border-color: #ffffff #808080 #808080 #ffffff;
    font-size: 9px; padding: 1px 3px; cursor: pointer; line-height: 10px; display: inline-block !important; vertical-align: middle; margin: 0 !important; position: relative; z-index: 30;
}

.win-table th.tablesorter-header .th-wrapper::after { content: " ?"; font-size: 9px; color: #808080; display: inline-block; margin-left: auto; padding-left: 3px; }
.win-table th.tablesorter-headerAsc .th-wrapper::after { content: " ?" !important; font-size: 8px; color: #000 !important; }
.win-table th.tablesorter-headerDesc .th-wrapper::after { content: " ?" !important; font-size: 8px; color: #000 !important; }
.win-table th.sorter-false .th-wrapper::after { content: "" !important; }

.resizer { position: absolute; right: 0; top: 0; width: 6px; cursor: col-resize; user-select: none; height: 100%; z-index: 25; background: transparent; }
.resizer:hover { background: #808080 !important; }

.win-table td { padding: 2px 4px !important; font-size: 11px !important; vertical-align: middle !important; border-right: 1px solid #c0c0c0 !important; border-bottom: 1px solid #c0c0c0 !important; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }
.win-table td input, .win-table td select { width: 100% !important; box-sizing: border-box !important; }

/* =========================================================================
   4. TASTERIMA, INPUTI I PANELI NA RETRO DIJALOZIMA
   ========================================================================= */
.win-input { font-family: "Tahoma", sans-serif !important; font-size: 11px !important; height: 18px !important; padding: 1px 3px !important; line-height: 14px !important; border: 1px solid !important; border-color: #808080 #ffffff #ffffff #808080 !important; border-radius: 0 !important; }

.r-locked { background-color: #f0ece6 !important; color: #404040 !important; }
.r-editable { background-color: #ffffff !important; }

.btn-win-main { font-family: "Tahoma", sans-serif !important; font-size: 11px !important; font-weight: bold; color: #000000; background: #d6d3ce; border: 2px solid; border-color: #ffffff #808080 #808080 #ffffff; padding: 4px 14px; cursor: pointer; box-shadow: 1px 1px 0px #000000; }
.btn-win-blue { background: #004eae !important; color: #ffffff !important; border-color: #3f92ff #002266 #002266 #3f92ff !important; }
.btn-win-action-del { font-family: "Tahoma", sans-serif !important; font-size: 10px; background: #e28787; color: #000; border: 1px solid; border-color: #ffffff #808080 #808080 #ffffff; padding: 0px 4px; cursor: pointer; }

.win-footer-panel { background: #d6d3ce; padding: 8px; border-top: 1px solid #808080; display: flex; justify-content: flex-end; align-items: center; margin-top: 5px; }

.yellow { background-color: #ffffcc !important; }
.bordo  { background-color: #f2dede !important; }
.crveno { background-color: #f5c6cb !important; }
.hide-col { display: none !important; width: 0px !important; min-width: 0px !important; max-width: 0px !important; padding: 0 !important; margin: 0 !important; }

.win-table th::-webkit-scrollbar { display: none; }
.win-table th { -ms-overflow-style: none; scrollbar-width: none; }

/* =========================================================================
   ZIS BADGES: compact, non-bold labels across all pages
   ========================================================================= */
.label,
.badge,
[class*="-badge"],
[class*="_badge"] {
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 13px !important;
    padding: 2px 6px !important;
    letter-spacing: 0 !important;
}
/* ZIS reusable table/dialog helpers */
.zis-table-action-btn i,
.zis-parcele-action-btn i {
    font-size: 11px;
    line-height: 16px;
}
.zis-action-disabled,
.zis-action-disabled:hover,
.zis-action-disabled:focus,
.zis-parcele-action-btn-disabled,
.zis-parcele-action-btn-disabled:hover,
.zis-parcele-action-btn-disabled:focus {
    opacity: .38 !important;
    cursor: default !important;
    pointer-events: none !important;
    background: #eef5fc !important;
    border-color: #dbe7f3 !important;
    color: #8aa0b8 !important;
}
.zis-row-delete-disabled,
.zis-parcele-delete-disabled {
    opacity: .30 !important;
    cursor: default !important;
    pointer-events: none !important;
    filter: grayscale(1);
}
.zis-table-map-link-disabled {
    opacity: .32 !important;
    cursor: default !important;
    pointer-events: none !important;
    filter: grayscale(1);
}
.zis-status-badge,
.zis-parcele-badge {
    display: inline-block;
    min-width: 78px;
    padding: 3px 7px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
}
.zis-status-badge-muted,
.zis-parcele-badge-muted { background:#94a3b8; color:#111827; }
.zis-status-badge-active,
.zis-parcele-badge-active { background:#2aa198; }
.zis-status-badge-ended,
.zis-parcele-badge-ended { background:#64748b; }
.zis-status-badge-annex,
.zis-parcele-badge-annex { background:#b7a24b; }
.zis-status-badge-procedure,
.zis-parcele-badge-procedure { background:#c56f2d; }
.zis-status-badge-free,
.zis-parcele-badge-free { background:#2aa198; }
.zis-status-badge-partial,
.zis-parcele-badge-partial { background:#d89a22; }
.zis-status-badge-full,
.zis-parcele-badge-full { background:#c94a4a; }
.zis-status-badge-other,
.zis-parcele-badge-other { background:#4b9ab0; }
.zis-mini-badge,
.zis-parcele-mini-badge {
    display: inline-block;
    min-width: 20px;
    height: 18px;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    border: 1px solid rgba(15,23,42,.12);
}
.zis-mini-badge-poljo,
.zis-parcele-mini-badge-poljo { background:#e7d7c6; color:#6f3f1f; }
.zis-mini-badge-ostalo,
.zis-parcele-mini-badge-ostalo { background:#dceeff; color:#1f5f8f; }
.zis-mini-badge-sume,
.zis-parcele-mini-badge-sume { background:#d9f4ea; color:#12614f; }
.zis-mini-badge-rs,
.zis-parcele-mini-badge-rs { background:#f6d4d4; color:#9f1d1d; }
.zis-mini-badge-opstina,
.zis-parcele-mini-badge-opstina { background:#dceeff; color:#1f5f8f; }
.zis-mini-badge-sume-nad,
.zis-parcele-mini-badge-sume-nad { background:#d9f4ea; color:#12614f; }
.zis-mini-badge-suposjednistvo,
.zis-parcele-mini-badge-suposjednistvo { background:#ece6ff; color:#5b3c98; }
.zis-status-dot,
.zis-parcele-status-dot {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    vertical-align: middle;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.55), 0 0 0 1px rgba(15,23,42,.18);
}
.zis-status-dot-active,
.zis-parcele-status-dot-active { background:#21a366; }
.zis-status-dot-inactive,
.zis-parcele-status-dot-inactive { background:#d64545; }
.zis-table-legend,
.zis-parcele-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    align-items: center;
    padding: 8px 10px;
    margin: 0 0 8px 0;
    font-size: 12px;
    color: #334155;
    background: #f8fafc;
    border: 1px solid #d7dde5;
}
.zis-table-legend span,
.zis-parcele-legend span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.zis-table-legend i,
.zis-parcele-legend i,
.zis-legend-swatch {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid rgba(15,23,42,.18);
}
.zis-legend-swatch-free { background:#2aa198; }
.zis-legend-swatch-partial { background:#d89a22; }
.zis-legend-swatch-full { background:#c94a4a; }
.zis-legend-swatch-procedure { background:#c56f2d; }
.zis-legend-swatch-other { background:#4b9ab0; }
.zis-legend-swatch-muted { background:#94a3b8; }
.zis-legend-swatch-annex { background:#b7a24b; }
.zis-panel-message {
    padding: 10px 15px;
    display: none;
}
.zis-panel-spaced { margin-top: 10px; }
.zis-panel-spaced-lg { margin-top: 15px; }
.zis-modal-wide .modal-dialog,
.modal-dialog.zis-modal-wide,
.modal-dialog.zis-dialog-wide {
    width: 95% !important;
    max-width: 95vw !important;
}
.zis-modal-grid-form,
#validacija-form,
#zis_parcele_uredi_form {
    margin: 0;
}
.zis-modal-table-wrap,
.zis-insert-wrap,
.zis-parcele-edit-wrap {
    max-height: 72vh;
    overflow: auto;
    background: #f8fbff;
    border: 1px solid #c8d9eb;
    border-radius: 2px;
}
.zis-modal-table,
.zis-insert-table,
.zis-parcele-edit-table {
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #f8fbff;
    color: #1f2937;
}
.zis-modal-table thead tr:first-child th,
.zis-modal-table thead tr:nth-child(2) th,
.zis-insert-table thead tr:first-child th,
.zis-insert-table thead tr:nth-child(2) th,
.zis-parcele-edit-table thead tr:first-child th,
.zis-parcele-edit-table thead tr:nth-child(2) th {
    position: sticky;
    white-space: nowrap;
    vertical-align: middle !important;
    border-top: 0 !important;
    border-left: 1px solid #9ec5e8 !important;
    border-right: 1px solid #3d73a5 !important;
    border-bottom: 1px solid #2d638f !important;
    color: #f8fbff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.24) !important;
    background: linear-gradient(180deg, #88b9e4 0%, #679dd0 44%, #4f86ba 58%, #71a7d6 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 4px 5px rgba(255,255,255,.12), inset 0 -4px 5px rgba(30,75,115,.20) !important;
}
.zis-modal-table thead tr:first-child th,
.zis-insert-table thead tr:first-child th,
.zis-parcele-edit-table thead tr:first-child th { top: 0; z-index: 6; padding: 4px 7px !important; }
.zis-modal-table thead tr:nth-child(2) th,
.zis-insert-table thead tr:nth-child(2) th,
.zis-parcele-edit-table thead tr:nth-child(2) th { top: 27px; z-index: 5; padding: 3px 6px !important; }
.zis-modal-table th.zis-sortable,
.zis-insert-table th.zis-sortable,
.zis-parcele-edit-table th.zis-sortable { cursor: pointer; user-select: none; }
.zis-modal-table th.zis-sortable:after,
.zis-parcele-edit-table th.zis-sortable:after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    color: #eef6ff;
    font-size: 9px;
    text-shadow: 0 1px 0 rgba(0,0,0,.22);
}
.zis-modal-table th.zis-sort-asc:after,
.zis-insert-table th.zis-sort-asc:after,
.zis-parcele-edit-table th.zis-sort-asc:after { content: "▲"; display: inline-block; margin-left: 5px; font-size: 9px; }
.zis-modal-table th.zis-sort-desc:after,
.zis-insert-table th.zis-sort-desc:after,
.zis-parcele-edit-table th.zis-sort-desc:after { content: "▼"; display: inline-block; margin-left: 5px; font-size: 9px; }
.zis-modal-table .zis-header-check,
.zis-modal-table .zis-check-cell,
.zis-insert-table .zis-check-cell,
.zis-parcele-edit-table .zis-header-check,
.zis-parcele-edit-table .zis-check-cell { text-align: center; }
.zis-modal-table tbody td,
.zis-insert-table tbody td,
.zis-parcele-edit-table tbody td {
    padding: 3px 5px !important;
    white-space: nowrap;
    vertical-align: middle !important;
    font-size: 10px !important;
    line-height: 18px !important;
    color: #1f2937 !important;
    border-color: #dbe7f3 !important;
    background: #f7fbff !important;
}
.zis-modal-table tbody tr:nth-child(odd) td,
.zis-modal-table tbody tr:nth-child(even) td,
.zis-insert-table tbody tr:nth-child(odd) td,
.zis-insert-table tbody tr:nth-child(even) td,
.zis-parcele-edit-table tbody tr:nth-child(odd) td,
.zis-parcele-edit-table tbody tr:nth-child(even) td { background: #f7fbff !important; }
.zis-modal-table tbody tr.danger td,
.zis-modal-table tbody tr.zis-no-geometry td,
.zis-insert-table tbody tr.zis-no-geometry td,
.zis-parcele-edit-table tbody tr.danger td { background: #fdeaea !important; color: #5f1f1f !important; }
.zis-modal-table tbody tr.zis-in-system td,
.zis-insert-table tbody tr.zis-in-system td { background: #f9dddd !important; color: #5f1f1f !important; }
.zis-modal-table tbody tr:hover td,
.zis-insert-table tbody tr:hover td,
.zis-parcele-edit-table tbody tr:hover td { background: #e2eef9 !important; color: #12263f !important; }
.zis-modal-table tbody tr.danger:hover td,
.zis-parcele-edit-table tbody tr.danger:hover td { background: #f9dddd !important; color: #5f1f1f !important; }
.zis-modal-table tbody tr.zis-selected td,
.zis-insert-table tbody tr.zis-selected td,
.zis-parcele-edit-table tbody tr.zis-selected td { background: #fff3bf !important; color: #1f2937 !important; }
.zis-modal-table input.form-control,
.zis-modal-table select.form-control,
.zis-insert-table input.form-control,
.zis-insert-table select.form-control,
.zis-parcele-edit-table input.form-control,
.zis-parcele-edit-table select.form-control {
    min-width: 105px;
    height: 23px;
    padding: 1px 5px;
    border-radius: 2px;
    border: 1px solid #bdd2e8;
    background: #ffffff;
    color: #1f2937;
    font-size: 10px;
    line-height: 17px;
    box-shadow: inset 0 1px 1px rgba(15, 47, 99, .06);
}
.zis-modal-table select.form-control,
.zis-insert-table select.form-control,
.zis-parcele-edit-table select.form-control { padding-right: 18px; }
.zis-modal-table input.form-control:focus,
.zis-modal-table select.form-control:focus,
.zis-insert-table input.form-control:focus,
.zis-insert-table select.form-control:focus,
.zis-parcele-edit-table input.form-control:focus,
.zis-parcele-edit-table select.form-control:focus {
    border-color: #679dd0;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(15,47,99,.06), 0 0 0 2px rgba(103,157,208,.16);
}
.zis-modal-table input.form-control[readonly],
.zis-insert-table input.form-control[readonly],
.zis-parcele-edit-table input.form-control[readonly] {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #334155;
    cursor: default;
}
.zis-modal-table .zis-wide,
.zis-insert-table .zis-wide,
.zis-parcele-edit-table .zis-wide { min-width: 210px !important; }
.zis-insert-table thead tr th:nth-child(11),
.zis-insert-table thead tr th:nth-child(12),
.zis-insert-table thead tr th:nth-child(13),
.zis-insert-table tbody tr td:nth-child(11),
.zis-insert-table tbody tr td:nth-child(12),
.zis-insert-table tbody tr td:nth-child(13) {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    text-align: center !important;
}

.zis-insert-table tbody tr td:nth-child(11) input.form-control,
.zis-insert-table tbody tr td:nth-child(12) input.form-control,
.zis-insert-table tbody tr td:nth-child(13) input.form-control {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-align: center !important;
}
.zis-modal-table input[type="checkbox"],
.zis-insert-table input[type="checkbox"],
.zis-parcele-edit-table input[type="checkbox"] { width: 13px; height: 13px; margin: 0; vertical-align: middle; }
.zis-insert-col-hidden,
.zis-modal-col-hidden { display: none !important; }
.zis-modal-footer,
.zis-insert-footer,
.zis-parcele-edit-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 6px 0 0 0;
    padding: 7px 9px;
    background: #eef5fc;
    border: 1px solid #dbe7f3;
    border-radius: 2px;
}
.zis-modal-toolbar,
.zis-insert-toolbar,
.zis-parcele-edit-toolbar { display: flex; align-items: center; justify-content: flex-start; gap: 8px; margin: 0; padding: 0; }
.zis-modal-actions,
.zis-insert-actions,
.zis-parcele-edit-actions { margin: 0; text-align: right; }
.zis-modal-toolbar .btn-group,
.zis-insert-toolbar .btn-group,
.zis-parcele-edit-toolbar .btn-group { position: relative; }
.zis-modal-toolbar .dropdown-menu,
.zis-insert-toolbar .dropdown-menu,
.zis-parcele-edit-toolbar .dropdown-menu {
    left: 100%;
    right: auto;
    top: auto;
    bottom: 0;
    min-width: 190px;
    max-height: 320px;
    overflow: auto;
    padding: 5px 0;
    margin: 0 0 0 6px;
    border: 1px solid #c8d9eb;
    border-radius: 2px;
    background: #f8fbff;
    box-shadow: 8px 8px 18px rgba(15,47,99,.14);
}
.zis-modal-toolbar .dropdown-menu label,
.zis-insert-toolbar .dropdown-menu label,
.zis-parcele-edit-toolbar .dropdown-menu label {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding: 4px 11px;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    color: #1f2937;
    white-space: nowrap;
    cursor: pointer;
}
.zis-modal-toolbar .dropdown-menu label:hover,
.zis-insert-toolbar .dropdown-menu label:hover,
.zis-parcele-edit-toolbar .dropdown-menu label:hover { background: #e9f2fb; }
.zis-modal-toolbar .dropdown-menu input.zis-column-check,
.zis-insert-toolbar .dropdown-menu input.zis-column-check,
.zis-parcele-edit-toolbar .dropdown-menu input.zis-column-check { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; pointer-events: none; }
.zis-modal-toolbar .dropdown-menu .zis-column-check-label,
.zis-insert-toolbar .dropdown-menu .zis-column-check-label,
.zis-parcele-edit-toolbar .dropdown-menu .zis-column-check-label { display: inline-flex; align-items: center; gap: 7px; }
.zis-modal-toolbar .dropdown-menu .zis-column-check-label::before,
.zis-insert-toolbar .dropdown-menu .zis-column-check-label::before,
.zis-parcele-edit-toolbar .dropdown-menu .zis-column-check-label::before { content: ""; width: 12px; height: 12px; flex: 0 0 12px; border: 1px solid #8fb2d5; border-radius: 2px; background: #fff; box-shadow: inset 0 1px 1px rgba(15,47,99,.08); }
.zis-modal-toolbar .dropdown-menu input.zis-column-check:checked + .zis-column-check-label::before,
.zis-insert-toolbar .dropdown-menu input.zis-column-check:checked + .zis-column-check-label::before,
.zis-parcele-edit-toolbar .dropdown-menu input.zis-column-check:checked + .zis-column-check-label::before { background: #4f86ba; border-color: #3f75a8; box-shadow: inset 0 0 0 2px #fff; }
.zis-row-edit-form {
    margin: 0;
    padding: 2px 0 0;
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.zis-row-edit-field { margin-bottom: 12px; }
.zis-row-edit-field label {
    display: block;
    margin: 0 0 4px;
    color: #314255;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}
.zis-row-edit-field .form-control {
    width: 100%;
    min-height: 32px;
    border-radius: 4px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.35;
}
.zis-row-edit-field textarea.form-control { min-height: 86px; resize: vertical; }
.zis-row-edit-actions { display: flex; justify-content: flex-end; padding-top: 2px; }
.zis-alert-compact {
    border-radius: 0;
    font-family: "MS Sans Serif", Geneva, sans-serif;
    font-size: 11px;
}
.zis-inline-message { padding: 0 15px; }
.zis-hidden-cell { display: none !important; }
/* ZIS global badge palette and compatibility aliases */
.zis-badge,
.zis-status-badge,
.zis-parcele-badge,
.zis-fin-badge,
.zis-ug-status-badge,
.zis-ugovori-status-badge {
    display: inline-block;
    min-width: 82px;
    padding: 3px 7px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
}
.zis-badge-sm,
.zis-mini-badge,
.zis-parcele-mini-badge {
    display: inline-block;
    min-width: 20px;
    height: 18px;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    border: 1px solid rgba(15,23,42,.12);
}
.zis-badge-muted,
.zis-status-badge-muted,
.zis-parcele-badge-muted,
.zis-fin-ended,
.zis-ug-status-ended,
.zis-ugovori-status-ended,
.zis-sync-deleted { background:#94a3b8; color:#111827; }
.zis-badge-active,
.zis-badge-success,
.zis-status-badge-active,
.zis-parcele-badge-active,
.zis-status-badge-free,
.zis-parcele-badge-free,
.zis-fin-active,
.zis-fin-ok,
.zis-sync-ok,
.zis-ug-status-active,
.zis-ugovori-status-active { background:#2aa198; color:#ffffff; }
.zis-badge-ended,
.zis-status-badge-ended,
.zis-parcele-badge-ended { background:#64748b; color:#ffffff; }
.zis-badge-warning,
.zis-status-badge-partial,
.zis-parcele-badge-partial,
.zis-fin-missing,
.zis-sync-ready,
.zis-ug-status-expiring,
.zis-ugovori-status-expiring { background:#d89a22; color:#111827; }
.zis-badge-danger,
.zis-status-badge-full,
.zis-parcele-badge-full,
.zis-fin-negative,
.zis-sync-bad,
.zis-ug-status-expired,
.zis-ugovori-status-expired { background:#c94a4a; color:#ffffff; }
.zis-badge-annex,
.zis-status-badge-annex,
.zis-parcele-badge-annex,
.zis-fin-annex,
.zis-ug-status-annex,
.zis-ugovori-status-annex { background:#b7a24b; color:#ffffff; }
.zis-badge-procedure,
.zis-status-badge-procedure,
.zis-parcele-badge-procedure,
.zis-fin-procedure,
.zis-ug-status-procedure,
.zis-ugovori-status-procedure { background:#c56f2d; color:#ffffff; }
.zis-badge-info,
.zis-status-badge-other,
.zis-parcele-badge-other,
.zis-sync-multi { background:#4b9ab0; color:#ffffff; }
.zis-badge-poljo,
.zis-mini-badge-poljo,
.zis-parcele-mini-badge-poljo { background:#e7d7c6; color:#6f3f1f; }
.zis-badge-ostalo,
.zis-mini-badge-ostalo,
.zis-parcele-mini-badge-ostalo,
.zis-mini-badge-opstina,
.zis-parcele-mini-badge-opstina { background:#dceeff; color:#1f5f8f; }
.zis-badge-sume,
.zis-mini-badge-sume,
.zis-parcele-mini-badge-sume,
.zis-mini-badge-sume-nad,
.zis-parcele-mini-badge-sume-nad { background:#d9f4ea; color:#12614f; }
.zis-badge-rs,
.zis-mini-badge-rs,
.zis-parcele-mini-badge-rs { background:#f6d4d4; color:#9f1d1d; }
.zis-badge-suposjednistvo,
.zis-mini-badge-suposjednistvo,
.zis-parcele-mini-badge-suposjednistvo { background:#ece6ff; color:#5b3c98; }
.zis-table-legend,
.zis-parcele-legend,
.zis-ugovor-legend,
.zis-ugovori-legend,
.zis-fin-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    align-items: center;
    padding: 8px 10px;
    margin: 0 0 8px 0;
    font-size: 12px;
    color: #334155;
    background: #f8fafc;
    border: 1px solid #d7dde5;
}
.zis-table-legend span,
.zis-parcele-legend span,
.zis-ugovor-legend span,
.zis-ugovori-legend span,
.zis-fin-legend span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.zis-table-legend i,
.zis-parcele-legend i,
.zis-ugovor-legend i,
.zis-ugovori-legend i,
.zis-fin-legend i,
.zis-legend-swatch {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid rgba(15,23,42,.18);
}
.zis-table-action-btn.btn-xs,
.zis-parcele-action-btn.btn-xs,
.zis-ug-action-btn.btn-xs,
.zis-ugovori-action-btn.btn-xs,
.zis-fin-action.btn-xs {
    width: 24px;
    height: 20px;
    padding: 1px 0;
    line-height: 16px;
    border-radius: 2px;
    text-align: center;
}
.zis-table-action-btn i,
.zis-parcele-action-btn i,
.zis-ug-action-btn i,
.zis-ugovori-action-btn i,
.zis-fin-action i {
    font-size: 11px;
    line-height: 16px;
}
/* Plodnost badge compatibility aliases */
.b231-priority {
    display: inline-block;
    border-radius: 12px;
    padding: 3px 8px;
    font-weight: 700;
    font-size: 12px;
}
.b231-priority-high { background:#f6d4d4; color:#9f1d1d; }
.b231-priority-mid { background:#f4e4bf; color:#7f5213; }
.b231-priority-low { background:#d9f4ea; color:#12614f; }
.b3-class-badge {
    display: inline-block;
    min-width: 72px;
    padding: 3px 7px;
    border-radius: 12px;
    font-weight: 700;
    text-align: center;
    border: 1px solid rgba(0,0,0,.12);
}
.b3-class-0 { background:#f6d4d4; color:#9f1d1d; }
.b3-class-1 { background:#f4e4bf; color:#7f5213; }
.b3-class-2 { background:#d9f4ea; color:#12614f; }
.b3-class-3 { background:#b9e4d5; color:#0f513f; }
.b3-class-4 { background:#2aa198; color:#ffffff; }
.zis-table-icon-action { cursor: pointer; }

/* Migrated page-local CSS blocks */

/* Source: zis/admin/gets/zis/get_upravljanje_ugovorima_aneks.php */
html, body {
  overflow-y:auto !important;
  height:100%;
}

.input-group-addon {
    min-width:220px;
    text-align:left;
}

.form-control{
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

input.form-control {
  width: auto;
}

.tableFixHead          { overflow-y: auto; height: 70vh; }
.tableFixHead thead th { position: sticky; top: 0; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; }

.yellow {
  background-color: yellow !important;
}
.crveno {
  background-color: red !important;
}

.hasDatepicker{
  z-index: 9999!important
}

.table-hideable td,
.table-hideable th {
  width: auto;
  transition: width .5s, margin .5s;
}

.btn-condensed.btn-condensed {
  padding: 0 5px;
  box-shadow: none;
}

/* use class to have a little animation */
.hide-col {
  width: 0px !important;
  height: 0px !important;
  display: block !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Source: zis/admin/gets/zis/get_upravljanje_ugovorima_novi.php */
html, body {
  overflow-y:auto !important;
  height:100%;
}

.input-group-addon {
    min-width:220px;
    text-align:left;
}

.form-control{
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

input.form-control {
  width: auto;
}

.tableFixHead          { overflow-y: auto; height: 70vh; }
.tableFixHead thead th { position: sticky; top: 0; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; }

.yellow {
  background-color: yellow !important;
}
.crveno {
  background-color: red !important;
}
.bordo {
  background-color: #9a3232 !important;
}

.table-hideable td,
.table-hideable th {
  width: auto;
  transition: width .5s, margin .5s;
}

.btn-condensed.btn-condensed {
  padding: 0 5px;
  box-shadow: none;
}

/* use class to have a little animation */
.hide-col {
  width: 0px !important;
  height: 0px !important;
  display: block !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Source: zis/admin/gets/zis/get_upravljanje_ugovorima_parcela_aneks.php */
html, body {
  overflow-y:auto !important;
  height:100%;
}

.input-group-addon {
    min-width:220px;
    text-align:left;
}

.form-control{
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

input.form-control {
  width: auto;
}

.tableFixHead          { overflow-y: auto; height: 70vh; }
.tableFixHead thead th { position: sticky; top: 0; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; }

.yellow {
  background-color: yellow !important;
}
.crveno {
  background-color: red !important;
}

.table-hideable td,
.table-hideable th {
  width: auto;
  transition: width .5s, margin .5s;
}

.btn-condensed.btn-condensed {
  padding: 0 5px;
  box-shadow: none;
}

/* use class to have a little animation */
.hide-col {
  width: 0px !important;
  height: 0px !important;
  display: block !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Source: zis/admin/gets/zis/get_upravljanje_ugovorima_uredi.php */
html, body {
  overflow-y:auto !important;
  height:100%;
}

.input-group-addon {
    min-width:220px;
    text-align:left;
}

.form-control{
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

input.form-control {
  width: auto;
}

.tableFixHead          { overflow-y: auto; height: 70vh; }
.tableFixHead thead th { position: sticky; top: 0; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; }

.yellow {
  background-color: yellow !important;
}
.crveno {
  background-color: #f8c471 !important;
}

.hasDatepicker{
  z-index: 9999!important
}

.table-hideable td,
.table-hideable th {
  width: auto;
  transition: width .5s, margin .5s;
}

.btn-condensed.btn-condensed {
  padding: 0 5px;
  box-shadow: none;
}

/* use class to have a little animation */
.hide-col {
  width: 0px !important;
  height: 0px !important;
  display: block !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Source: zis/admin/pages/index_mapa.php */
/* =========================================================
   A2 UI/UX - Kontrola plodnosti: modal uzorka
   Pravila su ograničena na #modalPlodnostUzorak.
   ========================================================= */
#modalPlodnostUzorak .modal-plodnost-dialog {
    width: min(1120px, calc(100vw - 80px)) !important;
    max-width: min(1120px, calc(100vw - 80px)) !important;
    margin: 22px auto !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    padding: 0 !important;
}

#modalPlodnostUzorak .modal-content {
    max-height: calc(100vh - 44px) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: #c8c8c8 !important;
    border: 2px solid !important;
    border-color: #ffffff #404040 #404040 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.45) !important;
}

#modalPlodnostUzorak .modal-header {
    flex: 0 0 auto !important;
    padding: 7px 10px !important;
    min-height: 38px !important;
    background: #000080 !important;
    color: #ffffff !important;
    border-bottom: 2px solid #404040 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#modalPlodnostUzorak .modal-title {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: bold !important;
    letter-spacing: .2px !important;
}

#modalPlodnostUzorak .modal-title:before {
    content: "🌱 ";
    font-size: 15px !important;
}

#modalPlodnostUzorak .modal-header .close {
    color: #000000 !important;
    opacity: 1 !important;
    background: #c0c0c0 !important;
    border: 1px solid !important;
    border-color: #ffffff #404040 #404040 #ffffff !important;
    width: 22px !important;
    height: 20px !important;
    line-height: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-shadow: none !important;
}

#modalPlodnostUzorak .modal-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 128px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 12px 14px 10px 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: #d0d0d0 !important;
}

#modalPlodnostUzorak .modal-footer {
    flex: 0 0 auto !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    background: #c0c0c0 !important;
    border-top: 1px solid #808080 !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

#modalPlodnostUzorak #plodnostTabs {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 4px !important;
    margin: 0 0 10px 0 !important;
    padding: 0 0 6px 0 !important;
    border-bottom: 1px solid #8b8b8b !important;
}

#modalPlodnostUzorak #plodnostTabs .nav-item {
    margin: 0 !important;
    list-style: none !important;
}

#modalPlodnostUzorak #plodnostTabs .nav-link {
    display: block !important;
    padding: 7px 12px !important;
    min-height: 30px !important;
    color: #003b78 !important;
    text-decoration: none !important;
    background: #dddddd !important;
    border: 1px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

#modalPlodnostUzorak #plodnostTabs .nav-link.active,
#modalPlodnostUzorak #plodnostTabs .nav-item.active > .nav-link,
#modalPlodnostUzorak #plodnostTabs li.active > a {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid !important;
    border-color: #0a0a0a #ffffff #ffffff #0a0a0a !important;
    outline: none !important;
}

#modalPlodnostUzorak #plodnostTabs .nav-link:focus {
    outline: none !important;
}

#modalPlodnostUzorak .tab-content {
    margin-top: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    background: #efefef !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    padding: 12px !important;
}

#modalPlodnostUzorak .tab-content > .tab-pane {
    display: none !important;
    opacity: 1 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

#modalPlodnostUzorak .tab-content > .tab-pane.active,
#modalPlodnostUzorak .tab-content > .tab-pane.show.active {
    display: block !important;
}

#modalPlodnostUzorak .form-row,
#modalPlodnostUzorak .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    margin-left: -7px !important;
    margin-right: -7px !important;
}

#modalPlodnostUzorak [class*="col-md-"] {
    padding-left: 7px !important;
    padding-right: 7px !important;
    box-sizing: border-box !important;
}

#modalPlodnostUzorak .form-group {
    margin-bottom: 11px !important;
}

#modalPlodnostUzorak label {
    display: block !important;
    margin-bottom: 4px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #222222 !important;
}

#modalPlodnostUzorak input.form-control,
#modalPlodnostUzorak select.form-control,
#modalPlodnostUzorak textarea.form-control {
    width: 100% !important;
    height: 30px !important;
    padding: 4px 7px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    color: #111111 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#modalPlodnostUzorak input.form-control:focus,
#modalPlodnostUzorak select.form-control:focus,
#modalPlodnostUzorak textarea.form-control:focus {
    outline: 1px dashed #000080 !important;
    outline-offset: -3px !important;
}

#modalPlodnostUzorak textarea.form-control {
    height: auto !important;
    min-height: 70px !important;
    resize: vertical !important;
}

#modalPlodnostUzorak input[readonly],
#modalPlodnostUzorak textarea[readonly] {
    background: #eeeeee !important;
    color: #333333 !important;
}

#modalPlodnostUzorak .form-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-right: 18px !important;
    margin-bottom: 8px !important;
    background: #ffffff !important;
    padding: 5px 8px !important;
    border: 1px solid #b7b7b7 !important;
}

#modalPlodnostUzorak .form-check-label {
    margin: 0 !important;
    font-weight: normal !important;
}

#modalPlodnostUzorak hr {
    margin: 10px 0 12px 0 !important;
    border: 0 !important;
    border-top: 1px solid #9a9a9a !important;
    border-bottom: 1px solid #ffffff !important;
}

#modalPlodnostUzorak .alert {
    margin-bottom: 12px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    border-radius: 0 !important;
}

#modalPlodnostUzorak #plodnost_koriscenja_lista,
#modalPlodnostUzorak #plodnost_rpg_log,
#modalPlodnostUzorak #plodnost_dokumenti_lista {
    background: #ffffff !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
    padding: 8px !important;
    font-size: 12px !important;
}

#modalPlodnostUzorak #plodnost_poruka {
    margin-top: 10px !important;
    min-height: 18px !important;
    font-weight: bold !important;
}

#modalPlodnostUzorak .table {
    background: #ffffff !important;
    font-size: 12px !important;
}

@media (max-width: 900px) {
    #modalPlodnostUzorak .modal-plodnost-dialog {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        margin: 10px auto !important;
    }
}

/* Source: zis/admin/pages/index_plodnost_gazdinstvo_detalj.php */
.gazdinstvo-detalj {
    margin: 0 0 10px 0;
}
.gazdinstvo-info-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
    gap: 10px;
    margin-top: 10px;
}
.gazdinstvo-info-box {
    background: #fff;
    border: 1px solid #cfd8e3;
    border-radius: 2px;
    padding: 10px;
    min-width: 0;
}
.gazdinstvo-info-title {
    font-weight: 700;
    color: #1b4a91;
    margin-bottom: 8px;
}
.gazdinstvo-meta {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.gazdinstvo-meta th,
.gazdinstvo-meta td {
    border-bottom: 1px solid #eef2f6;
    padding: 5px 6px;
    vertical-align: top;
    word-break: break-word;
}
.gazdinstvo-meta th {
    width: 120px;
    color: #4b5563;
    font-weight: 700;
}
.gazdinstvo-mini-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 8px;
}
.gazdinstvo-mini-table th,
.gazdinstvo-mini-table td {
    border-bottom: 1px solid #eef2f6;
    padding: 5px 6px;
    vertical-align: top;
}
.gazdinstvo-mini-table th {
    color: #4b5563;
    font-weight: 700;
}
.gazdinstvo-mini-note {
    margin-bottom: 8px;
    color: #4b5563;
}
@media (max-width: 1000px) {
    .gazdinstvo-info-grid { grid-template-columns: 1fr; }
}

/* Source: zis/admin/pages/index_plodnost_import.php */
body.zis-layout-table.ima-pretragu #view-panel.plodnost-import-view {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 10px !important;
    background: #f4f7fb !important;
}
.plodnost-import-view .import-card {
    background: #fff;
    border: 1px solid #dfe7f1;
    border-radius: 8px;
    padding: 13px;
    box-shadow: 0 2px 7px rgba(15,23,42,.07);
}
.plodnost-import-view .import-grid {
    display: grid;
    grid-template-columns: minmax(280px, 380px) minmax(0, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}
.plodnost-import-view #import_rezime {
    margin: 0 0 10px 0 !important;
}
.plodnost-import-view #ImportGreskePanel {
    margin-top: 12px;
}
@media (max-width: 1100px) {
    .plodnost-import-view .import-grid { grid-template-columns: 1fr; }
}

/* Source: zis/admin/pages/index_plodnost_inteligentno_planiranje.php */
#b231Panel {
        min-height: 78px;
        display: grid;
        grid-template-columns: repeat(7, minmax(120px, 1fr));
        gap: 10px;
        padding: 10px 12px;
        background: #f4f6fb;
        border-bottom: 1px solid #d7ddea;
        box-sizing: border-box;
    }
    .b231-card { background:#fff; border:1px solid #dbe2ef; border-radius:8px; padding:9px 12px; box-shadow:0 1px 3px rgba(0,0,0,.06); }
    .b231-label { color:#60708a; font-size:12px; font-weight:600; white-space:nowrap; }
    .b231-value { color:#1d2b44; font-size:24px; line-height:26px; font-weight:800; margin-top:2px; }
    .b231-ok .b231-value { color:#2e7d32; }
    .b231-danger .b231-value { color:#c62828; }
    .b231-blue .b231-value { color:#1565c0; }
    @media (max-width: 1200px) { #b231Panel { grid-template-columns: repeat(3, minmax(130px, 1fr)); } }

/* Source: zis/admin/pages/index_plodnost_prostorna_analiza.php */
#prostornaAnalizaPanel {
        min-height: 78px;
        display: grid;
        grid-template-columns: repeat(6, minmax(130px, 1fr));
        gap: 10px;
        padding: 10px 12px;
        background: #f4f6fb;
        border-bottom: 1px solid #d7ddea;
        box-sizing: border-box;
    }

    .b3-card {
        background: #fff;
        border: 1px solid #dbe2ef;
        border-radius: 8px;
        padding: 9px 12px;
        box-shadow: 0 1px 3px rgba(0,0,0,.06);
    }

    .b3-label {
        color: #60708a;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .b3-value {
        color: #1d2b44;
        font-size: 24px;
        line-height: 26px;
        font-weight: 800;
        margin-top: 2px;
    }

    .b3-ok .b3-value { color: #2e7d32; }
    .b3-warn .b3-value { color: #c62828; }
    .b3-blue .b3-value { color: #1565c0; }
    .b3-mode-btn.active { background:#1e5aa8 !important; color:#fff !important; border-color:#174987 !important; }

    #tematskaAnalizaPanel {
        min-height: 64px;
        display: grid;
        grid-template-columns: minmax(220px, 1fr) minmax(360px, 2fr) minmax(300px, 2fr);
        gap: 12px;
        align-items: center;
        padding: 9px 12px;
        background: #fffdf5;
        border-bottom: 1px solid #eadfa6;
        box-sizing: border-box;
    }

    .b3-theme-title {
        font-weight: 800;
        color: #5d4b00;
        white-space: nowrap;
    }

    .b3-theme-legend {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
        font-size: 12px;
        color: #3b3b3b;
    }

    .b3-legend-item { white-space: nowrap; }

    .b3-swatch {
        display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 3px;
        margin-right: 4px;
        vertical-align: -2px;
        border: 1px solid rgba(0,0,0,.15);
    }

    .b3-sw-0 { background:#f4cccc; }
    .b3-sw-1 { background:#fff2cc; }
    .b3-sw-2 { background:#d9ead3; }
    .b3-sw-3 { background:#93c47d; }

    .b3-theme-note {
        font-size: 12px;
        color: #6d6100;
        line-height: 16px;
    }

    @media (max-width: 1200px) {
        #prostornaAnalizaPanel {
            grid-template-columns: repeat(3, minmax(130px, 1fr));
            min-height: 150px;
        }
        #tematskaAnalizaPanel {
            grid-template-columns: 1fr;
            min-height: 128px;
        }

    }

/* Source: zis/admin/pages/index_plodnost_uzorci.php */
/* Import Excel dialog - compact business layout */
#modalPlodnostImport .modal-dialog {
    width: 920px !important;
    max-width: 94vw !important;
    margin: 7vh auto 0 auto !important;
}

#modalPlodnostImport .modal-content {
    max-height: 86vh !important;
    overflow: hidden !important;
}

#modalPlodnostImport .modal-header {
    min-height: 30px !important;
}

#modalPlodnostImport .modal-title {
    font-size: 13px !important;
}

#modalPlodnostImport .modal-body.plodnost-import-body {
    margin: 4px !important;
    padding: 12px !important;
    max-height: calc(86vh - 92px) !important;
    overflow-y: auto !important;
    background: #d7d7d7 !important;
}

#modalPlodnostImport .plodnost-import-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

#modalPlodnostImport .plodnost-import-step {
    background: #f4f6f8;
    border: 1px solid #b8c0ca;
    border-radius: 4px;
    padding: 7px 8px;
    font-size: 13px;
    font-weight: 600;
    color: #24384f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#modalPlodnostImport .plodnost-import-step span {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    border-radius: 50%;
    background: #17427d;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
}

#modalPlodnostImport .plodnost-import-grid {
    display: grid;
    grid-template-columns: 160px 1fr 1fr;
    gap: 14px;
    align-items: end;
    background: #efefef;
    border: 1px solid #b7b7b7;
    padding: 12px;
    border-radius: 4px;
}

#modalPlodnostImport .plodnost-import-field label,
#modalPlodnostImport .plodnost-import-filebox label {
    display: block;
    margin: 0 0 5px 0;
    font-weight: 700;
    color: #333;
    font-size: 13px;
}

#modalPlodnostImport input.form-control,
#modalPlodnostImport select.form-control {
    height: 36px !important;
    border: 1px solid #aeb8c6 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.08) !important;
    font-size: 14px !important;
}

#modalPlodnostImport .plodnost-import-filebox {
    margin-top: 12px;
    background: #efefef;
    border: 1px solid #b7b7b7;
    padding: 12px;
    border-radius: 4px;
}

#modalPlodnostImport #excel_file {
    height: auto !important;
    padding: 7px 8px !important;
}

#modalPlodnostImport .plodnost-import-help {
    margin-top: 7px;
    font-size: 12px;
    color: #555;
}

#modalPlodnostImport .plodnost-import-message {
    margin-top: 10px;
}

#modalPlodnostImport .plodnost-import-message:empty {
    display: none;
}

#modalPlodnostImport .plodnost-import-errors-wrap {
    margin-top: 10px;
    max-height: 260px;
    overflow-y: auto;
}

#modalPlodnostImport .modal-footer.plodnost-import-footer {
    padding: 10px 12px !important;
    border-top: 1px solid #aaa !important;
    background: #c9c9c9 !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
}

@media (max-width: 850px) {
    #modalPlodnostImport .plodnost-import-steps,
    #modalPlodnostImport .plodnost-import-grid {
        grid-template-columns: 1fr;
    }
}

.plodnost-indikatori i {
    margin-right: 5px;
    font-size: 14px;
}

#modalPlodnostPregled {
    overflow: hidden !important;
    padding: 0 !important;
    background: #d5d5d5 !important;
}

#modalPlodnostPregled .plodnost-pregled-dialog-body {
    max-height: calc(88vh - 72px);
    overflow-y: auto;
    padding: 12px;
    box-sizing: border-box;
}

#modalPlodnostPregled .plodnost-pregled-dialog-footer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid #aaa;
    background: #c8c8c8;
}

.ui-dialog:has(#modalPlodnostPregled),
.plodnost-pregled-ui-dialog {
    max-width: 96vw !important;
    max-height: 92vh !important;
    z-index: 5000 !important;
    pointer-events: auto !important;
}

.plodnost-pregled-ui-dialog .ui-dialog-content {
    overflow: hidden !important;
    padding: 0 !important;
}

.plodnost-pregled-ui-dialog .ui-dialog-titlebar {
    cursor: move !important;
}

.plodnost-pregled-ui-dialog .ui-dialog-buttonpane,
.plodnost-pregled-ui-dialog a,
.plodnost-pregled-ui-dialog button {
    pointer-events: auto !important;
}

.ui-dialog:has(#modalPlodnostPregled) .ui-dialog-titlebar {
    background: #000080 !important;
    color: #fff !important;
    border-radius: 0 !important;
    border: 0 !important;
    padding: 5px 8px !important;
    font-weight: bold !important;
}

.ui-dialog:has(#modalPlodnostPregled) .ui-dialog-title::before {
    content: "06e";
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    margin-right: 6px;
}

.ui-dialog:has(#modalPlodnostPregled) .ui-dialog-titlebar-close {
    top: 50% !important;
    right: 6px !important;
}

.plodnost-pregled-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 12px;
}

.plodnost-pregled-card {
    border: 1px solid #bfc3c7;
    background: #f7f7f7;
    padding: 12px 14px;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.85);
}

.plodnost-pregled-card h5 {
    margin: 0 0 10px 0;
    padding-bottom: 6px;
    border-bottom: 1px solid #d5d5d5;
    font-weight: bold;
    color: #000080;
    font-size: 15px;
}

.plodnost-pregled-card table {
    width: 100%;
    margin-bottom: 0;
}

.plodnost-pregled-card td {
    padding: 4px 5px;
    vertical-align: top;
    font-size: 14px;
}

.plodnost-pregled-card td:first-child {
    width: 36%;
    font-weight: bold;
    color: #444;
}

.plodnost-pregled-empty {
    color: #777;
    font-style: italic;
    padding: 6px 0;
}

@media (max-width: 900px) {
    .plodnost-pregled-grid {
        grid-template-columns: 1fr;
    }
}
.zis-admin-icon-btn { border:0; background:transparent; color:#1f6f8b; padding:0; width:24px; height:24px; line-height:24px; text-align:center; }
.zis-admin-icon-btn:hover { color:#0f4d64; text-decoration:none; }
.zis-admin-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 14px; }
@media (max-width: 900px) { .zis-admin-grid { grid-template-columns:1fr; } }
.zis-admin-op-icon-btn { border:0; background:transparent; color:#1f6f8b; padding:0; width:24px; height:24px; line-height:24px; text-align:center; }
.zis-admin-op-icon-btn:hover { color:#0f4d64; text-decoration:none; }
.zis-admin-op-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 14px; }
@media (max-width: 900px) { .zis-admin-op-grid { grid-template-columns:1fr; } }

/* Source: zis/admin/pages/index_zis_administracija_kontrolna_tabla.php */
.zis-legacy-frame-wrap {
    position: fixed;
    left: var(--zis-sidebar-width, 250px);
    right: 0;
    top: 52px;
    bottom: 0;
    background: #fff;
}
body.sidebar-collapsed .zis-legacy-frame-wrap {
    left: 0;
}
.zis-legacy-frame {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    background: #fff;
}
@media (max-width: 900px) {
    .zis-legacy-frame-wrap { left: 0; }
}
.zis-kor-icon-btn { border:0; background:transparent; color:#1f6f8b; padding:0; width:24px; height:24px; line-height:24px; text-align:center; }
.zis-kor-icon-btn:hover { color:#0f4d64; }
.zis-dok-icon-btn { border:0; background:transparent; color:#1f6f8b; padding:0; width:24px; height:24px; line-height:24px; text-align:center; }
.zis-dok-icon-btn:hover { color:#0f4d64; }

/* Source: zis/admin/pages/index_zis_finansije_generisanje_povrsina.php */
.zis-gen-wrap{display:grid;grid-template-columns:minmax(360px,620px) 1fr;gap:16px;padding:12px;align-items:start}.zis-panel{background:#fff;border:1px solid #d7dde5;border-radius:4px;padding:14px}.zis-panel h3{margin:0 0 10px;font-size:18px}.zis-panel h4{margin:0 0 10px;font-size:15px}.zis-gen-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.zis-gen-result{margin-top:12px;display:none}.zis-note-list{margin:0;padding-left:18px;color:#475569}@media(max-width:1100px){.zis-gen-wrap{grid-template-columns:1fr}}

/* Source: zis/admin/pages/index_zis_finansije_generisanje_zaduzenja.php */
.zis-gen-wrap{display:grid;grid-template-columns:minmax(360px,620px) 1fr;gap:16px;padding:12px;align-items:start}.zis-panel{background:#fff;border:1px solid #d7dde5;border-radius:4px;padding:14px}.zis-panel h3{margin:0 0 10px;font-size:18px}.zis-panel h4{margin:0 0 10px;font-size:15px}.zis-gen-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.zis-gen-result{margin-top:12px;display:none}.zis-note-list{margin:0;padding-left:18px;color:#475569}.zis-gen-result pre{white-space:pre-wrap;max-height:260px;overflow:auto;background:#f8fafc;border:1px solid #d7dde5;padding:8px}@media(max-width:1100px){.zis-gen-wrap{grid-template-columns:1fr}}

/* Source: zis/admin/pages/index_zis_finansije_izvjestaji.php */
.zis-izv-wrap{display:grid;grid-template-columns:minmax(680px,1fr) 280px;gap:12px;padding:10px;align-items:start}.zis-panel{background:#fff;border:1px solid #d7dde5;border-radius:4px;padding:10px 12px}.zis-panel h3{margin:0 0 8px;font-size:17px}.zis-panel h4{margin:0 0 8px;font-size:15px}.zis-panel .form-group{margin-bottom:6px}.zis-panel label{font-weight:600;font-size:12px;color:#334155;margin-bottom:3px}.zis-panel .form-control{height:30px;padding:4px 8px;font-size:12px}.zis-panel .select2-container .select2-selection--single{height:30px}.zis-panel .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:28px;font-size:12px}.zis-panel .select2-container--default .select2-selection--single .select2-selection__arrow{height:28px}.zis-card-row{display:grid;grid-template-columns:minmax(260px,1.6fr) 135px 135px 205px auto;gap:7px;align-items:end}.zis-card-row .btn{height:30px;padding:4px 10px;white-space:nowrap}.zis-form-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:7px 9px;align-items:end}.zis-form-grid .full{grid-column:1/-1}.zis-form-grid .wide{grid-column:span 2}.zis-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.zis-actions .btn{height:30px;padding:4px 10px}.zis-note-list{margin:0;padding-left:18px;color:#475569;font-size:12px;line-height:1.45}.zis-panel .checkbox{margin:4px 0 0}.zis-panel .checkbox label{font-weight:400}.zis-divider{height:1px;background:#d7dde5;margin:10px 0}@media(max-width:1300px){.zis-izv-wrap{grid-template-columns:1fr}.zis-card-row{grid-template-columns:minmax(260px,1fr) 135px 135px 205px auto}}@media(max-width:900px){.zis-card-row,.zis-form-grid{grid-template-columns:1fr}.zis-form-grid .wide{grid-column:1/-1}}
.zis-ops-modal .form-group { margin-bottom:10px; }
.zis-ops-modal .input-group-addon { min-width:34px; }
.zis-upl-modal .form-group { margin-bottom:10px; }
.zis-upl-modal textarea { resize:vertical; }
.zis-upl-modal .form-group { margin-bottom:10px; }.zis-upl-modal textarea { resize:vertical; }

/* Source: zis/admin/pages/index_zis_finansije_uvoz_finansija.php */
.zis-import-wrap{display:grid;grid-template-columns:minmax(360px,520px) 1fr;gap:16px;padding:12px;align-items:start}.zis-panel{background:#fff;border:1px solid #d7dde5;border-radius:4px;padding:14px}.zis-panel h3{margin:0 0 10px;font-size:18px}.zis-panel h4{margin:0 0 10px;font-size:15px}.zis-import-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.zis-import-result{margin-top:12px;display:none}.zis-import-result pre{white-space:pre-wrap;max-height:260px;overflow:auto;background:#f8fafc;border:1px solid #d7dde5;padding:8px}.zis-import-tables{display:grid;grid-template-columns:1fr 1fr;gap:16px}.zis-scroll-table{max-height:70vh;overflow:auto}.zis-scroll-table table{font-size:12px}.zis-help a{display:inline-block;margin-right:10px}@media(max-width:1100px){.zis-import-wrap,.zis-import-tables{grid-template-columns:1fr}}

/* Source: zis/admin/pages/index_zis_finansije_uvoz_uplata.php */
.zis-import-wrap{display:grid;grid-template-columns:minmax(360px,620px) 1fr;gap:16px;padding:12px;align-items:start}.zis-panel{background:#fff;border:1px solid #d7dde5;border-radius:4px;padding:14px}.zis-panel h3{margin:0 0 10px;font-size:18px}.zis-panel h4{margin:0 0 10px;font-size:15px}.zis-import-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.zis-import-result{margin-top:12px;display:none}.zis-import-result pre{white-space:pre-wrap;max-height:260px;overflow:auto;background:#f8fafc;border:1px solid #d7dde5;padding:8px}.zis-help a{display:inline-block;margin-right:10px}.zis-note-list{margin:0;padding-left:18px;color:#475569}@media(max-width:1100px){.zis-import-wrap{grid-template-columns:1fr}}
.zis-zad-modal textarea { resize:vertical; }
.zis-prog-icon-btn:hover { color:#0f4d64; }
#posjedniciModal .modal-body { max-height:65vh; overflow:auto; white-space:normal; }
/* Migrated static inline styles */
.zis-inline-5409d522ce { max-height:70vh; overflow:auto; }
.zis-inline-c9763440a8 { background-color: #c7baad; }
.zis-inline-c8be1ccba6 { display:none; }
.zis-inline-80ffd29599 { width:110px; }
.zis-inline-821e4857c2 { width:150px; }
.zis-inline-29dbf95ce3 { width:130px; }
.zis-inline-037ea2a89a { width:450px; }
.zis-inline-12f4eef80d { background-color: #ffd7a3; }
.zis-inline-a85ec02720 { background-color: #e1f6b2;width:110px; }
.zis-inline-80f2771294 { background-color: #e1f6b2;width:150px; }
.zis-inline-238e42b655 { background-color: #ffd7a3;width:150px; }
.zis-inline-61c1ac036d { background-color: #ffd7a3;width:250px; }
.zis-inline-24d91afbe4 { background-color: #e1f6b2;width:130px; }
.zis-inline-c1edf8295d { background-color: #e1f6b2;width:450px; }
.zis-inline-93f1ac3b7e { color:blue; }
.zis-inline-d15f904694 { width:250px; }
.zis-inline-02a61b330f { background-color: #e1f6b2;width:250px; }
.zis-inline-0d7010b773 { color:red; }
.zis-inline-de53b5b251 { margin-top:15px; }
.zis-inline-088c0d5ed9 { min-height:70px; max-height:180px; overflow:auto; background:#fafafa; }
.zis-inline-954e105ff7 { min-height:70px; max-height:220px; overflow:auto; background:#fafafa; }
.zis-inline-35a2dd39c1 { min-height:80px; max-height:260px; overflow:auto; background:#fafafa; }
.zis-inline-d8a81eac84 { margin-top:10px; }
.zis-inline-9c76f722dc { max-height:76vh; overflow-y:auto; }
.zis-inline-88b9d5c614 { margin-top:14px; }
.zis-inline-e4ad4a163b { margin-bottom:8px; }
.zis-inline-8d2f24a1d3 { margin:4px 0 10px 0; }
.zis-inline-b1ecc496e0 { margin-top:8px; }
.zis-inline-629db56938 { padding-top:12px; }
.zis-inline-25e0563943 { width:34%; }
.zis-inline-2fd7789b39 { margin-top:6px; }
.zis-inline-af3fee87a1 { margin-bottom:10px; }
.zis-inline-05f4825306 { padding-top:25px; }
.zis-inline-14d2d28c95 { display:inline-block;cursor:pointer; }
.zis-inline-a527bac1ee { text-align:right; }
.zis-inline-a3a2743d53 { min-width:180px; }
.zis-inline-e0b41047cf { min-width:190px; }
.zis-inline-9cec3ca3c5 { padding:10px 15px; display:none; }
.zis-inline-dd8ef92034 { display:none;margin-top:8px; }
.zis-inline-53f586063e { display:none; margin-bottom:12px; }
.zis-inline-76084ee4e5 { margin-bottom:0; }
.zis-inline-75d96e9263 { font-size:14px;line-height:1.25; }
.zis-inline-1da9facb4d { margin:0; }
.zis-inline-61d8fe2ec5 { padding:4px; }
.zis-inline-17db88bb4a { margin:0;padding:8px; }
.zis-inline-860eddc907 { min-width:210px; }
.zis-inline-01c44e3b6d { min-width:170px; }
.zis-inline-7b04afece2 { min-width:150px; }
.zis-inline-cf38e282da { font-size:18px;line-height:22px; }
.zis-inline-1576afc628 { min-width:220px; }
.zis-inline-0272b68607 { margin:10px 0; }
.zis-inline-2730cb4333 { min-width:230px; }
.zis-inline-6f229a8f7a { width:680px; max-width:95vw; }
.zis-inline-3ef1fa1aa1 { margin-bottom:12px; }
.zis-inline-073424d62a { max-height:180px; overflow:auto; }
.zis-inline-87d87b4ab7 { font-size:14px;line-height:1.3; }
.zis-inline-ede10b485c { border-bottom:1px solid #e5e7eb;padding:6px 0; }
.zis-inline-d67391a392 { min-width:240px; }
.zis-inline-2cdb611d26 { margin:0 0 8px 0; }
.zis-inline-7fd0a2afdb { max-height:220px; overflow:auto; }
.zis-inline-6845304d29 { padding-top:28px; }
.zis-inline-c093116aab { min-width:260px; }
.zis-inline-e796241043 { width:95%; max-width:1250px; }
.zis-inline-e2799367b9 { margin-bottom:10px; display:none; }
.zis-inline-77897e3c1d { padding-top:24px; }
.zis-inline-2986ebb578 { width:96%; max-width:1300px; }
.zis-inline-c987853a74 { padding:8px 12px; margin-bottom:10px; }
.zis-inline-1cf294634a { min-width:160px; }
.zis-inline-a99150eab0 { padding:10px 15px; font-size:12px; color:#333; }
.zis-inline-9374e84210 { margin-top:12px; }

/* Migrated action icon helpers */
.zis-icon-action { cursor: pointer; }
.zis-icon-action-lg { cursor: pointer; font-size: 16px; }
.zis-icon-muted { color: #777777; cursor: default; }
.zis-icon-blue { color: #337ab7; }
.zis-icon-sky { color: #1e88e5; }
.zis-icon-link { color: #1565c0; }
.zis-icon-green { color: #28a745; }
.zis-icon-green-dark { color: #2e7d32; }
.zis-icon-red { color: #d9534f; }
.zis-icon-red-dark { color: #c62828; }
.zis-icon-pdf { color: #b91c1c; }
.zis-icon-amber { color: #f0ad4e; }
.zis-icon-gray { color: #6c757d; }
.zis-map-faded { opacity: .45; }
.zis-modal-max-90 { max-width: 90% !important; }
.zis-modal-max-dialog { max-width: var(--zis-dialog-max-width, 90%) !important; }
.zis-form-control-min-120 { min-width: 120px; }
.zis-chart-value-compact { font-size: 14px; line-height: 1.3; }
.zis-chart-value-medium { font-size: 18px; line-height: 22px; }
.zis-text-right { text-align: right; }
.zis-display-none { display: none; }
.zis-alert-no-margin { margin-bottom: 0; }
.zis-alert-gap { margin-bottom: 10px; }
.zis-alert-gap-lg { margin-bottom: 12px; }
.zis-row-gap { margin-bottom: 10px; }
.zis-row-gap-top { margin-top: 10px; }
.zis-margin-top-10 { margin-top: 10px; }
.zis-margin-top-12 { margin-top: 12px; }
.zis-margin-top-15 { margin-top: 15px; }
.zis-padding-top-28 { padding-top: 28px; }
.zis-table-no-margin { margin-bottom: 0; }
.zis-scroll-180 { max-height: 180px; overflow: auto; }
.zis-scroll-220 { max-height: 220px; overflow: auto; }
.zis-scroll-70vh { max-height: 70vh; overflow: auto; }
.zis-map-log-sm { min-height: 70px; max-height: 180px; overflow: auto; background: #fafafa; }
.zis-map-log-md { min-height: 70px; max-height: 220px; overflow: auto; background: #fafafa; }
.zis-map-log-lg { min-height: 80px; max-height: 260px; overflow: auto; background: #fafafa; }
.zis-history-row { border-bottom: 1px solid #e5e7eb; padding: 6px 0; }
.kp-color-0 { background: #2563eb; fill: #2563eb; }
.kp-color-1 { background: #16a34a; fill: #16a34a; }
.kp-color-2 { background: #f59e0b; fill: #f59e0b; }
.kp-color-3 { background: #dc2626; fill: #dc2626; }
.kp-color-4 { background: #7c3aed; fill: #7c3aed; }
.kp-color-5 { background: #0891b2; fill: #0891b2; }
.zis-w-0 { width: 0%; }
.zis-w-1 { width: 1%; }
.zis-w-2 { width: 2%; }
.zis-w-3 { width: 3%; }
.zis-w-4 { width: 4%; }
.zis-w-5 { width: 5%; }
.zis-w-6 { width: 6%; }
.zis-w-7 { width: 7%; }
.zis-w-8 { width: 8%; }
.zis-w-9 { width: 9%; }
.zis-w-10 { width: 10%; }
.zis-w-11 { width: 11%; }
.zis-w-12 { width: 12%; }
.zis-w-13 { width: 13%; }
.zis-w-14 { width: 14%; }
.zis-w-15 { width: 15%; }
.zis-w-16 { width: 16%; }
.zis-w-17 { width: 17%; }
.zis-w-18 { width: 18%; }
.zis-w-19 { width: 19%; }
.zis-w-20 { width: 20%; }
.zis-w-21 { width: 21%; }
.zis-w-22 { width: 22%; }
.zis-w-23 { width: 23%; }
.zis-w-24 { width: 24%; }
.zis-w-25 { width: 25%; }
.zis-w-26 { width: 26%; }
.zis-w-27 { width: 27%; }
.zis-w-28 { width: 28%; }
.zis-w-29 { width: 29%; }
.zis-w-30 { width: 30%; }
.zis-w-31 { width: 31%; }
.zis-w-32 { width: 32%; }
.zis-w-33 { width: 33%; }
.zis-w-34 { width: 34%; }
.zis-w-35 { width: 35%; }
.zis-w-36 { width: 36%; }
.zis-w-37 { width: 37%; }
.zis-w-38 { width: 38%; }
.zis-w-39 { width: 39%; }
.zis-w-40 { width: 40%; }
.zis-w-41 { width: 41%; }
.zis-w-42 { width: 42%; }
.zis-w-43 { width: 43%; }
.zis-w-44 { width: 44%; }
.zis-w-45 { width: 45%; }
.zis-w-46 { width: 46%; }
.zis-w-47 { width: 47%; }
.zis-w-48 { width: 48%; }
.zis-w-49 { width: 49%; }
.zis-w-50 { width: 50%; }
.zis-w-51 { width: 51%; }
.zis-w-52 { width: 52%; }
.zis-w-53 { width: 53%; }
.zis-w-54 { width: 54%; }
.zis-w-55 { width: 55%; }
.zis-w-56 { width: 56%; }
.zis-w-57 { width: 57%; }
.zis-w-58 { width: 58%; }
.zis-w-59 { width: 59%; }
.zis-w-60 { width: 60%; }
.zis-w-61 { width: 61%; }
.zis-w-62 { width: 62%; }
.zis-w-63 { width: 63%; }
.zis-w-64 { width: 64%; }
.zis-w-65 { width: 65%; }
.zis-w-66 { width: 66%; }
.zis-w-67 { width: 67%; }
.zis-w-68 { width: 68%; }
.zis-w-69 { width: 69%; }
.zis-w-70 { width: 70%; }
.zis-w-71 { width: 71%; }
.zis-w-72 { width: 72%; }
.zis-w-73 { width: 73%; }
.zis-w-74 { width: 74%; }
.zis-w-75 { width: 75%; }
.zis-w-76 { width: 76%; }
.zis-w-77 { width: 77%; }
.zis-w-78 { width: 78%; }
.zis-w-79 { width: 79%; }
.zis-w-80 { width: 80%; }
.zis-w-81 { width: 81%; }
.zis-w-82 { width: 82%; }
.zis-w-83 { width: 83%; }
.zis-w-84 { width: 84%; }
.zis-w-85 { width: 85%; }
.zis-w-86 { width: 86%; }
.zis-w-87 { width: 87%; }
.zis-w-88 { width: 88%; }
.zis-w-89 { width: 89%; }
.zis-w-90 { width: 90%; }
.zis-w-91 { width: 91%; }
.zis-w-92 { width: 92%; }
.zis-w-93 { width: 93%; }
.zis-w-94 { width: 94%; }
.zis-w-95 { width: 95%; }
.zis-w-96 { width: 96%; }
.zis-w-97 { width: 97%; }
.zis-w-98 { width: 98%; }
.zis-w-99 { width: 99%; }
.zis-w-100 { width: 100%; }

/* Migrated dynamic view helpers */
.plodnost-pregled-ui-dialog { z-index: 5000 !important; max-height: calc(100vh - 70px); }
.plodnost-pregled-dialog-body { max-height: calc(100vh - 160px); overflow-y: auto; overflow-x: hidden; }
.zis-ui-dialog-fluid-narrow { max-width: 90% !important; }
.kp-donut-svg { width: 145px; height: 145px; display: block; }
.kp-donut-center { fill: #ffffff; }
.kp-donut-center-text { font-size: .22px; font-weight: 900; fill: #111827; text-anchor: middle; dominant-baseline: middle; }
.kp-donut-center-label { font-size: .08px; font-weight: 700; fill: #64748b; text-anchor: middle; dominant-baseline: middle; }
/* Kalendar u Bootstrap modalima. */
.pika-single,
.pika-single.is-bound {
    z-index: 26050 !important;
}

/* Finansije - opsti podaci ugovora modal */
#getCodeModal_finansije .modal-dialog {
    margin-top: 16px;
}
#getCodeModal_finansije .modal-body {
    max-height: calc(100vh - 122px);
    overflow: hidden;
}
.zis-fin-opste-modal {
    max-height: calc(100vh - 150px);
    overflow: hidden;
    margin: 0;
    padding: 0;
    color: #1f2937;
    font-family: Arial, sans-serif;
    font-size: 11px;
}
.zis-fin-opste-modal form {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 150px);
    margin: 0;
    overflow: hidden;
}
.zis-fin-opste-toolbar {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    margin: 0 0 6px;
    padding: 6px 8px;
    background: #eef5fc;
    border: 1px solid #dbe7f3;
    border-radius: 3px;
}
.zis-fin-opste-toolbar .btn {
    height: 28px;
    padding: 4px 9px !important;
    font-size: 11px !important;
    line-height: 16px !important;
}
.zis-fin-opste-alert {
    flex: 0 0 auto;
    margin: 0 0 6px;
    padding: 6px 8px;
    border-radius: 3px;
    font-size: 11px;
    line-height: 15px;
}
.zis-fin-opste-layout {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(560px, 1fr) minmax(285px, 360px);
    gap: 8px;
    align-items: stretch;
    overflow: hidden;
}
.zis-fin-opste-main,
.zis-fin-opste-side {
    min-width: 0;
    min-height: 0;
}
.zis-fin-opste-main {
    display: grid;
    grid-template-columns: repeat(2, minmax(210px, 1fr));
    gap: 6px 8px;
    align-content: start;
    overflow: auto;
    padding: 0 3px 0 0;
}
.zis-fin-opste-section,
.zis-fin-opste-grid,
.zis-fin-opste-grid-3 {
    display: contents;
}
.zis-fin-opste-section h5 {
    grid-column: 1 / -1;
    margin: 2px 0 -1px;
    padding: 3px 6px;
    color: #26394f;
    background: #e9f2fb;
    border: 1px solid #d7e5f2;
    border-radius: 3px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
}
.zis-fin-opste-side {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f8fbff;
    border: 1px solid #dbe7f3;
    border-radius: 3px;
    padding: 7px;
}
.zis-fin-opste-side h3 {
    flex: 0 0 auto;
    margin: 0 0 5px;
    color: #26394f;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}
.zis-fin-field label {
    display: block;
    margin: 0 0 2px;
    color: #334155;
    font-size: 10px;
    font-weight: 700;
    line-height: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.zis-fin-field .form-control {
    height: 27px;
    padding: 3px 6px;
    border: 1px solid #bdd2e8;
    border-radius: 3px;
    background: #fff;
    color: #1f2937;
    font-size: 11px;
    line-height: 17px;
    box-shadow: inset 0 1px 1px rgba(15,47,99,.06);
}
.zis-fin-field textarea.form-control {
    height: auto;
    min-height: 52px;
    resize: vertical;
}
.zis-fin-field .input-group-addon {
    min-width: 28px;
    padding: 3px 7px;
    color: #365b7d;
    background: #e9f2fb;
    border-color: #bdd2e8;
}
.zis-fin-field .input-group-addon i {
    width: 12px;
    text-align: center;
    font-size: 11px;
}
.zis-fin-field .form-control:focus {
    border-color: #679dd0;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(15,47,99,.06), 0 0 0 2px rgba(103,157,208,.16);
}
.zis-fin-field small {
    display: none;
}
.zis-fin-emphasis .form-control {
    border-color: #8fb2d5;
    background: #ffffff;
    font-weight: 700;
}
.zis-fin-span-2 { grid-column: span 2; }
.zis-fin-opste-summary {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    border: 1px solid #dbe7f3;
    background: #fff;
}
.zis-fin-opste-summary table {
    margin: 0;
    font-size: 10px;
    background: #fff;
}
.zis-fin-opste-summary th,
.zis-fin-opste-summary td {
    padding: 4px 6px !important;
    vertical-align: top !important;
    border-color: #dbe7f3 !important;
    line-height: 14px !important;
}
.zis-fin-opste-summary th {
    width: 44%;
    color: #334155;
    background: #eef5fc;
    font-weight: 700;
}
.zis-fin-opste-summary td {
    color: #1f2937;
    background: #fff;
    word-break: break-word;
}
.zis-fin-opste-footer {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 6px;
    padding: 6px 8px;
    background: #eef5fc;
    border: 1px solid #dbe7f3;
    border-radius: 3px;
}
.zis-fin-opste-footer .btn {
    height: 29px;
    padding: 4px 12px !important;
    font-size: 11px !important;
    line-height: 17px !important;
}
@media (max-width: 1200px) {
    .zis-fin-opste-layout { grid-template-columns: 1fr; overflow: auto; }
    .zis-fin-opste-main { overflow: visible; }
    .zis-fin-opste-side { min-height: 260px; }
}
@media (max-width: 760px) {
    .zis-fin-opste-modal,
    .zis-fin-opste-modal form { max-height: none; overflow: visible; }
    .zis-fin-opste-main { grid-template-columns: 1fr; }
    .zis-fin-span-2 { grid-column: 1; }
}

/* Finansije - finansijska kartica modal */
#getCodeModal_kartica .modal-dialog { margin-top: 16px; }
#getCodeModal_kartica .modal-body {
    max-height: calc(100vh - 122px);
    overflow: hidden;
}
.zis-fin-kartica-modal {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 150px);
    overflow: hidden;
    color: #1f2937;
    font-family: Arial, sans-serif;
    font-size: 11px;
}
.zis-fin-kartica-header {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: 8px;
    align-items: center;
    margin-bottom: 7px;
    padding: 7px 9px;
    background: #eef5fc;
    border: 1px solid #dbe7f3;
    border-radius: 3px;
}
.zis-fin-kartica-title strong,
.zis-fin-kartica-title span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zis-fin-kartica-title strong {
    color: #24384d;
    font-size: 13px;
    line-height: 17px;
}
.zis-fin-kartica-title span {
    color: #64748b;
    font-size: 11px;
    line-height: 15px;
}
.zis-fin-kartica-actions {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}
.zis-fin-kartica-actions .btn {
    height: 27px;
    padding: 3px 8px !important;
    font-size: 11px !important;
    line-height: 16px !important;
    white-space: nowrap;
}
.zis-fin-kartica-body {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(250px, 330px) minmax(620px, 1fr);
    gap: 8px;
    overflow: hidden;
}
.zis-fin-kartica-side,
.zis-fin-kartica-main {
    min-height: 0;
    min-width: 0;
}
.zis-fin-kartica-side {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}
.zis-fin-kartica-panel,
.zis-fin-kartica-table {
    background: #f8fbff;
    border: 1px solid #dbe7f3;
    border-radius: 3px;
    padding: 7px;
}
.zis-fin-kartica-panel h5,
.zis-fin-kartica-table h5 {
    margin: 0 0 5px;
    color: #26394f;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}
.zis-fin-kartica-panel table {
    margin: 0;
    font-size: 10px;
    background: #fff;
}
.zis-fin-kartica-panel th,
.zis-fin-kartica-panel td {
    padding: 4px 6px !important;
    border-color: #dbe7f3 !important;
    line-height: 14px !important;
    vertical-align: top !important;
}
.zis-fin-kartica-panel th {
    width: 38%;
    color: #334155;
    background: #eef5fc;
}
.zis-fin-kartica-saldo-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
}
.zis-fin-kartica-saldo-grid div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 7px;
    background: #fff;
    border: 1px solid #dbe7f3;
    border-radius: 3px;
}
.zis-fin-kartica-saldo-grid span {
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
}
.zis-fin-kartica-saldo-grid strong {
    color: #1f2937;
    font-size: 12px;
}
.zis-fin-kartica-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: minmax(135px, .55fr) minmax(240px, 1fr);
    gap: 8px;
    overflow: hidden;
}
.zis-fin-kartica-table {
    min-height: 0;
    overflow: auto;
}
.zis-fin-kartica-table-aneksi {
    grid-column: 1 / -1;
}
.zis-fin-kartica-dialogs .form-group { margin-bottom: 8px; }
.zis-fin-kartica-dialogs label {
    font-size: 11px;
    color: #334155;
    font-weight: 700;
}
.zis-fin-kartica-dialogs .form-control {
    height: 29px;
    padding: 4px 7px;
    font-size: 11px;
}
.zis-fin-kartica-dialogs textarea.form-control {
    height: auto;
    min-height: 56px;
}
@media (max-width: 1280px) {
    .zis-fin-kartica-body { grid-template-columns: 1fr; overflow: auto; }
    .zis-fin-kartica-side { display: grid; grid-template-columns: 1fr 1fr; overflow: visible; }
    .zis-fin-kartica-main { min-height: 520px; }
}
@media (max-width: 860px) {
    .zis-fin-kartica-modal { max-height: none; overflow: visible; }
    .zis-fin-kartica-header,
    .zis-fin-kartica-side,
    .zis-fin-kartica-main { grid-template-columns: 1fr; }
    .zis-fin-kartica-main { grid-template-rows: auto; overflow: visible; }
    .zis-fin-kartica-table-aneksi { grid-column: 1; }
}
.zis-fin-kartica-ui-dialog {
    z-index: 1053 !important;
    max-width: 768px !important;
}
.zis-fin-kartica-ui-dialog .ui-dialog-titlebar {
    background: #2f5f8f !important;
    border-color: #244e77 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}
.zis-fin-kartica-ui-dialog .ui-dialog-content {
    text-align: left !important;
    background: #f8fbff !important;
    padding: 10px !important;
}
.zis-fin-kartica-row-annex td { background: #e3f2fb !important; }
.zis-fin-kartica-row-active td { background: #e6f7e8 !important; }
.zis-fin-kartica-table-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 5px;
}
.zis-fin-kartica-table-head h5 {
    margin: 0 !important;
    min-width: 0;
}
.zis-fin-kartica-columns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 38px;
    padding-right: 14px;
    overflow: visible;
}
.zis-fin-kartica-table {
    overflow: visible;
}
/* Korekcija rasporeda kolona u finansijskoj kartici */
.zis-fin-kartica-table {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: visible !important;
}
.zis-fin-kartica-table > [id$="_tabela"] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
.zis-fin-kartica-main {
    overflow: visible !important;
}
.zis-fin-kartica-body {
    overflow: hidden !important;
}
/* Finansijska kartica - stabilan vertikalni raspored tabela */
.zis-fin-kartica-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
.zis-fin-kartica-table {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
}
.zis-fin-kartica-table-aneksi {
    flex: 0 0 145px !important;
}
.zis-fin-kartica-table:not(.zis-fin-kartica-table-aneksi) {
    flex: 1 1 0 !important;
}
.zis-fin-kartica-table > [id$="_tabela"] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
.zis-fin-kartica-columns {
    flex: 0 0 auto !important;
    min-width: 44px !important;
    padding-right: 18px !important;
}
/* Finansijska kartica - konacni raspored bez dugmadi za kolone */
.zis-fin-kartica-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: minmax(135px, .55fr) minmax(230px, 1fr) !important;
    gap: 8px !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
.zis-fin-kartica-table-aneksi {
    grid-column: 1 / -1 !important;
    flex: initial !important;
}
.zis-fin-kartica-table:not(.zis-fin-kartica-table-aneksi) {
    flex: initial !important;
}
.zis-fin-kartica-table {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
.zis-fin-kartica-table-head {
    display: block !important;
    margin: 0 0 5px !important;
}
.zis-fin-kartica-table-head h5 {
    margin: 0 !important;
}
.zis-fin-kartica-table > [id$="_tabela"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
/* Finansije - zavisne kartice iz finansijske kartice */
.zis-fin-dependent-card {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 150px);
    min-height: 0;
    overflow: hidden;
    color: #1f2937;
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.zis-fin-dependent-toolbar {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    margin: 0 0 8px;
    padding: 7px 9px;
    background: #eef5fc;
    border: 1px solid #dbe7f3;
    border-radius: 3px;
}
.zis-fin-dependent-toolbar .btn {
    height: 28px;
    padding: 4px 9px !important;
    font-size: 11px !important;
    line-height: 16px !important;
}
.zis-fin-dependent-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #dbe7f3;
    border-radius: 3px;
}
.zis-fin-pregled-card p {
    margin: 0 0 6px;
    line-height: 1.35;
}
.zis-fin-pregled-card .zis-fin-dependent-scroll {
    padding: 12px;
    background: #f8fbff;
}
.zis-fin-pregled-card .zis-fin-dependent-scroll > * {
    max-width: 100%;
}
.zis-fin-pregled-card h1,
.zis-fin-pregled-card h2,
.zis-fin-pregled-card h3,
.zis-fin-pregled-card h4,
.zis-fin-pregled-card h5 {
    margin: 8px 0 7px;
    padding: 5px 7px;
    color: #26394f;
    background: #e9f2fb;
    border: 1px solid #d7e5f2;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}
.zis-fin-pregled-card p {
    color: #1f2937;
    font-size: 11px;
}
.zis-fin-pregled-card table {
    width: max-content !important;
    min-width: 100%;
    margin: 10px 0;
    border-collapse: collapse;
    font-size: 11px;
    background: #fff;
}
.zis-fin-pregled-card th,
.zis-fin-pregled-card td {
    padding: 5px 6px;
    border: 1px solid #dbe7f3;
    vertical-align: top;
    line-height: 1.25;
}
.zis-fin-pregled-card th {
    background: #eef5fc;
    color: #26394f;
    font-weight: 700;
}
.zis-fin-cijene-card,
.zis-fin-rjesenje-card {
    gap: 0;
}
.zis-fin-dependent-table {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: #f8fbff;
    border: 1px solid #dbe7f3;
    border-radius: 3px;
    padding: 8px;
}
.zis-fin-dependent-table h4 {
    margin: 0 0 7px;
    color: #26394f;
    font-size: 13px;
    font-weight: 700;
}
.zis-fin-dependent-table #povrsine_tabela {
    height: calc(100% - 24px);
    min-height: 260px;
    overflow: hidden;
}
.zis-fin-rjesenje-form {
    flex: 0 0 auto;
    max-width: 640px;
    padding: 12px;
    background: #f8fbff;
    border: 1px solid #dbe7f3;
    border-radius: 3px;
}
.zis-fin-rjesenje-form .form-group {
    margin-bottom: 10px;
}
.zis-fin-rjesenje-form .form-control {
    height: 30px;
    padding: 4px 8px;
    border: 1px solid #bdd2e8;
    border-radius: 3px;
    font-size: 12px;
}
.zis-fin-rjesenje-form .input-group-addon {
    color: #365b7d;
    background: #e9f2fb;
    border-color: #bdd2e8;
}
.zis-fin-dependent-actions {
    display: flex;
    justify-content: flex-end;
    padding-top: 2px;
}
@media (max-width: 900px) {
    .zis-fin-dependent-card { max-height: none; overflow: visible; }
    .zis-fin-dependent-scroll { overflow: auto; }
}

/* Finansijska kartica - unos zaduzenja i uplata */
.zis-fin-kartica-ui-dialog {
    width: min(880px, calc(100vw - 44px)) !important;
    max-width: 880px !important;
}
.zis-fin-kartica-ui-dialog .ui-dialog-content {
    max-height: calc(100vh - 130px) !important;
    overflow: auto !important;
    padding: 0 !important;
    background: #eef5fc !important;
}
.zis-fin-entry-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 10px;
    color: #1f2937;
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.zis-fin-entry-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    border: 1px solid #dbe7f3;
    border-radius: 4px;
    background: #f8fbff;
}
.zis-fin-entry-header h4 {
    margin: 0 0 2px;
    color: #26394f;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}
.zis-fin-entry-header span {
    display: block;
    color: #64748b;
    font-size: 11px;
    line-height: 1.2;
}
.zis-fin-entry-header > i {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bdd2e8;
    border-radius: 4px;
    color: #365b7d;
    background: #e9f2fb;
    font-size: 15px;
}
.zis-fin-entry-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
}
.zis-fin-entry-section {
    min-width: 0;
    padding: 10px;
    border: 1px solid #dbe7f3;
    border-radius: 4px;
    background: #fff;
}
.zis-fin-entry-section h5 {
    margin: 0 0 8px;
    color: #26394f;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}
.zis-fin-entry-fields {
    display: grid;
    gap: 8px;
}
.zis-fin-entry-fields-2 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.zis-fin-entry-fields-final {
    grid-template-columns: minmax(180px, .35fr) minmax(0, 1fr);
}
.zis-fin-entry-form .form-group {
    min-width: 0;
    margin: 0;
}
.zis-fin-entry-form label {
    display: block;
    margin: 0 0 3px;
    color: #334155;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}
.zis-fin-entry-form .form-control {
    width: 100%;
    height: 30px;
    padding: 4px 8px;
    border: 1px solid #bdd2e8;
    border-radius: 3px;
    color: #1f2937;
    background: #fff;
    font-size: 12px;
    line-height: 20px;
    box-shadow: none;
}
.zis-fin-entry-form textarea.form-control {
    height: auto;
    min-height: 58px;
    resize: vertical;
}
.zis-fin-entry-form .input-group-addon {
    min-width: 31px;
    padding: 4px 8px;
    border-color: #bdd2e8;
    color: #365b7d;
    background: #e9f2fb;
}
.zis-fin-entry-actions {
    display: flex;
    justify-content: flex-end;
    padding: 1px 0 0;
}
.zis-fin-entry-actions .btn {
    min-width: 110px;
    height: 31px;
    padding: 5px 12px !important;
    font-size: 12px !important;
    font-weight: 700;
}
@media (max-width: 760px) {
    .zis-fin-entry-grid,
    .zis-fin-entry-fields-2,
    .zis-fin-entry-fields-final {
        grid-template-columns: 1fr;
    }
}

/* Finansijska kartica - jQuery UI dijalog naslov */
.zis-fin-kartica-ui-dialog .ui-dialog-titlebar {
    background: #2f5f8f !important;
    border-color: #244e77 !important;
    color: #fff !important;
}
.zis-fin-kartica-ui-dialog .ui-dialog-title {
    color: #fff !important;
    font-weight: 700 !important;
}
.zis-fin-kartica-ui-dialog .ui-dialog-titlebar-close {
    top: 50% !important;
    right: 8px !important;
    width: 22px !important;
    height: 22px !important;
    margin: -11px 0 0 0 !important;
    border: 1px solid rgba(255,255,255,.45) !important;
    border-radius: 3px !important;
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
}
.zis-fin-kartica-ui-dialog .ui-dialog-titlebar-close:before {
    content: "×";
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
}
.zis-fin-kartica-ui-dialog .ui-dialog-titlebar-close .ui-icon {
    display: none !important;
}
.zis-fin-entry-header > i {
    display: none !important;
}

/* Novi ugovor: kompaktno drugo zaglavlje kao u obrascu Uredjivanje podataka */
.zis-novi-ugovor-table thead tr:nth-child(2) th {
    height: 27px !important;
    min-height: 27px !important;
    padding: 3px 4px !important;
    line-height: 18px !important;
    text-align: center !important;
    overflow: hidden !important;
}
.zis-novi-ugovor-table thead tr:nth-child(2) input.form-control,
.zis-novi-ugovor-table thead tr:nth-child(2) select.form-control {
    width: 72px !important;
    min-width: 0 !important;
    max-width: 72px !important;
    height: 21px !important;
    min-height: 21px !important;
    padding: 1px 3px !important;
    font-size: 10px !important;
    line-height: 17px !important;
}
.zis-novi-ugovor-table thead tr:nth-child(2) select.form-control {
    width: 84px !important;
    max-width: 84px !important;
    padding-right: 14px !important;
}
.zis-novi-ugovor-table thead tr:nth-child(2) #jib_jbm_zaglavlje,
.zis-novi-ugovor-table thead tr:nth-child(2) #ev_broj_ugovora_zaglavlje,
.zis-novi-ugovor-table thead tr:nth-child(2) #aneks_ugovora_zaglavlje,
.zis-novi-ugovor-table thead tr:nth-child(2) #komentar_zaglavlje {
    width: 86px !important;
    max-width: 86px !important;
}
.zis-novi-ugovor-table thead tr:nth-child(2) #datumpocetka_zaglavlje {
    width: 76px !important;
    max-width: 76px !important;
}
.zis-novi-ugovor-table thead tr:nth-child(2) button {
    width: 21px !important;
    min-width: 21px !important;
    max-width: 21px !important;
    height: 21px !important;
    min-height: 21px !important;
    padding: 1px 0 !important;
    border: 1px solid #bdd2e8 !important;
    border-radius: 2px !important;
    background: #fff !important;
    color: #365b7d !important;
    font-size: 10px !important;
    line-height: 17px !important;
    text-align: center !important;
    vertical-align: middle !important;
}
.zis-novi-ugovor-table thead tr:nth-child(2) button i {
    font-size: 11px !important;
    line-height: 11px !important;
}
.zis-novi-ugovor-table thead tr:nth-child(2) div[id^="display_"] {
    max-width: 86px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Uredi ugovor: kompaktno drugo zaglavlje kao u obrascu Uredjivanje podataka */
.zis-uredi-ugovor-table thead tr:nth-child(2) th {
    height: 27px !important;
    min-height: 27px !important;
    padding: 3px 4px !important;
    line-height: 18px !important;
    text-align: center !important;
    overflow: hidden !important;
}
.zis-uredi-ugovor-table thead tr:nth-child(2) input.form-control,
.zis-uredi-ugovor-table thead tr:nth-child(2) select.form-control {
    width: 72px !important;
    min-width: 0 !important;
    max-width: 72px !important;
    height: 21px !important;
    min-height: 21px !important;
    padding: 1px 3px !important;
    font-size: 10px !important;
    line-height: 17px !important;
}
.zis-uredi-ugovor-table thead tr:nth-child(2) select.form-control {
    width: 84px !important;
    max-width: 84px !important;
    padding-right: 14px !important;
}
.zis-uredi-ugovor-table thead tr:nth-child(2) #jib_jbm_zaglavlje,
.zis-uredi-ugovor-table thead tr:nth-child(2) #ev_broj_ugovora_zaglavlje,
.zis-uredi-ugovor-table thead tr:nth-child(2) #aneks_ugovora_zaglavlje,
.zis-uredi-ugovor-table thead tr:nth-child(2) #korisnik_zaglavlje,
.zis-uredi-ugovor-table thead tr:nth-child(2) #komentar_zaglavlje {
    width: 86px !important;
    max-width: 86px !important;
}
.zis-uredi-ugovor-table thead tr:nth-child(2) #datumpocetka_zaglavlje,
.zis-uredi-ugovor-table thead tr:nth-child(2) #datumzavrsetka_zaglavlje {
    width: 76px !important;
    max-width: 76px !important;
}
.zis-uredi-ugovor-table thead tr:nth-child(2) div[id^="display_"] {
    max-width: 86px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Aneks ugovor: kompaktno drugo zaglavlje kao u obrascu Uredjivanje podataka */
.zis-aneks-ugovor-table thead tr:nth-child(2) th {
    height: 27px !important;
    min-height: 27px !important;
    padding: 3px 4px !important;
    line-height: 18px !important;
    text-align: center !important;
    overflow: hidden !important;
}
.zis-aneks-ugovor-table thead tr:nth-child(2) input.form-control,
.zis-aneks-ugovor-table thead tr:nth-child(2) select.form-control {
    width: 72px !important;
    min-width: 0 !important;
    max-width: 72px !important;
    height: 21px !important;
    min-height: 21px !important;
    padding: 1px 3px !important;
    font-size: 10px !important;
    line-height: 17px !important;
}
.zis-aneks-ugovor-table thead tr:nth-child(2) select.form-control {
    width: 84px !important;
    max-width: 84px !important;
    padding-right: 14px !important;
}
.zis-aneks-ugovor-table thead tr:nth-child(2) #jib_jbm_zaglavlje,
.zis-aneks-ugovor-table thead tr:nth-child(2) #aneks_ugovora_zaglavlje,
.zis-aneks-ugovor-table thead tr:nth-child(2) #komentar_zaglavlje {
    width: 86px !important;
    max-width: 86px !important;
}
.zis-aneks-ugovor-table thead tr:nth-child(2) #datumpocetka_zaglavlje {
    width: 76px !important;
    max-width: 76px !important;
}
.zis-aneks-ugovor-table thead tr:nth-child(2) button {
    width: 21px !important;
    min-width: 21px !important;
    max-width: 21px !important;
    height: 21px !important;
    min-height: 21px !important;
    padding: 1px 0 !important;
    border: 1px solid #bdd2e8 !important;
    border-radius: 2px !important;
    background: #fff !important;
    color: #365b7d !important;
    font-size: 10px !important;
    line-height: 17px !important;
    text-align: center !important;
    vertical-align: middle !important;
}
.zis-aneks-ugovor-table thead tr:nth-child(2) button i {
    font-size: 11px !important;
    line-height: 11px !important;
}
.zis-aneks-ugovor-table thead tr:nth-child(2) div[id^="display_"] {
    max-width: 86px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Parcele u aneksu: kompaktno drugo zaglavlje kao u obrascu Uredjivanje podataka */
.zis-parcela-aneks-table thead tr:nth-child(2) th {
    height: 27px !important;
    min-height: 27px !important;
    padding: 3px 4px !important;
    line-height: 18px !important;
    text-align: center !important;
    overflow: hidden !important;
}
.zis-parcela-aneks-table thead tr:nth-child(2) input.form-control,
.zis-parcela-aneks-table thead tr:nth-child(2) select.form-control {
    width: 72px !important;
    min-width: 0 !important;
    max-width: 72px !important;
    height: 21px !important;
    min-height: 21px !important;
    padding: 1px 3px !important;
    font-size: 10px !important;
    line-height: 17px !important;
}
.zis-parcela-aneks-table thead tr:nth-child(2) select.form-control {
    width: 84px !important;
    max-width: 84px !important;
    padding-right: 14px !important;
}
.zis-parcela-aneks-table thead tr:nth-child(2) #jib_jbm_zaglavlje,
.zis-parcela-aneks-table thead tr:nth-child(2) #ev_broj_ugovora_zaglavlje,
.zis-parcela-aneks-table thead tr:nth-child(2) #aneks_ugovora_zaglavlje,
.zis-parcela-aneks-table thead tr:nth-child(2) #komentar_zaglavlje {
    width: 86px !important;
    max-width: 86px !important;
}
.zis-parcela-aneks-table thead tr:nth-child(2) #datumpocetka_zaglavlje {
    width: 76px !important;
    max-width: 76px !important;
}
.zis-parcela-aneks-table thead tr:nth-child(2) button {
    width: 21px !important;
    min-width: 21px !important;
    max-width: 21px !important;
    height: 21px !important;
    min-height: 21px !important;
    padding: 1px 0 !important;
    border: 1px solid #bdd2e8 !important;
    border-radius: 2px !important;
    background: #fff !important;
    color: #365b7d !important;
    font-size: 10px !important;
    line-height: 17px !important;
    text-align: center !important;
    vertical-align: middle !important;
}
.zis-parcela-aneks-table thead tr:nth-child(2) button i {
    font-size: 11px !important;
    line-height: 11px !important;
}
.zis-parcela-aneks-table thead tr:nth-child(2) div[id^="display_"] {
    max-width: 86px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Lookup dropdown izvan header-a za Novi ugovor */
.zis-floating-lookup-dropdown {
    position: absolute !important;
    z-index: 10060 !important;
    max-height: 220px !important;
    overflow-y: auto !important;
    padding: 3px 0 !important;
    border: 1px solid #8fb2d5 !important;
    border-radius: 2px !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(15,47,99,.18) !important;
    color: #1f2937 !important;
    font-size: 11px !important;
    line-height: 16px !important;
}
.zis-floating-lookup-dropdown ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.zis-floating-lookup-dropdown p {
    margin: 0 !important;
    padding: 4px 9px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}
.zis-floating-lookup-dropdown p:hover,
.zis-floating-lookup-dropdown p:focus {
    background: #e9f2fb !important;
}
.zis-floating-lookup-dropdown a {
    color: #1f2937 !important;
    text-decoration: none !important;
}

/* Novi ugovor: Select2 lookup polja u drugom redu header-a */
.zis-novi-ugovor-table thead tr:nth-child(2) .select2-container {
    width: 86px !important;
    min-width: 0 !important;
    max-width: 86px !important;
    height: 21px !important;
    min-height: 21px !important;
    vertical-align: middle !important;
}
.zis-novi-ugovor-table thead tr:nth-child(2) select.select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}
.zis-novi-ugovor-table thead tr:nth-child(2) .select2-container .select2-selection--single {
    width: 86px !important;
    height: 21px !important;
    min-height: 21px !important;
    border: 1px solid #bdd2e8 !important;
    border-radius: 2px !important;
    padding: 0 !important;
    line-height: 19px !important;
}
.zis-novi-ugovor-table thead tr:nth-child(2) .select2-container .select2-selection__rendered {
    height: 19px !important;
    line-height: 19px !important;
    padding-left: 4px !important;
    padding-right: 18px !important;
    font-size: 10px !important;
    text-align: left !important;
    white-space: nowrap !important;
    word-break: normal !important;
}
.zis-novi-ugovor-table thead tr:nth-child(2) .select2-container .select2-selection__arrow {
    width: 16px !important;
    height: 19px !important;
}
.zis-novi-ugovor-table thead tr:nth-child(2) .select2-container .select2-selection__clear {
    height: 18px !important;
    line-height: 17px !important;
    margin-right: 14px !important;
}
.select2-container--open.zis-novi-select2-dropdown,
.zis-novi-select2-dropdown {
    z-index: 10070 !important;
    font-size: 11px !important;
}
.zis-novi-select2-dropdown .select2-results__option {
    padding: 4px 8px !important;
    line-height: 16px !important;
}
.zis-novi-select2-dropdown .select2-search__field {
    height: 24px !important;
    min-height: 24px !important;
    padding: 3px 6px !important;
    font-size: 11px !important;
}
.zis-right-block {
    gap: 10px !important;
}

.zis-account-menu {
    position: relative !important;
    height: 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
}

.zis-account-toggle,
.zis-account-toggle:visited {
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    max-width: 260px !important;
    padding: 0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.zis-account-toggle:hover,
.zis-account-toggle:focus,
.zis-account-menu.open .zis-account-toggle {
    color: rgba(255,255,255,.78) !important;
    -webkit-text-fill-color: rgba(255,255,255,.78) !important;
    text-decoration: none !important;
    background: transparent !important;
    outline: none !important;
}

.zis-account-avatar {
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 28px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #2f67ad !important;
    -webkit-text-fill-color: #2f67ad !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.75) !important;
}

.zis-account-avatar i {
    font-size: 13px !important;
    color: #2f67ad !important;
    -webkit-text-fill-color: #2f67ad !important;
}

.zis-account-name {
    min-width: 0 !important;
    max-width: 190px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

.zis-account-caret {
    flex: 0 0 auto !important;
    margin-left: 1px !important;
    font-size: 10px !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    opacity: .9 !important;
}

.zis-account-dropdown.dropdown-menu,
.zis-account-menu .dropdown-menu {
    min-width: 178px !important;
    margin-top: 2px !important;
    padding: 5px !important;
    border: 1px solid rgba(93,134,181,.42) !important;
    border-radius: 6px !important;
    background: #f8fbff !important;
    box-shadow: 0 10px 22px rgba(24,63,113,.24), inset 0 1px 0 rgba(255,255,255,.85) !important;
    z-index: 3000 !important;
}

.zis-account-dropdown > li > a,
.zis-account-menu .dropdown-menu > li > a {
    min-height: 30px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 9px !important;
    border-radius: 4px !important;
    color: #244f82 !important;
    -webkit-text-fill-color: #244f82 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    text-decoration: none !important;
    background: transparent !important;
}

.zis-account-dropdown > li > a i,
.zis-account-menu .dropdown-menu > li > a i {
    width: 15px !important;
    min-width: 15px !important;
    color: #315f91 !important;
    -webkit-text-fill-color: #315f91 !important;
    text-align: center !important;
}

.zis-account-dropdown > li > a:hover,
.zis-account-dropdown > li > a:focus,
.zis-account-menu .dropdown-menu > li > a:hover,
.zis-account-menu .dropdown-menu > li > a:focus {
    color: #0f2f63 !important;
    -webkit-text-fill-color: #0f2f63 !important;
    background: #e6f0fb !important;
    text-decoration: none !important;
    outline: none !important;
}
body.ima-pretragu #pretrazivanje .filter-group:not(#zis-filter-size-a):not(#zis-filter-size-b),
body.zis-layout-table #pretrazivanje .filter-group:not(#zis-filter-size-a):not(#zis-filter-size-b) {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 150px !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
}

body.ima-pretragu #pretrazivanje .filter-group:has(input[type="file"]),
body.zis-layout-table #pretrazivanje .filter-group:has(input[type="file"]) {
    flex-basis: 245px !important;
    width: 245px !important;
    min-width: 245px !important;
    max-width: 245px !important;
}

body.ima-pretragu #pretrazivanje input:not(#zis-filter-size-a):not(#zis-filter-size-b):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
body.ima-pretragu #pretrazivanje select:not(#zis-filter-size-a):not(#zis-filter-size-b),
body.ima-pretragu #pretrazivanje textarea:not(#zis-filter-size-a):not(#zis-filter-size-b),
body.ima-pretragu #pretrazivanje .form-control:not(#zis-filter-size-a):not(#zis-filter-size-b):not([type="file"]),
body.zis-layout-table #pretrazivanje input:not(#zis-filter-size-a):not(#zis-filter-size-b):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
body.zis-layout-table #pretrazivanje select:not(#zis-filter-size-a):not(#zis-filter-size-b),
body.zis-layout-table #pretrazivanje textarea:not(#zis-filter-size-a):not(#zis-filter-size-b),
body.zis-layout-table #pretrazivanje .form-control:not(#zis-filter-size-a):not(#zis-filter-size-b):not([type="file"]) {
    box-sizing: border-box !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 4px 8px !important;
    line-height: 20px !important;
    font-size: 12.5px !important;
    vertical-align: middle !important;
}

body.ima-pretragu #pretrazivanje .select2-container:not(#zis-filter-size-a):not(#zis-filter-size-b),
body.zis-layout-table #pretrazivanje .select2-container:not(#zis-filter-size-a):not(#zis-filter-size-b) {
    box-sizing: border-box !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    vertical-align: middle !important;
}

body.ima-pretragu #pretrazivanje .select2-container:not(#zis-filter-size-a):not(#zis-filter-size-b) .select2-selection--single,
body.ima-pretragu #pretrazivanje .select2-container--default:not(#zis-filter-size-a):not(#zis-filter-size-b) .select2-selection--single,
body.zis-layout-table #pretrazivanje .select2-container:not(#zis-filter-size-a):not(#zis-filter-size-b) .select2-selection--single,
body.zis-layout-table #pretrazivanje .select2-container--default:not(#zis-filter-size-a):not(#zis-filter-size-b) .select2-selection--single {
    box-sizing: border-box !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
    line-height: 28px !important;
}

body.ima-pretragu #pretrazivanje .select2-container .select2-selection--single .select2-selection__rendered,
body.ima-pretragu #pretrazivanje .select2-container--default .select2-selection--single .select2-selection__rendered,
body.zis-layout-table #pretrazivanje .select2-container .select2-selection--single .select2-selection__rendered,
body.zis-layout-table #pretrazivanje .select2-container--default .select2-selection--single .select2-selection__rendered {
    box-sizing: border-box !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 26px 0 8px !important;
    line-height: 28px !important;
    font-size: 12.5px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.ima-pretragu #pretrazivanje .select2-container .select2-selection--single .select2-selection__arrow,
body.ima-pretragu #pretrazivanje .select2-container--default .select2-selection--single .select2-selection__arrow,
body.zis-layout-table #pretrazivanje .select2-container .select2-selection--single .select2-selection__arrow,
body.zis-layout-table #pretrazivanje .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px !important;
    top: 1px !important;
    right: 3px !important;
}

body.ima-pretragu #pretrazivanje .select2-container--default .select2-selection--single .select2-selection__clear,
body.zis-layout-table #pretrazivanje .select2-container--default .select2-selection--single .select2-selection__clear {
    height: 28px !important;
    line-height: 28px !important;
    margin-right: 18px !important;
}

body.ima-pretragu #pretrazivanje .buttons-group,
body.zis-layout-table #pretrazivanje .buttons-group {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 30px !important;
}