/* Alat: Procitajte link pre nego sto kliknete. ALAT-CITAC-LINKOVA-2026-08-19 */
.cl { max-width: 100%; }
.cl-uvod { margin-bottom: 1rem; }
.cl-privatnost {
  background: rgba(0, 200, 220, .07);
  border-left: 3px solid #00c8dc;
  padding: .7rem 1rem; margin: 1rem 0 1.6rem; font-size: .95rem;
}
.cl-unos label { display: block; font-weight: 600; margin-bottom: .4rem; }
.cl-unos textarea {
  width: 100%; box-sizing: border-box; padding: .7rem .8rem;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: .95rem; line-height: 1.4; border: 1px solid #3a4553;
  border-radius: 6px; background: #11161d; color: #e8edf3; resize: vertical;
}
.cl-unos textarea:focus { outline: 2px solid #00c8dc; outline-offset: 1px; }
.cl-dugmad { display: flex; gap: .6rem; margin-top: .7rem; flex-wrap: wrap; }
.cl-btn-glavni, .cl-btn-sporedni {
  padding: .6rem 1.2rem; border-radius: 6px; cursor: pointer;
  font-size: .95rem; font-weight: 600; border: 1px solid transparent;
}
.cl-btn-glavni { background: #00c8dc; color: #08111a; }
.cl-btn-glavni:hover { background: #26d9ea; }
.cl-btn-sporedni { background: transparent; color: #b9c4d0; border-color: #3a4553; }
.cl-btn-sporedni:hover { border-color: #6b7887; color: #e8edf3; }
.cl-sitno { font-size: .85rem; color: #93a1b0; margin: .6rem 0 0; }
.cl-primeri { font-size: .88rem; margin: .8rem 0 0; color: #93a1b0; }
.cl-primer {
  background: transparent; border: 1px solid #3a4553; color: #b9c4d0;
  border-radius: 999px; padding: .25rem .7rem; margin: .2rem .2rem 0 0;
  cursor: pointer; font-size: .85rem;
}
.cl-primer:hover { border-color: #00c8dc; color: #e8edf3; }

.cl-greska {
  margin-top: 1.2rem; padding: .8rem 1rem; border-radius: 6px;
  background: rgba(220, 70, 70, .1); border-left: 3px solid #dc4646;
}

.cl-rezultat { margin-top: 2rem; }
.cl-domen-blok {
  padding: 1.1rem 1.2rem; border-radius: 8px;
  background: rgba(0, 200, 220, .06); border: 1px solid #24333f;
}
.cl-domen-blok h2 { margin: 0 0 .4rem; font-size: 1rem; }
.cl-domen {
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 1.6rem; font-weight: 700; color: #00c8dc;
  margin: 0 0 .6rem; word-break: break-all;
}
.cl-domen-ip, .cl-domen-nema { color: #ffb347; }
.cl-domen-obj { margin: 0; font-size: .95rem; }

.cl-kolone { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-top: 1.6rem; }
@media (max-width: 700px) { .cl-kolone { grid-template-columns: 1fr; } }
.cl-kolone h3 { font-size: .95rem; margin: 0 0 .5rem; color: #b9c4d0; }
.cl-kolone pre {
  margin: 0; padding: .7rem .8rem; background: #11161d; border: 1px solid #24333f;
  border-radius: 6px; white-space: pre-wrap; word-break: break-all;
  font-size: .88rem; color: #e8edf3;
}
.cl-kolone dl {
  margin: 0; padding: .7rem .8rem; background: #11161d; border: 1px solid #24333f;
  border-radius: 6px; font-size: .88rem;
}
.cl-kolone dt { color: #93a1b0; font-size: .8rem; margin-top: .5rem; }
.cl-kolone dt:first-child { margin-top: 0; }
.cl-kolone dd {
  margin: .1rem 0 0; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  word-break: break-all; color: #e8edf3;
}
.cl-kolone dd.cl-opasno { color: #ff7b6b; }
.cl-kolone-obj { font-size: .9rem; color: #93a1b0; margin-top: .8rem; }

.cl-nalazi { margin-top: 2rem; }
.cl-nalazi-naslov { font-size: 1.05rem; margin: 0 0 .8rem; }
.cl-nalaz {
  padding: .9rem 1rem; border-radius: 6px; margin-bottom: .8rem;
  background: #11161d; border-left: 3px solid #3a4553;
}
.cl-nalaz h3 { margin: .35rem 0 .4rem; font-size: 1rem; }
.cl-nalaz p { margin: 0; font-size: .93rem; }
.cl-oznaka {
  display: inline-block; font-size: .72rem; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; padding: .12rem .5rem;
  border-radius: 3px; background: #24333f; color: #b9c4d0;
}
.cl-nivo-visok { border-left-color: #dc4646; }
.cl-nivo-visok .cl-oznaka { background: #dc4646; color: #fff; }
.cl-nivo-upozorenje { border-left-color: #ffb347; }
.cl-nivo-upozorenje .cl-oznaka { background: #ffb347; color: #1a1207; }
.cl-nivo-napomena { border-left-color: #6b7887; }
.cl-nalaz-nema { border-left-color: #3ecf8e; }
.cl-nalaz-nema h3 { margin-top: 0; color: #3ecf8e; }

.cl-fusnota {
  margin-top: 2.4rem; padding-top: 1rem; border-top: 1px solid #24333f;
  font-size: .85rem; color: #93a1b0;
}
.cl-fusnota p { margin: 0 0 .6rem; }