/* Kliknuo sam, šta sada? - stil alata */
.kliknuo { max-width: 960px; margin: 0 auto; }
.kliknuo-uvod { font-size: 1.05rem; line-height: 1.6; margin: 0 0 .5rem; }
.kliknuo-napomena { font-size: .9rem; opacity: .75; margin: 0 0 1.75rem; }

.kliknuo-lista { display: flex; flex-direction: column; gap: .75rem; }

.ks-kartica { border: 1px solid var(--border, #2a2f3a); border-radius: 10px; overflow: hidden; background: var(--card-bg, #161a22); }
.ks-kartica.is-open { border-color: var(--accent, #3b82f6); }

.ks-glava {
  display: flex; align-items: center; gap: .85rem; width: 100%;
  padding: 1rem 1.15rem; background: none; border: 0; cursor: pointer;
  text-align: left; color: inherit; font-size: 1.05rem; font-weight: 600;
}
.ks-glava:hover { background: rgba(255,255,255,.03); }
.ks-glava:focus-visible { outline: 2px solid var(--accent, #3b82f6); outline-offset: -2px; }

.ks-broj {
  flex: 0 0 auto; width: 1.9rem; height: 1.9rem; border-radius: 50%;
  display: grid; place-items: center; font-size: .95rem;
  background: var(--accent, #3b82f6); color: #fff;
}
.ks-naslov { flex: 1 1 auto; }
.ks-strelica { flex: 0 0 auto; width: .7rem; height: .7rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .18s ease; opacity: .6; }
.ks-kartica.is-open .ks-strelica { transform: rotate(-135deg); }

.ks-telo { padding: 0 1.15rem 1.15rem; }
.ks-telo[hidden] { display: none; }

.ks-faza { margin-top: 1.1rem; }
.ks-faza-naslov { font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 .5rem; padding-left: .6rem; border-left: 3px solid; }
.ks-odmah { border-color: #ef4444; color: #f87171; }
.ks-24h { border-color: #f59e0b; color: #fbbf24; }
.ks-posle { border-color: #22c55e; color: #4ade80; }

.ks-faza ul { margin: 0; padding-left: 1.15rem; }
.ks-faza li { margin: .35rem 0; line-height: 1.55; }

.ks-srodno { margin-top: 1.2rem; padding-top: .9rem; border-top: 1px solid var(--border, #2a2f3a); font-size: .92rem; opacity: .9; }
.ks-srodno a { color: var(--accent, #60a5fa); }

.ks-zajednicko { margin-top: 2.5rem; display: grid; gap: 1.25rem; }
.ks-blok { padding: 1.25rem 1.4rem; border-radius: 10px; border: 1px solid var(--border, #2a2f3a); }
.ks-ne { background: rgba(239,68,68,.06); border-color: rgba(239,68,68,.3); }
.ks-prijava { background: rgba(59,130,246,.06); border-color: rgba(59,130,246,.3); }
.ks-blok h2 { margin: 0 0 .75rem; font-size: 1.1rem; }
.ks-blok ul { margin: 0; padding-left: 1.15rem; }
.ks-blok li { margin: .45rem 0; line-height: 1.55; }

@media (min-width: 720px) {
  .ks-zajednicko { grid-template-columns: 1fr 1fr; }
}