/* ZASTITITE-NALOG-2026-10-04 */
.zn-uvod p { margin: 0 0 .75rem; }
.zn-upozorenje { padding: .75rem 1rem; border-left: 4px solid #c0392b; background: rgba(192, 57, 43, .08); }
.zn-izbor { border: 0; padding: 0; margin: 1.5rem 0 .5rem; }
.zn-izbor legend { font-weight: 600; margin-bottom: .5rem; }
.zn-plocice { display: flex; flex-wrap: wrap; gap: .5rem; }
.zn-radio { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.zn-plocica { display: inline-block; padding: .55rem 1rem; border: 1px solid rgba(127, 127, 127, .45); border-radius: 8px; cursor: pointer; user-select: none; }
.zn-plocica:hover { border-color: currentColor; }
.zn-radio:checked + .zn-plocica { border-color: currentColor; border-width: 2px; padding: calc(.55rem - 1px) calc(1rem - 1px); font-weight: 600; }
.zn-radio:focus-visible + .zn-plocica { outline: 3px solid #2e86de; outline-offset: 2px; }
.zn-info { font-size: .875rem; opacity: .75; margin: .25rem 0 1rem; }
.zn-prazno { font-style: italic; opacity: .8; }
.zn-panel { margin: 1.5rem 0; }
.zn-napomena { padding: .6rem .9rem; border: 1px dashed rgba(127, 127, 127, .55); border-radius: 6px; }
.zn-koraci { list-style: none; padding: 0; margin: 0; }
.zn-korak { padding: .9rem 1rem; margin: 0 0 .75rem; border: 1px solid rgba(127, 127, 127, .3); border-radius: 8px; }
.zn-korak h3 { margin: 0 0 .4rem; font-size: 1.05rem; }
.zn-korak p { margin: 0 0 .6rem; overflow-wrap: anywhere; }
.zn-check { display: inline-flex; align-items: center; gap: .4rem; cursor: pointer; font-weight: 600; }
.zn-check input { width: 1.1rem; height: 1.1rem; }
.zn-check input:focus-visible { outline: 3px solid #2e86de; outline-offset: 2px; }
.zn-korak.zn-uradjeno { border-color: #27ae60; }
.zn-brojac { font-weight: 600; }
.zn-gotovo { padding: .75rem 1rem; border-left: 4px solid #27ae60; background: rgba(39, 174, 96, .1); }