/* ── Grid cell padding ───────────────────────────────────────────────────── */
.k-grid td.k-table-td,
.k-grid th.k-header {
    padding-left: 6px !important;
    padding-right: 6px !important;
}
/* Tight vertical padding — row height matches the command cell (26px buttons
   + a couple px on each side). Same on edit row so the row doesn't grow when
   it enters edit mode. */
.k-grid td.k-table-td,
.k-grid-edit-row > td.k-table-td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.k-grid-edit-row > td.k-table-td {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/* ── Grid footer (aggregates) — trim vertical padding ─────────────────────── */
.k-grid-footer td,
.k-grid-footer td.k-table-td,
.k-grid-footer-wrap td {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}
.k-grid-footer .k-footer-template > div { line-height: 1.3; }

/* ── Pager — trim vertical padding/height ─────────────────────────────────── */
.k-grid .k-pager,
.k-grid .k-pager-wrap,
.k-grid-pager {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    min-height: 0 !important;
}

/* ── Font ─────────────────────────────────────────────────────────────────── */
.k-grid,
.k-grid td,
.k-grid th,
.k-grid .k-header,
.k-grid .k-filter-row,
.k-grid .k-pager-wrap,
.k-grid .k-toolbar,
.k-grid-toolbar,
.k-column-menu,
.k-grid-edit-row input,
.k-grid-edit-row .k-input {
    font-family: 'Inter', sans-serif;
}

/* Inline edit row + popup edit form + Procedure parameter form */
.k-grid-edit-row input,
.k-grid-edit-row select,
.k-grid-edit-row textarea,
.k-grid-edit-row .k-input,
.k-grid-edit-row .k-input-inner,
.k-edit-form-container input,
.k-edit-form-container select,
.k-edit-form-container textarea,
.k-edit-form-container .k-input,
.k-edit-form-container .k-input-inner,
.k-popup-edit-form input,
.k-popup-edit-form .k-input,
.k-popup-edit-form .k-input-inner {
    font-size: 12px !important;
}

/* ── Pager & header ───────────────────────────────────────────────────────── */
.k-grid-pager,
.k-grid-pager .k-link,
.k-grid-pager .k-button,
.k-grid-pager .k-dropdown,
.k-grid-pager .k-pager-info {
    font-size: 12px !important;
    font-weight: normal !important;
}

th.k-header .k-link {
    font-size: 12px !important;
}

/* Toolbar buttons — Create ("Novi zapis") and Akcije dropdown — 12px bold. */
.k-grid-toolbar .k-button,
.k-grid-toolbar .k-grid-add,
.k-toolbar .sis-dd-btn {
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* ── TabStrip ──────────────────────────────────────────────────────────────── */
.k-tabstrip-items .k-link {
    font-weight: 600 !important;
    font-size: 12px !important;
}

/* ── Command column ───────────────────────────────────────────────────────── */
td.k-command-cell {
    padding-left: 6px !important;
    padding-right: 6px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px;
}

td.k-command-cell .k-button {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    flex-shrink: 0;
    margin: 0 !important;
}

/* ── Edit form ────────────────────────────────────────────────────────────── */
.k-edit-form-container {
    padding: 0;
    width: 97%;
}

.k-popup-edit-form.k-window-content.k-content {
    padding-top: 7px !important;
    padding-bottom: 12px !important;
    overflow-y: hidden !important;
}

/* ── Loading spinner ──────────────────────────────────────────────────────── */
.k-loading-image::before,
.k-loading-image::after {
    border-width: .015em !important;
    font-size: 4em !important;
}

/* ── MultiSelect ──────────────────────────────────────────────────────────── */
.k-multiselect .k-button {
    width: calc(100% - 35px) !important;
}

/* ── Toolbar dropdown (sis-dd) ────────────────────────────────────────────── */
.sis-dd-menu {
    display: none;
    position: absolute;
    background: #fff; border: 1px solid #d4d4d4; border-radius: 4px;
    box-shadow: 0 4px 14px rgba(0,0,0,.13);
    min-width: 210px; z-index: 9999;
    list-style: none; margin: 0; padding: 4px 0;
}
.sis-dd-item {
    display: flex; align-items: center; gap: 10px;
    padding: 7px 14px; font-size: 13px; color: #333;
    cursor: pointer; transition: background .1s, color .1s;
    white-space: nowrap;
}
.sis-dd-item:hover {
    background: #f0f6fb; color: #4a9fd4;
}
.sis-dd-item i {
    width: 14px; text-align: center; opacity: .65; flex-shrink: 0;
}
.sis-dd-item:hover i { opacity: 1; }

/* Override k-hidden applied by k-toolbar-resizable to dynamically appended items */
.k-toolbar .sis-dd-btn {
    display: inline-flex !important;
    align-items: center;
    margin-left: auto !important;
}

.sis-dd-sep {
    height: 1px; background: #e8e8e8; margin: 4px 8px;
}

/* ── Inline edit row: disabled widgets render as plain labels ──────────── */
/* KEY columns keep their editor template (preserves Kendo ID tracking via data-bind)
   but render disabled. Strip the chrome — spinners, borders, background — so the
   user sees a value, not a non-functional widget. */
.k-grid-edit-row .k-numerictextbox:has(input:disabled),
.k-grid-edit-row .k-integertextbox:has(input:disabled),
.k-grid-edit-row .k-textbox:has(input:disabled),
.k-grid-edit-row .k-datepicker:has(input:disabled),
.k-grid-edit-row .k-datetimepicker:has(input:disabled) {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.k-grid-edit-row .k-numerictextbox:has(input:disabled) .k-input-spinner,
.k-grid-edit-row .k-numerictextbox:has(input:disabled) .k-spinner-vertical,
.k-grid-edit-row .k-integertextbox:has(input:disabled) .k-input-spinner,
.k-grid-edit-row .k-datepicker:has(input:disabled) .k-input-button,
.k-grid-edit-row .k-datetimepicker:has(input:disabled) .k-input-button {
    display: none !important;
}
.k-grid-edit-row input:disabled {
    background: transparent !important;
    color: inherit !important;
    cursor: default !important;
}

/* ── Inline edit row: numeric textbox keeps input + spinner side-by-side ─ */
/* Kendo 14 default flex-wrap lets the spinner drop below the input in narrow
   grid cells. Force a single row and let the input flex while the spinner stays
   intrinsic-width. */
.k-grid-edit-row .k-numerictextbox,
.k-grid-edit-row .k-integertextbox {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
}
.k-grid-edit-row .k-numerictextbox > .k-input-inner,
.k-grid-edit-row .k-integertextbox > .k-input-inner {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
}
.k-grid-edit-row .k-numerictextbox > .k-input-spinner,
.k-grid-edit-row .k-integertextbox > .k-input-spinner,
.k-grid-edit-row .k-numerictextbox > .k-spinner-vertical,
.k-grid-edit-row .k-integertextbox > .k-spinner-vertical {
    flex: 0 0 auto !important;
}

/* ── Inline edit row: datepicker input + calendar button on one row ─────── */
/* Same wrap-fix as for dropdowns — in narrow cells the calendar button drops
   below the input or gets squashed to zero width. */
.k-grid-edit-row .k-datepicker,
.k-grid-edit-row .k-datetimepicker,
.k-grid-edit-row .k-timepicker {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
}
.k-grid-edit-row .k-datepicker > .k-input-inner,
.k-grid-edit-row .k-datetimepicker > .k-input-inner,
.k-grid-edit-row .k-timepicker > .k-input-inner {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.k-grid-edit-row .k-datepicker > .k-input-button,
.k-grid-edit-row .k-datetimepicker > .k-input-button,
.k-grid-edit-row .k-timepicker > .k-input-button {
    flex: 0 0 auto !important;
}

/* ── Inline edit row: dropdowns must stay on a single row ───────────────── */
/* Without this, Kendo 14 dropdown wrappers wrap text + arrow onto 2 lines in
   the narrow grid cells; the arrow ends up below the value label. */
.k-grid-edit-row .k-dropdownlist,
.k-grid-edit-row .k-combobox,
.k-grid-edit-row .k-multicolumncombobox,
.k-grid-edit-row .k-dropdown {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
}
.k-grid-edit-row .k-dropdownlist > .k-input-inner,
.k-grid-edit-row .k-combobox > .k-input-inner,
.k-grid-edit-row .k-multicolumncombobox > .k-input-inner {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.k-grid-edit-row .k-dropdownlist > .k-input-button,
.k-grid-edit-row .k-combobox > .k-input-button,
.k-grid-edit-row .k-multicolumncombobox > .k-input-button {
    flex: 0 0 auto !important;
}

/* ── SweetAlert2 above Kendo Window/Popup (10000+) ────────────────────────── */
.swal2-container { z-index: 20000 !important; }
.swal2-popup .swal2-title          { font-size: 16px !important; }
.swal2-popup .swal2-html-container { font-size: 14px !important; line-height: 1.4; }
.swal2-popup .swal2-actions button { font-size: 14px !important; }

/* ── Kendo Window title bar — larger title font ────────────────────────────── */
.k-window-title { font-size: 14px; }

/* ── Account / Profile popup forms — GenericEdit-style layout ─────────────── */
/* Default: outer container fills the window content, scroll handled by the
   inner body when content overflows. Buttons docked at bottom-left, pinned. */
.acc-edit       { position:absolute; inset:0; display:flex; flex-direction:column;
                  padding:10px 10px 0 10px; font-family:'Inter', sans-serif; font-size:12px;
                  box-sizing:border-box; }
.acc-edit-body  { flex:1 1 auto; min-height:0; overflow-y:auto; padding-right:2px; }
.acc-card       { border:1px solid #5a738c; border-radius:4px; margin-bottom:8px; overflow:hidden; }
.acc-card.acc-card-fill { display:flex; flex-direction:column; flex:1 1 auto; min-height:0; margin-bottom:0; }
.acc-card-hdr   { background:#456178; color:#fff; font-weight:600; text-align:center; padding:5px 8px; font-size:12px; letter-spacing:.3px; flex:0 0 auto; }
.acc-card-body  { padding:8px 12px 4px; }
.acc-card-fill .acc-card-body { flex:1 1 auto; min-height:0; overflow-y:auto; }
.acc-row        { display:flex; align-items:center; min-height:32px; margin-bottom:6px; }
.acc-label      { flex:0 0 35%; text-align:right; padding-right:12px; font-size:11px; color:#555; line-height:1.3; }
.acc-field      { flex:1; min-width:0; }
.acc-field .k-input, .acc-field .k-picker, .acc-field > input[type=text] { width:100%; }
.acc-hint       { color:#888; font-size:11px; margin-left:6px; }
.acc-actions    { flex:0 0 auto; display:flex; justify-content:flex-start; gap:8px;
                  padding:8px 10px; background:#fafbfc;
                  margin:0 -10px 0 -10px; }

/* ── Bool switch ─────────────────────────────────────────────────────────── */
.sis-switch { display:inline-block; position:relative; width:32px; height:17px; vertical-align:middle; }
.sis-switch input { opacity:0; width:0; height:0; position:absolute; }
.sis-slider { position:absolute; cursor:default; top:0; left:0; right:0; bottom:0; background:#ccc; border-radius:17px; transition:.25s; }
.sis-slider::before { content:""; position:absolute; height:11px; width:11px; left:3px; bottom:3px; background:#fff; border-radius:50%; transition:.25s; }
.sis-switch input:checked + .sis-slider { background:#4caf50; }
.sis-switch input:checked + .sis-slider::before { transform:translateX(15px); }

/* ── Custom command dugmad (Detalj, Izmijeni...): auto širina, sa tekstom.
      Poništava Sistem.Core pravilo koje sve command dugmad squeeze-uje na 26px. ── */
td.k-command-cell .k-button {
    width: auto !important; min-width: 0 !important;
    padding-left: 10px !important; padding-right: 10px !important;
}
/* ── Built-in command dugmad (edit/save/cancel/delete): samo ikonice, kvadratno. ── */
td.k-command-cell .k-grid-edit,
td.k-command-cell .k-grid-update,
td.k-command-cell .k-grid-cancel,
td.k-command-cell .k-grid-delete {
    width: 30px !important; min-width: 30px !important;
    padding-left: 0 !important; padding-right: 0 !important; justify-content: center;
}
td.k-command-cell .k-grid-edit .k-button-text,
td.k-command-cell .k-grid-update .k-button-text,
td.k-command-cell .k-grid-cancel .k-button-text,
td.k-command-cell .k-grid-delete .k-button-text { display: none !important; }