/* ──────────────────────────────────────────────────────────────
   Javne nabavke · Zahtjevi za nabavku — LISTA (page-local .zl-*)
   PBI #5590. Ported from redesign mock NabavkeZahtjevi.html <style>.
   Scoped under .nbp (shared module wrapper); shared .nb-* atoms live
   in redesign-procurement-*.css.
   ────────────────────────────────────────────────────────────── */

.nbp table.zl-table { table-layout: fixed; width: 100%; }

/* Sve ćelije osim zadnje (Akcije): odsijeci sadržaj elipsisom kad ne stane u širinu
   kolone; puni tekst je u title atributu (tooltip na hover). */
.nbp .zl-table tbody td:not(:last-child) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Status badge: cijeli badge (oba zaobljena kraja) ostaje vidljiv, a samo TEKST
   unutar badge-a se skraćuje elipsisom kad ne stane. */
.nbp .zl-statusbadge { max-width: 100%; overflow: hidden; }
.nbp .zl-statusbadge .zl-badgetext {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nbp .zl-table thead th { position: sticky; top: 0; z-index: 4; }
.nbp .zl-table tbody td { padding-top: 9px; padding-bottom: 9px; vertical-align: middle; }

.nbp .zl-draftbroj { font: 600 11.5px var(--is-font-sans); color: var(--is-fg-3); display: inline-flex; align-items: center; gap: 5px; }
.nbp .zl-draftbroj i { font-size: 9px; }
.nbp .zl-nodate { color: var(--is-fg-muted); font-style: italic; font-size: 11.5px; }

/* Inline workflow mini-stepper */
.nbp .zl-stepper { display: flex; align-items: center; min-width: 120px; }
.nbp .zl-step { display: flex; align-items: center; flex: 0 0 auto; }
.nbp .zl-step__dot {
  width: 14px; height: 14px; border-radius: 999px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  border: 2px solid var(--is-border-3); background: #fff; font-size: 7px; color: #fff;
}
.nbp .zl-step__dot.is-done { background: var(--is-success); border-color: var(--is-success); }
.nbp .zl-step__dot.is-current { background: var(--is-brand-blue); border-color: var(--is-brand-blue); box-shadow: 0 0 0 3px rgba(4,148,218,.16); }
.nbp .zl-step__dot.is-vraceno { background: var(--is-brand-orange); border-color: var(--is-brand-orange); box-shadow: 0 0 0 3px rgba(245,158,44,.18); }
.nbp .zl-step__dot.is-rejected { background: var(--is-danger); border-color: var(--is-danger); }
.nbp .zl-step__line { width: 16px; height: 2px; background: var(--is-border-2); flex-shrink: 0; }
.nbp .zl-step__line.is-done { background: var(--is-success); }
.nbp .zl-stepper__txt { margin-left: 9px; font: 600 11px var(--is-font-mono); color: var(--is-fg-3); white-space: nowrap; font-variant-numeric: tabular-nums; }

/* "Čeka mene" toggle — primary pill */
.nbp .zl-mepill {
  display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px; border-radius: 999px;
  border: 1px solid var(--is-brand-blue); background: #fff; color: var(--is-brand-blue-700);
  font: 700 12.5px var(--is-font-sans); cursor: pointer; white-space: nowrap; transition: background .12s, color .12s;
}
.nbp .zl-mepill i { font-size: 12px; }
.nbp .zl-mepill:hover { background: var(--is-brand-blue-100); }
.nbp .zl-mepill.is-on { background: var(--is-brand-blue); color: #fff; border-color: var(--is-brand-blue); }
.nbp .zl-mepill__count { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--is-brand-blue-100); color: var(--is-brand-blue-700); font: 700 10.5px var(--is-font-sans); }
.nbp .zl-mepill.is-on .zl-mepill__count { background: rgba(255,255,255,.25); color: #fff; }

/* Date range */
.nbp .zl-daterange { display: inline-flex; flex-direction: column; gap: 3px; }
.nbp .zl-daterange__label { font: 600 9.5px var(--is-font-sans); color: var(--is-fg-3); text-transform: uppercase; letter-spacing: .05em; padding-left: 2px; }
.nbp .zl-daterange__row { display: inline-flex; align-items: center; gap: 6px; }
.nbp .zl-dateinput { height: 36px; padding: 0 8px; border: 1px solid var(--is-border-3); border-radius: var(--is-radius-sm); background: #fff; font: 500 12px var(--is-font-mono); color: var(--is-fg-1); }
.nbp .zl-dateinput:focus { outline: none; border-color: var(--is-action-blue); box-shadow: 0 0 0 3px rgba(0,123,255,.15); }
.nbp .zl-daterange__sep { color: var(--is-fg-3); font-size: 11px; }

.nbp .zl-filteractive { color: var(--is-brand-blue-700); font-weight: 700; }

/* Syncfusion date-range picker — match the 36px filter height so it lines up with the dropdowns. */
.nbp .rq-drp.e-control-wrapper,
.nbp .rq-drp.e-date-range-wrapper,
.nbp span.rq-drp.e-input-group {
  height: 36px !important;
  min-height: 36px !important;
  align-items: center;
}
.nbp .rq-drp .e-input,
.nbp .rq-drp input.e-input {
  height: 34px !important;
  line-height: 34px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font: 500 12px var(--is-font-mono) !important;
}

/* Sortable column headers */
.nbp .zl-sortable { cursor: pointer; user-select: none; white-space: nowrap; }
.nbp .zl-sortable:hover { color: var(--is-fg-1); }