:root {
  --zona-bg: #050505;
  --zona-bg-2: #0a0a0a;
  --zona-bg-3: #101010;
  --zona-panel: #111111;
  --zona-panel-2: #161616;
  --zona-panel-3: #1d1d1d;
  --zona-panel-4: #242424;
  --zona-text: #f1f1f1;
  --zona-muted: #b5b5b5;
  --zona-muted-2: #828282;
  --zona-line: #2b2b2b;
  --zona-line-strong: #444444;
  --zona-primary: #d0d0d0;
  --zona-primary-hover: #ffffff;
  --zona-primary-dark: #6f6f6f;
  --zona-success: #7ddc8a;
  --zona-success-bg: #122016;
  --zona-error: #ff7a7a;
  --zona-error-bg: #241111;
  --zona-warning: #e8c65a;
  --zona-warning-bg: #211c10;
  --zona-neutral-bg: #181818;
  --zona-shadow: 0 16px 40px rgba(0, 0, 0, 0.72);
  --zona-shadow-soft: 0 8px 22px rgba(0, 0, 0, 0.55);
  --zona-radius: 12px;
  --zona-radius-small: 9px;
  --zona-focus: 0 0 0 3px rgba(210, 210, 210, 0.24);
  --zona-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background: var(--zona-bg);
  color: var(--zona-text);
  font-family: var(--zona-font);
  line-height: 1.25;
  text-size-adjust: 100%;
}

body.zona-body {
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.045), transparent 32%),
    radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.025), transparent 38%),
    linear-gradient(180deg, #0b0b0b 0%, #050505 100%);
  color: var(--zona-text);
}

[hidden] {
  display: none !important;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.zona-main {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 6px;
}

.zona-login {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 12px;
}

.zona-panel,
.zona-kartica,
.zona-kontakt,
.zona-search,
.zona-login__kartica {
  border: 1px solid var(--zona-line);
  border-radius: var(--zona-radius);
  background:
    linear-gradient(180deg, rgba(28, 28, 28, 0.98), rgba(14, 14, 14, 0.98));
  box-shadow: var(--zona-shadow);
}

.zona-panel--login,
.zona-login__kartica {
  width: 100%;
  max-width: 360px;
  padding: 15px;
}

.zona-naslov,
.zona-brand__naslov,
.zona-sekcija-naslov {
  margin: 0;
  color: var(--zona-text);
  font-size: 1.08rem;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.zona-naslov--radni {
  font-size: 0.98rem;
  white-space: nowrap;
}

.zona-brand__opis,
.zona-sekcija-opis,
.zona-footer,
.zona-footer__tekst,
.zona-robots,
.zona-robots__naslov,
.zona-robots__tekst,
.zona-korisnik,
.zona-sesija__label,
.zona-sesija__korisnik {
  margin: 0;
  color: var(--zona-muted);
  font-size: 0.76rem;
}

.zona-login-forma,
.zona-forma,
.zona-search-forma {
  display: grid;
  gap: 8px;
}

.zona-login-forma {
  margin-top: 12px;
}

.zona-aplikacija {
  display: grid;
  gap: 6px;
}

.zona-traka,
.zona-header__unutra,
.zona-sesija {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 7px;
  width: 100%;
  padding: 7px;
  border: 1px solid var(--zona-line);
  border-radius: var(--zona-radius);
  background:
    linear-gradient(180deg, rgba(22, 22, 22, 0.98), rgba(10, 10, 10, 0.98));
  box-shadow: var(--zona-shadow);
}

.zona-traka__levo,
.zona-traka__desno,
.zona-brand,
.zona-sesija {
  min-width: 0;
}

.zona-traka__desno {
  display: flex;
  align-items: center;
  justify-content: stretch;
  gap: 6px;
  flex-wrap: wrap;
}

.zona-traka__desno .zona-dugme {
  width: 100%;
}

.zona-drzava-box {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  width: 100%;
  min-width: 0;
  padding: 7px;
  border: 1px solid var(--zona-line-strong);
  border-radius: var(--zona-radius-small);
  background:
    linear-gradient(180deg, #202020 0%, #111111 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    var(--zona-shadow-soft);
}

.zona-label--drzava {
  margin: 0;
  color: #dedede;
  font-size: 0.72rem;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.zona-select--drzava {
  min-height: 34px;
  border-color: #555555;
  background: #0b0b0b;
  color: #ffffff;
  font-weight: 900;
}

.zona-select--drzava option {
  background: #0b0b0b;
  color: #ffffff;
}

#zonaInfoDatumInput {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 0 9px;
  border: 1px solid #555555;
  border-radius: var(--zona-radius-small);
  background:
    linear-gradient(180deg, #111111 0%, #070707 100%);
  color: #ffffff;
  color-scheme: dark;
  font-weight: 900;
  outline: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 4px 12px rgba(0, 0, 0, 0.35);
  transition:
    border-color 140ms ease,
    box-shadow 140ms ease,
    background-color 140ms ease,
    color 140ms ease;
}

#zonaInfoDatumInput:hover {
  border-color: #8a8a8a;
  background:
    linear-gradient(180deg, #181818 0%, #0a0a0a 100%);
}

#zonaInfoDatumInput:focus {
  border-color: #d6d6d6;
  background: #101010;
  box-shadow: var(--zona-focus);
}

#zonaInfoDatumInput::-webkit-calendar-picker-indicator {
  width: 20px;
  height: 20px;
  margin-left: 6px;
  border-radius: 7px;
  background-color: #d0d0d0;
  cursor: pointer;
  filter: invert(1) grayscale(1) brightness(1.35);
  opacity: 0.92;
}

#zonaInfoDatumInput::-webkit-calendar-picker-indicator:hover {
  background-color: #ffffff;
  opacity: 1;
}

.zona-korisnik {
  display: none;
}

.zona-rad {
  display: grid;
  gap: 6px;
}

.zona-forma {
  padding: 7px;
  border: 1px solid var(--zona-line);
  border-radius: var(--zona-radius);
  background:
    linear-gradient(180deg, #505050, #2b2b2b);
  box-shadow: var(--zona-shadow);
}

.zona-red,
.zona-grid {
  display: grid;
  gap: 6px;
}

.zona-red--glavni,
.zona-red--kontakt,
.zona-red--statusi,
.zona-red--napomena {
  grid-template-columns: 1fr;
}

.zona-polje {
  min-width: 0;
}

.zona-label {
  display: block;
  margin: 0 0 3px;
  color: #e8e8e8;
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.1;
}

.zona-label--glavna {
  color: #ffffff;
  font-size: 0.84rem;
}

.zona-input,
.zona-select,
.zona-textarea {
  width: 100%;
  min-height: 36px;
  border: 1px solid var(--zona-line-strong);
  border-radius: var(--zona-radius-small);
  background: #070707;
  color: var(--zona-text);
  outline: none;
  transition:
    border-color 140ms ease,
    box-shadow 140ms ease,
    background-color 140ms ease,
    color 140ms ease;
}

.zona-input,
.zona-select {
  padding: 0 9px;
}

.zona-textarea {
  min-height: 78px;
  max-height: 180px;
  padding: 8px;
  resize: vertical;
  line-height: 1.2;
}

.zona-input::placeholder,
.zona-textarea::placeholder {
  color: var(--zona-muted-2);
}

.zona-input:focus,
.zona-select:focus,
.zona-textarea:focus {
  border-color: #d6d6d6;
  background: #101010;
  box-shadow: var(--zona-focus);
}

.zona-input:disabled,
.zona-select:disabled,
.zona-textarea:disabled {
  background: #111111;
  color: #737373;
}

.zona-unos-akcija {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px;
  align-items: stretch;
}

.zona-dugme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: var(--zona-radius-small);
  font-size: 0.86rem;
  font-weight: 850;
  line-height: 1.05;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  user-select: none;
  transition:
    background-color 140ms ease,
    border-color 140ms ease,
    color 140ms ease,
    box-shadow 140ms ease,
    transform 120ms ease;
}

.zona-dugme:hover:not(:disabled) {
  transform: translateY(-1px);
}

.zona-dugme:focus-visible {
  outline: none;
  box-shadow: var(--zona-focus);
}

.zona-dugme--primarno {
  border-color: #777777;
  background:
    linear-gradient(180deg, #f2f2f2 0%, #a8a8a8 48%, #5f5f5f 100%);
  color: #050505;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    0 6px 14px rgba(0, 0, 0, 0.45);
}

.zona-dugme--primarno:hover:not(:disabled) {
  border-color: #ffffff;
  background:
    linear-gradient(180deg, #ffffff 0%, #c7c7c7 48%, #737373 100%);
  color: #000000;
}

.zona-dugme--sekundarno {
  border-color: var(--zona-line-strong);
  background:
    linear-gradient(180deg, #2a2a2a 0%, #151515 100%);
  color: var(--zona-text);
}

.zona-dugme--sekundarno:hover:not(:disabled) {
  border-color: #d0d0d0;
  background:
    linear-gradient(180deg, #353535 0%, #1d1d1d 100%);
}

.zona-dugme--neutralno {
  border-color: var(--zona-line);
  background:
    linear-gradient(180deg, #1c1c1c 0%, #0f0f0f 100%);
  color: var(--zona-text);
}

.zona-dugme--neutralno:hover:not(:disabled) {
  border-color: var(--zona-line-strong);
  background:
    linear-gradient(180deg, #292929 0%, #161616 100%);
}

.zona-dugme--veliko {
  min-height: 44px;
  font-size: 1rem;
}

.zona-akcije {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.zona-akcije .zona-dugme {
  width: 100%;
}

.zona-akcije--jedno-dugme {
  grid-template-columns: 1fr;
}

.zona-status,
.zona-status__poruka,
.zona-forma-status,
.zona-provera__status {
  min-height: 0;
  margin: 0;
  color: var(--zona-muted);
  font-size: 0.74rem;
  line-height: 1.16;
}

.zona-status:not(:empty),
.zona-status__poruka:not(:empty),
.zona-forma-status:not(:empty),
.zona-provera__status:not(:empty) {
  padding: 5px 7px;
  border: 1px solid var(--zona-line);
  border-radius: var(--zona-radius-small);
  background: #121212;
}

.zona-status--globalni:not(:empty) {
  max-width: 300px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--zona-muted);
  font-size: 0.72rem;
}

.zona-status--email,
.zona-status--telefon,
.zona-status--kontakt,
.zona-status--search {
  margin-top: 2px;
}

[data-status="uspeh"]:not(:empty),
[data-status="uspesno"]:not(:empty) {
  border-color: rgba(125, 220, 138, 0.42);
  background: var(--zona-success-bg);
  color: var(--zona-success);
}

[data-status="greska"]:not(:empty) {
  border-color: rgba(255, 122, 122, 0.46);
  background: var(--zona-error-bg);
  color: var(--zona-error);
}

[data-status="upozorenje"]:not(:empty) {
  border-color: rgba(232, 198, 90, 0.46);
  background: var(--zona-warning-bg);
  color: var(--zona-warning);
}

[data-status="neutralno"]:not(:empty) {
  border-color: var(--zona-line);
  background: var(--zona-neutral-bg);
  color: var(--zona-muted);
}

.zona-brzi-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
}

.zona-brza-kartica {
  position: relative;
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 7px;
  border: 1px solid var(--zona-line);
  border-radius: var(--zona-radius);
  background:
    linear-gradient(180deg, #242424 0%, #151515 100%);
  box-shadow: var(--zona-shadow-soft);
}

.zona-brza-kartica + .zona-brza-kartica::before {
  content: "";
  position: absolute;
  top: -15px;
  right: 0;
  left: 0;
  height: 1px;
  background: var(--zona-line-strong);
  box-shadow:
    0 -7px 0 rgba(255, 255, 255, 0),
    0 7px 0 rgba(255, 255, 255, 0),
    0 1px 0 rgba(255, 255, 255, 0.04);
}

.zona-status-polje {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.zona-status-naslov {
  margin: 0 0 5px;
  padding: 0;
  color: var(--zona-muted);
  font-size: 0.68rem;
  font-weight: 850;
  line-height: 1.05;
  text-transform: uppercase;
  letter-spacing: 0.035em;
}

.zona-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.zona-status-grid--email {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.zona-status-grid--telefon {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#zonaTelefonStatusNedostupanLabel,
.zona-check[data-status-vrednost="nedostupan"] {
  display: none !important;
}

.zona-check {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  min-height: 39px;
  padding: 5px 7px;
  border: 2px solid var(--zona-line-strong);
  border-radius: var(--zona-radius-small);
  background: #111111;
  color: var(--zona-text);
  font-size: 0.8rem;
  font-weight: 900;
  line-height: 1.05;
  text-align: left;
  user-select: none;
  cursor: pointer;
  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    color 120ms ease,
    box-shadow 120ms ease,
    transform 120ms ease;
}

.zona-check:hover {
  border-color: #d0d0d0;
  transform: translateY(-1px);
}

.zona-check__input {
  appearance: none;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin: 0 7px 0 0;
  border: 2px solid currentColor;
  border-radius: 6px;
  background: #050505;
  color: currentColor;
  opacity: 1;
  pointer-events: none;
}

.zona-check__input:checked {
  background: currentColor;
  box-shadow: inset 0 0 0 3px #050505;
}

.zona-check__input:checked::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  margin: 1px 0 0 6px;
  border: solid #050505;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.zona-check:has(.zona-check__input:focus-visible) {
  box-shadow: var(--zona-focus);
}

.zona-check:has(.zona-check__input:checked) {
  border-color: currentColor;
  box-shadow:
    inset 0 0 0 2px currentColor,
    0 0 0 1px rgba(255, 255, 255, 0.05);
}

.zona-check__tekst {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.zona-check--neutralno {
  background: #151515;
  color: #bdbdbd;
}

.zona-check--rad {
  background: #171717;
  color: #eeeeee;
}

.zona-check--uspeh {
  background: var(--zona-success-bg);
  color: var(--zona-success);
}

.zona-check--upozorenje {
  background: var(--zona-warning-bg);
  color: var(--zona-warning);
}

.zona-check--greska {
  background: var(--zona-error-bg);
  color: var(--zona-error);
}

.zona-check--neutralno:has(.zona-check__input:checked) {
  background: #2a2a2a;
  color: #ffffff;
}

.zona-check--rad:has(.zona-check__input:checked) {
  background: #303030;
  color: #ffffff;
}

.zona-check--uspeh:has(.zona-check__input:checked) {
  background: #16331d;
  color: var(--zona-success);
}

.zona-check--upozorenje:has(.zona-check__input:checked) {
  background: #352a12;
  color: var(--zona-warning);
}

.zona-check--greska:has(.zona-check__input:checked) {
  background: #351515;
  color: var(--zona-error);
}

.zona-polje--napomena {
  display: grid;
  gap: 3px;
}

.zona-log-radnji {
  display: grid;
  gap: 7px;
  min-height: 220px;
  padding: 8px;
  border: 1px solid var(--zona-line);
  border-radius: var(--zona-radius);
  background:
    linear-gradient(180deg, #161616 0%, #0b0b0b 100%);
  box-shadow: var(--zona-shadow-soft);
}

.zona-log-radnji__zaglavlje {
  display: grid;
  gap: 3px;
  padding-bottom: 7px;
  border-bottom: 1px solid var(--zona-line);
}

.zona-log-radnji__naslov {
  margin: 0;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1.1;
}

.zona-log-radnji__opis {
  margin: 0;
  color: var(--zona-muted);
  font-size: 0.72rem;
  line-height: 1.18;
}

.zona-log-radnji__lista {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 148px;
  max-height: 260px;
  overflow: auto;
  padding-right: 2px;
}

.zona-log-radnji__prazno {
  margin: 0;
  padding: 12px;
  border: 1px dashed var(--zona-line-strong);
  border-radius: var(--zona-radius-small);
  background: #101010;
  color: var(--zona-muted);
  font-size: 0.76rem;
  line-height: 1.18;
  text-align: center;
}

.zona-log-radnji__stavka {
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid var(--zona-line);
  border-radius: var(--zona-radius-small);
  background:
    linear-gradient(180deg, #181818 0%, #101010 100%);
  color: var(--zona-text);
}

.zona-log-radnji__stavka[data-status="uspesno"],
.zona-log-radnji__stavka[data-status="uspeh"] {
  border-color: rgba(125, 220, 138, 0.42);
  background: var(--zona-success-bg);
}

.zona-log-radnji__stavka[data-status="greska"] {
  border-color: rgba(255, 122, 122, 0.46);
  background: var(--zona-error-bg);
}

.zona-log-radnji__stavka[data-status="upozorenje"] {
  border-color: rgba(232, 198, 90, 0.46);
  background: var(--zona-warning-bg);
}

.zona-log-radnji__stavka[data-status="neutralno"] {
  border-color: var(--zona-line);
  background: var(--zona-neutral-bg);
}

.zona-log-radnji__red {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.zona-log-radnji__tekst {
  min-width: 0;
  color: var(--zona-text);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.zona-log-radnji__vreme {
  flex: 0 0 auto;
  color: var(--zona-muted);
  font-size: 0.68rem;
  font-weight: 850;
  line-height: 1.18;
  white-space: nowrap;
}

.zona-log-radnji__meta {
  color: var(--zona-muted);
  font-size: 0.7rem;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.zona-search {
  padding: 7px;
  border: 1px solid var(--zona-line);
  background:
    linear-gradient(180deg, rgba(18, 18, 18, 0.99), rgba(8, 8, 8, 0.99));
}

.zona-search-forma {
  gap: 6px;
}

.zona-rezultati {
  margin-top: 6px;
}

.zona-rezultati__prazno {
  padding: 8px;
  border: 1px dashed var(--zona-line-strong);
  border-radius: var(--zona-radius-small);
  background: #111111;
  color: var(--zona-muted);
  font-size: 0.76rem;
  text-align: center;
}

.zona-rezultati__lista {
  display: grid;
  gap: 6px;
}

.zona-rezultat {
  padding: 8px;
  border: 1px solid var(--zona-line);
  border-radius: var(--zona-radius-small);
  background:
    linear-gradient(180deg, #171717 0%, #0d0d0d 100%);
  box-shadow: var(--zona-shadow-soft);
}

.zona-rezultat__zaglavlje,
.zona-rezultat__akcije {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

.zona-rezultat__naslov,
.zona-rezultat__naziv {
  margin: 0;
  color: var(--zona-text);
  font-size: 0.84rem;
  font-weight: 850;
  line-height: 1.15;
}

.zona-rezultat__meta,
.zona-rezultat__napomena,
.zona-rezultat__id,
.zona-rezultat__label,
.zona-rezultat__vrednost {
  margin: 3px 0 0;
  color: var(--zona-muted);
  font-size: 0.72rem;
  overflow-wrap: anywhere;
}

.zona-rezultat__podaci {
  display: grid;
  gap: 5px;
  margin: 0;
}

.zona-rezultat__red {
  padding: 5px 7px;
  border-radius: 8px;
  background: #121212;
}

.zona-rezultat__label {
  display: block;
  margin: 0 0 2px;
  color: var(--zona-muted);
  font-size: 0.64rem;
  font-weight: 850;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.zona-rezultat__vrednost {
  display: block;
  margin: 0;
  color: var(--zona-text);
}

.zona-badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 7px;
  border: 1px solid #3f3f3f;
  border-radius: 999px;
  background: #171717;
  color: #f0f0f0;
  font-size: 0.72rem;
  font-weight: 850;
}

.zona-header,
.zona-footer,
.zona-robots,
.zona-kontakt__zaglavlje,
.zona-search__zaglavlje,
.zona-provere,
.zona-provera,
.zona-provera__naslov {
  display: none;
}

@media (min-width: 1024px) {
  .zona-main {
    max-width: 1320px;
    padding: 8px;
  }

  .zona-login {
    padding: 18px;
  }

  .zona-panel--login,
  .zona-login__kartica {
    max-width: 360px;
  }

  .zona-aplikacija {
    gap: 8px;
  }

  .zona-traka {
    grid-template-columns: minmax(120px, 0.7fr) minmax(260px, 360px) minmax(220px, 0.7fr);
    padding: 7px 9px;
  }

  .zona-drzava-box {
    justify-self: center;
    max-width: 360px;
  }

  .zona-traka__desno {
    justify-content: flex-end;
  }

  .zona-traka__desno .zona-dugme {
    width: auto;
  }

  .zona-rad {
    grid-template-columns: minmax(0, 2.2fr) minmax(320px, 0.8fr);
    align-items: start;
  }

  .zona-forma,
  .zona-search {
    padding: 8px;
  }

  .zona-brzi-grid {
    grid-template-columns: 1fr;
    gap: 28px;
    align-items: stretch;
  }

  .zona-brza-kartica {
    padding: 8px;
  }

  .zona-status-grid--email {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .zona-status-grid--telefon {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .zona-log-radnji {
    min-height: 300px;
    padding: 9px;
  }

  .zona-log-radnji__lista {
    min-height: 220px;
    max-height: 360px;
  }

  .zona-search-forma {
    grid-template-columns: minmax(0, 1fr);
  }

  .zona-rezultati__lista {
    max-height: calc(100vh - 122px);
    overflow: auto;
    padding-right: 2px;
  }

  .zona-textarea {
    min-height: 78px;
    max-height: 180px;
  }
}