/* Alat: Da li je ova poruka prevara? ALAT-PROVERA-PORUKE-2026-10
   Boje ishoda: VISOK crvena, SREDNJI narandzasta, NIZAK neutralna siva. NIZAK NIKAD zelen. */
.pp { max-width: 100%; }
.pp-uvod { margin-bottom: 1.2rem; }
.pp-unos label { display: block; font-weight: 600; margin-bottom: .4rem; }
.pp-unos textarea {
  width: 100%; box-sizing: border-box; padding: .7rem .8rem;
  font-family: inherit; font-size: .98rem; line-height: 1.45; border: 1px solid #3a4553;
  border-radius: 6px; background: #11161d; color: #e8edf3; resize: vertical;
}
.pp-unos textarea:focus, .pp-posiljalac:focus { outline: 2px solid #00c8dc; outline-offset: 1px; }
.pp-unos .pp-label-sporedni { margin-top: .9rem; font-weight: 600; font-size: .92rem; }
.pp-opciono { font-weight: 400; color: #93a1b0; }
.pp-posiljalac {
  width: 100%; box-sizing: border-box; padding: .55rem .8rem; font-size: .95rem;
  border: 1px solid #3a4553; border-radius: 6px; background: #11161d; color: #e8edf3;
}
.pp-sitno-unos { font-size: .82rem; color: #93a1b0; margin: .35rem 0 0; }
.pp-dugmad { display: flex; gap: .6rem; margin-top: .7rem; flex-wrap: wrap; }
.pp-btn-glavni, .pp-btn-sporedni, .pp-btn-link {
  padding: .6rem 1.2rem; border-radius: 6px; cursor: pointer;
  font-size: .95rem; font-weight: 600; border: 1px solid transparent; text-decoration: none;
  display: inline-block;
}
.pp-btn-glavni { background: #00c8dc; color: #08111a; }
.pp-btn-glavni:hover { background: #26d9ea; }
.pp-btn-sporedni, .pp-btn-link { background: transparent; color: #b9c4d0; border-color: #3a4553; }
.pp-btn-sporedni:hover, .pp-btn-link:hover { border-color: #00c8dc; color: #e8edf3; }
.pp-btn-link { padding: .35rem .8rem; font-size: .88rem; }
.pp-privatnost {
  background: rgba(0, 200, 220, .07); border-left: 3px solid #00c8dc;
  padding: .6rem 1rem; margin: .9rem 0 0; font-size: .92rem;
}

.pp-greska {
  margin-top: 1.2rem; padding: .8rem 1rem; border-radius: 6px;
  background: rgba(107, 120, 135, .12); border-left: 3px solid #6b7887;
}

.pp-rezultat { margin-top: 2rem; }
.pp-ishod { padding: 1.1rem 1.2rem; border-radius: 8px; border: 1px solid #24333f; border-left-width: 6px; }
.pp-ishod-naslov { margin: 0 0 .45rem; font-size: 1.25rem; }
.pp-ishod-tekst { margin: 0; font-size: 1rem; }
.pp-ishod-visok { background: rgba(220, 70, 70, .12); border-left-color: #dc4646; }
.pp-ishod-visok .pp-ishod-naslov { color: #ff7b6b; }
.pp-ishod-srednji { background: rgba(255, 179, 71, .10); border-left-color: #ffb347; }
.pp-ishod-srednji .pp-ishod-naslov { color: #ffb347; }
.pp-ishod-nizak { background: rgba(107, 120, 135, .12); border-left-color: #6b7887; }
.pp-ishod-nizak .pp-ishod-naslov { color: #c9d2dc; }
.pp-skraceno { font-size: .9rem; color: #93a1b0; margin: .7rem 0 0; }

.pp-podnaslov { font-size: 1rem; margin: 1.8rem 0 .6rem; color: #b9c4d0; }
.pp-legenda { font-size: .85rem; color: #93a1b0; margin: 0 0 .5rem; }
.pp-legenda mark { margin-right: .5rem; }
.pp-poruka {
  padding: .9rem 1rem; background: #11161d; border: 1px solid #24333f; border-radius: 6px;
  white-space: pre-wrap; word-break: break-word; font-size: .95rem; line-height: 1.55; color: #e8edf3;
}
mark.sig-visok, mark.sig-srednji, mark.sig-kontekst { color: inherit; border-radius: 3px; padding: 0 .1rem; }
mark.sig-visok { background: rgba(220, 70, 70, .35); border-bottom: 2px solid #dc4646; }
mark.sig-srednji { background: rgba(255, 179, 71, .28); border-bottom: 2px solid #ffb347; }
mark.sig-kontekst { background: rgba(107, 120, 135, .30); border-bottom: 1px dashed #93a1b0; }

.pp-znaci { margin-top: 1.6rem; }
.pp-znaci-naslov { font-size: 1.05rem; margin: 0 0 .8rem; }
.pp-znak {
  padding: .9rem 1rem; border-radius: 6px; margin-bottom: .8rem;
  background: #11161d; border-left: 3px solid #3a4553;
}
.pp-znak h4 { margin: .35rem 0 .4rem; font-size: 1rem; }
.pp-znak p { margin: 0 0 .35rem; font-size: .93rem; }
.pp-znak .pp-savet { color: #b9c4d0; margin: 0; }
.pp-oznaka {
  display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; padding: .12rem .5rem; border-radius: 3px;
}
.pp-znak-visok { border-left-color: #dc4646; }
.pp-znak-visok .pp-oznaka { background: #dc4646; color: #fff; }
.pp-znak-srednji { border-left-color: #ffb347; }
.pp-znak-srednji .pp-oznaka { background: #ffb347; color: #1a1207; }
.pp-suppressor { font-size: .9rem; color: #b9c4d0; margin: .4rem 0 0; }

.pp-linkovi { margin-top: 1.4rem; }
.pp-sitno { font-size: .86rem; color: #93a1b0; margin: 0 0 .6rem; }
.pp-link-lista { list-style: none; margin: 0; padding: 0; }
.pp-link-lista li {
  display: flex; gap: .7rem; align-items: center; flex-wrap: wrap;
  padding: .55rem .7rem; margin-bottom: .5rem; background: #11161d; border: 1px solid #24333f; border-radius: 6px;
}
.pp-link-tekst {
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: .86rem;
  word-break: break-all; flex: 1 1 14rem; color: #e8edf3;
}

.pp-okvir {
  margin-top: 2rem; padding: .9rem 1.1rem; border-radius: 8px;
  border: 1px solid #24333f; background: rgba(255, 255, 255, .02);
}
.pp-okvir h3 { margin: 0 0 .5rem; font-size: 1rem; }
.pp-okvir p { margin: 0 0 .5rem; font-size: .93rem; }
.pp-okvir p:last-child { margin-bottom: 0; }

@media (max-width: 600px) {
  .pp-ishod { padding: .9rem 1rem; }
  .pp-ishod-naslov { font-size: 1.1rem; }
  .pp-btn-glavni, .pp-btn-sporedni { flex: 1 1 auto; text-align: center; }
}