/* Alat: Ocistite link od pracenja. ALAT-CISTAC-2026-08-20 */
.oc-uvod { margin-bottom: 1rem; }
.oc-privatnost {
  background: rgba(0, 200, 220, .07); border-left: 3px solid #00c8dc;
  padding: .7rem 1rem; margin: 1rem 0 1.6rem; font-size: .95rem;
}
.oc-unos label { display: block; font-weight: 600; margin-bottom: .4rem; }
.oc-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;
}
.oc-unos textarea:focus { outline: 2px solid #00c8dc; outline-offset: 1px; }
.oc-dugmad { display: flex; gap: .6rem; margin-top: .7rem; flex-wrap: wrap; }
.oc-btn {
  padding: .6rem 1.2rem; border-radius: 6px; cursor: pointer;
  font-size: .95rem; font-weight: 600; border: 1px solid transparent;
  background: #00c8dc; color: #08111a;
}
.oc-btn:hover { background: #26d9ea; }
.oc-btn-sporedni { background: transparent; color: #b9c4d0; border-color: #3a4553; }
.oc-btn-sporedni:hover { border-color: #6b7887; color: #e8edf3; }
.oc-sitno { font-size: .85rem; color: #93a1b0; margin: .6rem 0 0; }
.oc-primeri { font-size: .88rem; margin: .8rem 0 0; color: #93a1b0; }
.oc-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;
}
.oc-primer:hover { border-color: #00c8dc; color: #e8edf3; }

.oc-greska {
  margin-top: 1.2rem; padding: .8rem 1rem; border-radius: 6px;
  background: rgba(220, 70, 70, .1); border-left: 3px solid #dc4646;
}
.oc-rezultat { margin-top: 2rem; }
.oc-cist-blok {
  padding: 1.1rem 1.2rem; border-radius: 8px;
  background: rgba(62, 207, 142, .06); border: 1px solid #24333f;
}
.oc-cist-blok h2 { margin: 0 0 .6rem; font-size: 1rem; }
.oc-cist-red { display: flex; gap: .7rem; align-items: flex-start; flex-wrap: wrap; }
#oc-cist {
  flex: 1 1 20rem; margin: 0; padding: .6rem .8rem; background: #11161d;
  border: 1px solid #24333f; border-radius: 6px; white-space: pre-wrap;
  word-break: break-all; font-size: .9rem; color: #3ecf8e;
}
#oc-kopiraj { flex: 0 0 auto; }

.oc-blok {
  margin-top: 1.4rem; padding: .9rem 1.1rem; border-radius: 6px;
  background: #11161d; border-left: 3px solid #3a4553;
}
.oc-blok h3 { margin: 0 0 .5rem; font-size: 1rem; }
.oc-blok p { margin: 0; font-size: .93rem; }
.oc-blok dl { margin: 0; }
.oc-blok dt {
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  color: #ff9b8a; font-size: .9rem; margin-top: .7rem;
}
.oc-blok dt:first-child { margin-top: 0; }
.oc-blok dd { margin: .15rem 0 0; font-size: .92rem; color: #b9c4d0; }
.oc-blok code {
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  color: #e8edf3; background: #1a222c; padding: .05rem .3rem; border-radius: 3px;
}
.oc-blok-uklonjeni { border-left-color: #ffb347; }
.oc-blok-prazno { border-left-color: #3ecf8e; }
.oc-blok-zadrzani { border-left-color: #6b7887; }

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