/* ============================================================
   alat-incident.css — „Prijava sajber incidenta" (/incident/)
   Funkcionalna verzija pre dizajnerske glazure (S66). Ista
   konzola paleta kao lozinka/simulator/zakon (--al-* tokeni),
   scope body.page-alat-incident; učitava se SAMO na ovoj ruti.
   Print: prikazuje isključivo sastavljen nacrt prijave.
   ============================================================ */

body.page-alat-incident{
  --al-bg:#0f0f0d; --al-grid:rgba(232,232,230,.02);
  --al-plate:#141412; --al-plate2:#191917; --al-field:#0a0a09;
  --al-line:#262624; --al-line2:#343430;
  --al-hi:#ece9e3; --al-md:#c8c5be; --al-lo:#a0a09e; --al-mute:#8a8780; --al-faint:#5a5754; --al-mute-text:#8a8780;
  --al-brand:#c0392b; --al-brand-hi:#d44a3a;
  /* crvena kao TEKST: --al-brand/-hi nose i podloge i ivice, pa se ne diraju.
     Tamna uzima --brand-on-dark (#ee4130, S130); svetla ostaje na #b0301f. */
  --al-brand-text:var(--brand-on-dark); --al-brand-soft:rgba(192,57,43,.16);
  --al-accent:#ffd9a8;
  /* akcent nosi i podloge i obrise; tekst ide na -text (svetla tema nize) */
  --al-accent-text:var(--al-accent);
  --al-risk-hi:#d0604e; --al-risk-med:#c79248; --al-risk-low:#7fa168;
  --al-steel:#8fa9c4;
}
html{ color-scheme:dark; }
html, body.page-alat-incident{ background:var(--al-bg); }
body.page-alat-incident{ color:var(--al-hi); font-family:var(--font-sans); }
body.page-alat-incident ::selection{ background:var(--al-brand-soft); color:var(--al-hi); }

body.page-alat-incident{ display:flex; flex-direction:column; min-height:100vh; min-height:100dvh; }
body.page-alat-incident > main#main{ display:flex; flex-direction:column; flex:1 0 auto; }
body.page-alat-incident > main#main > .inx{ flex:1 0 auto; }

/* ============ HERO (.axc — porodični obrazac, po ruti) ============ */
.axc{ background:#0f0f0d; border-bottom:1px solid #262624; position:relative; overflow:hidden; }
.axc-inner{
  max-width:var(--container-wide); margin:0 auto; padding:40px 28px 34px;
  min-height:600px; /* iste visine na sva tri alata triptiha (Denis, S67) */
  display:grid; grid-template-columns:1fr; align-items:end;
  position:relative; z-index:2;
}
.axc-kick{
  display:flex; align-items:center; gap:10px;
  font-family:var(--font-mono); font-size:10.5px; font-weight:500;
  letter-spacing:.22em; text-transform:uppercase; color:#8a8780; margin:0 0 14px;
}
.axc-kick::before{ content:""; width:6px; height:6px; background:#c0392b;
  clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%); }
.axc-kick b{ color:#ffd9a8; font-weight:500; }
.axc h1{
  font-weight:600; font-size:clamp(28px,3.4vw,42px); line-height:1.22;
  letter-spacing:-.024em; margin:0 0 12px; color:#ece9e3; max-width:26ch;
}
/* tri reda triptiha (Denis, S69) — boje zastave: crvena/plava/bela (bela =
   osnovna boja h1, ne treba klasa). Isto na sve tri strane (zajednički H1). */
.axc h1 .l-red{ color:var(--al-brand-text); }
.axc h1 .l-blue{ color:var(--al-steel); }
.axc-sub{ font-size:16px; line-height:1.6; color:#a0a09e; margin:0; max-width:56ch; }
.axc-mods{ display:flex; gap:8px; flex-wrap:wrap; margin-top:24px; }
.axc-mods a{
  display:inline-flex; align-items:baseline; gap:8px;
  font-family:var(--font-mono); font-size:11px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; text-decoration:none;
  padding:9px 13px; color:#c8c5be;
  border:1px solid #343430; border-radius:2px; cursor:pointer;
  transition:color .15s ease, border-color .15s ease;
}
.axc-mods a::before{ content:""; width:6px; height:6px; align-self:center; flex:0 0 auto; background:#c0392b;
  clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%); }
.axc-mods a:nth-of-type(2)::before{ background:#c79248; }
.axc-mods a:nth-of-type(3)::before{ background:#8fa9c4; }
.axc-mods a:nth-of-type(4)::before{ background:#7fa168; }
.axc-mods a:hover{ color:#ece9e3; border-color:#8a8780; }
.axc-mods .num{ color:#ffd9a8; font-weight:600; }
/* S70: isto pozicioniranje kao /zakon/ — align-items:end na .axc-inner
   gura ceo tekst-blok na dno heroa, pa in-flow axc-stat ispadne na sredini
   umesto na vrhu. Odvajamo ga iz flow-a u gornji levi ugao. */
.axc-stat{
  position:absolute; top:40px; right:28px; z-index:3;
  font-family:var(--font-mono); font-size:10.5px; line-height:2;
  letter-spacing:.14em; text-transform:uppercase; color:#8a8780;
  text-align:right; white-space:nowrap;
}
.axc-stat b{ color:#ece9e3; font-weight:500; }
.axc-stat .sig{ color:var(--al-brand-text); }
@media (max-width:560px){
  .axc-inner{ padding:30px 18px 26px; }
  .axc-stat{ top:18px; right:18px; font-size:9.5px; }
}


/* ---- mapa Srbije u pozadini heroa (poveznica triptiha; kao /zakon/) ---- */
.axc-hexwrap{
  position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50%);
  width:100%; max-width:var(--container-wide); z-index:1; pointer-events:none;
}
.axc-hex{
  position:absolute; top:50%; right:8%;
  height:calc(100% - 40px); max-height:600px; width:auto;
  transform:translateY(-50%);
  pointer-events:none;
}
.axc-hex svg{ height:100%; width:auto; display:block; overflow:visible; }
.axc-hex__edge polygon{ fill:none; stroke:var(--al-accent); stroke-opacity:.9; stroke-width:3.4; }
.axc-hex__fill polygon{ fill:var(--al-bg); stroke:none; }
.axc-hex__cells .c-org{ fill:var(--al-accent); }
.axc-hex__cells .c-fir{ fill:var(--al-brand-hi); }
.axc-hex__cells .c-nio{ fill:var(--al-brand); fill-opacity:.5; }
.axc-hex__cells .c-gra{ fill:none; stroke:var(--al-line2); stroke-opacity:.5; stroke-width:1; }
html[data-theme="light"] body.page-alat-incident .axc-hex__cells .c-gra{ stroke-opacity:.85; }
.axc-hex__cells .tw{ animation:zknTwinkle 6s ease-in-out infinite; }
@keyframes zknTwinkle{ 0%{opacity:0} 16%{opacity:1} 40%{opacity:1} 60%{opacity:0} 100%{opacity:0} }
.axc-hex__cells .p0{ animation-delay:-.2s; animation-duration:5.8s; }
.axc-hex__cells .p1{ animation-delay:-1.4s; animation-duration:7.1s; }
.axc-hex__cells .p2{ animation-delay:-2.9s; animation-duration:6.3s; }
.axc-hex__cells .p3{ animation-delay:-4.1s; animation-duration:7.6s; }
.axc-hex__cells .p4{ animation-delay:-0.8s; animation-duration:6.7s; }
.axc-hex__cells .p5{ animation-delay:-3.5s; animation-duration:5.5s; }
.axc-hex__cells .p6{ animation-delay:-2.2s; animation-duration:7.9s; }
.axc-hex__cells .p7{ animation-delay:-5.0s; animation-duration:6.1s; }
.axc-hex__cells .p8{ animation-delay:-1.9s; animation-duration:8.2s; }
.axc-hex__cells .p9{ animation-delay:-3.8s; animation-duration:6.9s; }
.axc-hex__cells .p10{ animation-delay:-0.5s; animation-duration:7.4s; }
.axc-hex__cells .p11{ animation-delay:-4.7s; animation-duration:5.9s; }
@media (prefers-reduced-motion: reduce){ .axc-hex__cells .tw{ animation:none; } }
/* Ista suptilna hero mapa kao /zakon/ — hex se pomera van viewport-a i priguši.
   Dominantan sloj je canvas .axc-well (mreža čvorova) na svim triptih stranama. */
@media (max-width:1000px){ .axc-hex{ right:-16%; opacity:.5; } }
@media (max-width:560px){ .axc-hex{ opacity:.32; right:-30%; } }

/* Gravitacioni bunar — statička mreža ispod mape (partial: zakon-hero-well.php).
   Duplirano po istom obrascu kao .axc-hex; well centar ≈ težište mape Srbije. */
.axc-well{
  position:absolute; inset:0;
  pointer-events:none; overflow:hidden;
  z-index:0;
}
.axc-well__canvas{ width:100%; height:100%; display:block; }
@media (max-width:1000px){ .axc-well{ opacity:.7; } }
@media (max-width:560px){ .axc-well{ opacity:.5; } }

/* ---- „ZAKON U PRAKSI" — traka triptiha, tri taba sa kukama-pitanjima
   (.trip iz predaje pomoc-registar; S67 nasledila .zkduo).
   STICKY ispod hedera na sve tri strane (Denis, S67). ---- */
/* --trip-h FIKSIRAN u CSS-u (bilo JS-mereno, ali ResizeObserver okinjavo
   sync na svaku scroll-frame promenu → sticky slojevi jitter-uju). Sada
   je vrednost stabilna, sticky elementi se ne mrdaju tokom scroll-a. */
:root{ --trip-h:68px; }
@media (max-width:820px){ :root{ --trip-h:64px; } }
.trip{ position:sticky; top:var(--hdr-h,56px); z-index:20; background:#0c0c0a; border-bottom:1px solid var(--al-line); min-height:var(--trip-h,64px); box-sizing:border-box; }
.trip__inner{ max-width:var(--container-wide); margin:0 auto; padding:10px 28px; display:flex; align-items:stretch; gap:10px; overflow-x:auto; scrollbar-width:none; }
.trip__inner::-webkit-scrollbar{ display:none; }
.trip__lead{ display:inline-flex; align-items:center; gap:9px; flex:0 0 auto; padding:0 14px 0 0; font-family:var(--font-mono); font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--al-mute-text); white-space:nowrap; }
.trip__lead::before{ content:""; width:6px; height:6px; background:var(--al-brand); clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%); }
/* Denis, S70: traka nije čitljiva kao tri odvojene celine — svaki tab
   dobija sopstvenu granicu/pozadinu (isti "kartica" jezik kao .zkn-legend/
   .zkn-level), umesto samo tanke linije između njih. */
.trip__tab{ flex:1 1 0; min-width:0; display:flex; align-items:center; gap:11px; text-decoration:none; padding:12px 18px; border:1px solid var(--al-line); border-left-width:3px; border-radius:2px; color:var(--al-lo); background:var(--al-plate); font-family:var(--font-sans); text-align:left; transition:color .15s, background .15s, border-color .15s; }
.trip__no{ font-family:var(--font-mono); font-size:12px; font-weight:600; letter-spacing:.06em; color:var(--al-mute-text); flex:0 0 auto; }
.trip__t{ font-family:var(--font-mono); font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; flex:0 0 auto; }
.trip__q{ font-size:13px; color:var(--al-mute-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.trip__tab:hover{ color:var(--al-hi); background:var(--al-plate2); border-color:var(--al-line2); }
.trip__tab:focus-visible{ outline:2px solid var(--al-brand); outline-offset:-2px; }
.trip__tab.is-here{ color:var(--al-hi); background:var(--al-plate2); border-color:var(--al-brand); }
.trip__tab.is-here .trip__no{ color:var(--al-brand-text); }
@media (max-width:560px){
  .trip__inner{ padding:8px 12px; gap:6px; }
  .trip__lead{ display:none; }
  .trip__q{ display:none; }
  .trip__tab{ padding:10px 10px; gap:8px; }
}

/* ---- sadržaj čip-traka (lepljiva ispod trip trake, scroll-spy) — kao /zakon/ ---- */
/* +70px = visina .trip trake (S70: kartice su je proširile sa 49px) */
.inx-toc{ position:sticky; top:calc(var(--hdr-h,56px) + var(--trip-h,68px) - 1px); z-index:19; background:#0c0c0a; border-bottom:1px solid var(--al-line); }
.inx-toc__inner{
  max-width:var(--container-wide); margin:0 auto; padding:10px 28px;
  display:flex; align-items:center; gap:6px; overflow-x:auto; scrollbar-width:none;
}
.inx-toc__inner::-webkit-scrollbar{ display:none; }
.inx-toc__lead{ font-family:var(--font-mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--al-mute-text); white-space:nowrap; margin-right:6px; flex:0 0 auto; }
.inx-toc a{
  flex:0 0 auto; display:inline-flex; align-items:baseline; gap:7px; text-decoration:none;
  font-family:var(--font-mono); font-size:11px; letter-spacing:.06em; color:var(--al-lo);
  padding:6px 11px; border:1px solid transparent; border-radius:2px; white-space:nowrap;
  transition:color .15s, border-color .15s, background .15s;
}
.inx-toc a .n{ color:var(--al-mute-text); font-weight:600; }
.inx-toc a:hover{ color:var(--al-hi); border-color:var(--al-line2); background:var(--al-plate); }
.inx-toc a:hover .n{ color:var(--al-accent-text); }
.inx-toc a.is-here{ color:var(--al-hi); border-color:var(--al-line2); background:var(--al-plate); }
.inx-toc a.is-here .n{ color:var(--al-accent-text); }
html[data-theme="light"] body.page-alat-incident .inx-toc{ background:#e9e7de; }
@media (max-width:760px){ .inx-toc__inner{ padding:9px 16px; } .inx-toc__lead{ display:none; } }

/* ============ TELO ============ */
body.page-alat-incident .inx{
  background:var(--al-bg); padding:56px 28px 96px;
  background-image:
    linear-gradient(to right, var(--al-grid) 1px, transparent 1px),
    linear-gradient(to bottom, var(--al-grid) 1px, transparent 1px);
  background-size:56px 56px;
}
body.page-alat-incident .inx__inner{ max-width:1100px; margin:0 auto; }
@media (max-width:560px){ body.page-alat-incident .inx{ padding:40px 16px 72px; } }

.inx-kick{
  display:flex; align-items:center; gap:10px; margin:0 0 10px;
  font-family:var(--font-mono); font-size:11px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase; color:var(--al-mute-text);
}
.inx-kick::before{ content:""; width:6px; height:6px; flex:0 0 auto; background:var(--al-brand);
  clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%); }
.inx-kick .n{ color:var(--al-accent-text); }
.inx-art{ font-family:var(--font-mono); font-size:11px; letter-spacing:.04em; color:var(--al-accent-text); white-space:nowrap; }

.inx__intro{
  padding-bottom:30px; margin-bottom:40px; border-bottom:1px solid var(--al-line);
  color:var(--al-md); font-size:16.5px; line-height:1.7;
}
.inx__intro p:not(.inx-kick){ margin:0 0 12px; max-width:72ch; text-wrap:pretty; }
.inx__intro p:last-child{ margin-bottom:0; }
.inx__intro a{ color:var(--al-hi); text-decoration:none; border-bottom:1px solid var(--al-line2); transition:color .15s, border-color .15s; }
.inx__intro a:hover{ color:var(--al-brand-text); border-bottom-color:var(--al-brand-hi); }

.inx-sec{ padding-top:56px; scroll-margin-top:calc(var(--hdr-h,56px) + var(--trip-h,68px) + var(--toc-h,52px) - 59px); }
.inx-sec--first{ padding-top:0; }
.inx-sec__head{ margin-bottom:20px; }
.inx-h2{
  margin:0 0 8px; font-size:clamp(22px,2.4vw,30px); font-weight:600;
  letter-spacing:-.02em; line-height:1.14; color:var(--al-hi); text-wrap:balance;
}
.inx-lead{ margin:0; max-width:74ch; color:var(--al-md); font-size:16px; line-height:1.65; text-wrap:pretty; }
.inx-lead b{ color:var(--al-hi); }
.inx-lead a{ color:var(--al-hi); text-decoration:none; border-bottom:1px solid var(--al-line2); transition:color .15s, border-color .15s; }
.inx-lead a:hover{ color:var(--al-brand-text); border-bottom-color:var(--al-brand-hi); }

/* ---- korak 1: opcije ---- */
.inx-opts{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
@media (max-width:760px){ .inx-opts{ grid-template-columns:1fr; } }
.inx-opt{
  display:flex; flex-direction:column; gap:5px; text-align:left; cursor:pointer;
  background:var(--al-field); border:1px solid var(--al-line2); border-radius:2px;
  padding:15px 16px; color:var(--al-hi); font-family:var(--font-sans);
  transition:border-color .15s, background .15s, box-shadow .15s;
}
.inx-opt:hover{ border-color:var(--al-mute); background:var(--al-plate2); }
.inx-opt:focus-visible{ outline:2px solid var(--al-brand); outline-offset:2px; }
.inx-opt.is-sel{ border-color:var(--al-brand); background:var(--al-brand-soft); box-shadow:inset 2px 0 0 var(--al-brand); }
.inx-opt__t{ font-size:16px; font-weight:600; letter-spacing:-.005em; }
.inx-opt__d{ font-size:13px; line-height:1.5; color:var(--al-lo); }

.inx-adresat{ margin-top:16px; border:1px solid var(--al-line); border-left:3px solid var(--al-steel); background:var(--al-plate); padding:16px 18px; border-radius:2px; }
.inx-adresat[hidden]{ display:none; }
.inx-adresat__k{ font-family:var(--font-mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--al-steel); margin:0 0 8px; }
.inx-adresat__ko{ margin:0 0 6px; font-size:17px; font-weight:600; color:var(--al-hi); }
.inx-adresat__d{ margin:0 0 8px; font-size:14.5px; line-height:1.6; color:var(--al-md); max-width:75ch; }
.inx-adresat__link{ margin:0; }
.inx-adresat__link a{ font-family:var(--font-mono); font-size:12px; letter-spacing:.05em; color:var(--al-accent-text); text-decoration:none; border-bottom:1px solid var(--al-line2); padding-bottom:2px; }
.inx-adresat__link a:hover{ border-color:var(--al-accent); }

/* ---- korak 2: uslovi ---- */
.inx-checks{ display:grid; gap:8px; }
.inx-check{
  display:flex; align-items:flex-start; gap:12px; cursor:pointer;
  background:var(--al-plate); border:1px solid var(--al-line); border-radius:2px;
  padding:12px 15px; font-size:15px; line-height:1.55; color:var(--al-md);
}
.inx-check:hover{ border-color:var(--al-line2); }
.inx-check input{ margin:3px 0 0; width:16px; height:16px; flex:0 0 auto; accent-color:var(--al-brand); }
.inx-check input:focus-visible{ outline:2px solid var(--al-brand); outline-offset:2px; }
.inx-check b, .inx-check span b{ color:var(--al-hi); }
.inx-check--izbegnut{ border-style:dashed; }

.inx-verdict{ margin-top:16px; border:1px solid var(--al-line); background:var(--al-plate); padding:16px 18px; border-radius:2px; border-left:3px solid var(--al-line2); }
.inx-verdict[hidden]{ display:none; }
.inx-verdict--mora{ border-left-color:var(--al-brand-hi); }
.inx-verdict--izbegnut{ border-left-color:var(--al-risk-med); }
.inx-verdict--ne{ border-left-color:var(--al-risk-low); }
.inx-verdict__badge{
  display:inline-block; margin:0 0 10px; padding:7px 12px; border:1px solid currentColor; border-radius:2px;
  font-family:var(--font-mono); font-size:11.5px; font-weight:500; letter-spacing:.12em; text-transform:uppercase;
}
.inx-verdict--mora .inx-verdict__badge{ color:var(--al-brand-text); background:var(--al-brand-soft); }
.inx-verdict--izbegnut .inx-verdict__badge{ color:var(--al-risk-med); background:rgba(199,146,72,.12); }
.inx-verdict--ne .inx-verdict__badge{ color:var(--al-risk-low); background:rgba(127,161,104,.12); }
.inx-verdict__tx{ margin:0; font-size:14.5px; line-height:1.65; color:var(--al-md); max-width:78ch; }
.inx-verdict__tx b{ color:var(--al-hi); }

/* ---- korak 3: generator ---- */
.inx-gen{ display:grid; grid-template-columns:1fr; gap:18px; }
@media (min-width:1000px){
  .inx-gen{ grid-template-columns:minmax(380px,1fr) minmax(420px,1fr); align-items:start; }
  .inx-gen__out{ position:sticky; top:calc(var(--hdr-h,56px) + var(--trip-h,68px) + var(--toc-h,49px) + 12px); }
}
.inx-gen__form fieldset{
  border:1px solid var(--al-line); background:var(--al-plate); border-radius:2px;
  margin:0 0 12px; padding:14px 16px 16px;
}
.inx-gen__form legend{
  padding:0 8px; margin-left:-8px; font-size:14px; font-weight:600; color:var(--al-hi);
  display:flex; align-items:baseline; gap:8px;
}
.inx-gen__form legend .no{ font-family:var(--font-mono); font-size:11px; font-weight:600; color:var(--al-accent-text); }
.inx-gen__form label{ display:block; margin:0 0 10px; font-size:13px; color:var(--al-lo); }
.inx-gen__form label:last-child{ margin-bottom:0; }
.inx-gen__form input, .inx-gen__form textarea, .inx-gen__form select{
  display:block; width:100%; box-sizing:border-box; margin-top:5px;
  background:var(--al-field); color:var(--al-hi); border:1px solid var(--al-line2); border-radius:2px;
  padding:9px 11px; font-family:var(--font-sans); font-size:14.5px; line-height:1.5;
}
.inx-gen__form textarea{ resize:vertical; }
.inx-gen__form input::placeholder, .inx-gen__form textarea::placeholder{ color:var(--al-mute-text); }
.inx-gen__form input:focus, .inx-gen__form textarea:focus, .inx-gen__form select:focus{ outline:none; border-color:var(--al-mute); }
.inx-gen__form input:focus-visible, .inx-gen__form textarea:focus-visible, .inx-gen__form select:focus-visible{ outline:2px solid var(--al-brand); outline-offset:1px; }

.inx-gen__out{ border:1px solid var(--al-line); background:var(--al-plate); border-radius:2px; }
.inx-out__head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:12px 16px; border-bottom:1px solid var(--al-line); background:var(--al-plate2);
}
.inx-out__lead{ font-family:var(--font-mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--al-mute-text); }
.inx-out__btns{ display:flex; gap:8px; }
.inx-btn{
  cursor:pointer; background:var(--al-field); color:var(--al-hi);
  border:1px solid var(--al-line2); border-radius:2px; padding:8px 13px;
  font-family:var(--font-mono); font-size:11px; font-weight:500; letter-spacing:.08em; text-transform:uppercase;
  transition:border-color .15s, color .15s;
}
.inx-btn:hover{ border-color:var(--al-mute); }
.inx-btn:focus-visible{ outline:2px solid var(--al-brand); outline-offset:2px; }
.inx-btn.ok{ border-color:var(--al-risk-low); color:var(--al-risk-low); }
.inx-out{
  margin:0; padding:16px 18px; overflow-x:auto;
  font-family:var(--font-mono); font-size:12.5px; line-height:1.65; color:var(--al-md);
  white-space:pre-wrap; word-break:break-word; min-height:220px;
}
.inx-out__note{ margin:0; padding:12px 16px; border-top:1px solid var(--al-line); font-size:12.5px; line-height:1.55; color:var(--al-lo); }

/* ---- posle prijave ---- */
.inx-cards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:1px; background:var(--al-line); border:1px solid var(--al-line); }
.inx-card{ background:var(--al-plate); padding:18px 18px 16px; }
.inx-card h3{ margin:0 0 8px; font-size:16px; font-weight:600; color:var(--al-hi); letter-spacing:-.01em; }
.inx-card p{ margin:0 0 10px; font-size:13.5px; line-height:1.55; color:var(--al-mute-text); }

/* ---- izvor ---- */
.inx-sources{ margin-top:56px; padding-top:40px; border-top:1px solid var(--al-line); scroll-margin-top:calc(var(--hdr-h,56px) + var(--trip-h,68px) + var(--toc-h,52px) - 59px); }
.inx-srcgrid{ display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--al-line); border:1px solid var(--al-line); margin-top:18px; }
@media (max-width:900px){ .inx-srcgrid{ grid-template-columns:repeat(3,1fr); } }
/* ≤560: jedna kolona (stack) — 5 kartica u parnom gridu ostavlja praznu
   ćeliju (Denis); jedno ispod drugog, kao liste na drugim triptih stranama. */
@media (max-width:560px){ .inx-srcgrid{ grid-template-columns:1fr; } }
.inx-src{ background:var(--al-plate); padding:15px 18px; text-decoration:none; display:block; transition:background .13s; }
.inx-src:hover{ background:var(--al-plate2); }
.inx-src .k{ font-family:var(--font-mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--al-steel); }
.inx-src .t{ display:block; margin-top:5px; font-size:14px; font-weight:600; color:var(--al-hi); }
.inx-src .t::after{ content:" ↗"; color:var(--al-mute-text); font-weight:400; }
.inx-src[href^="/"] .t::after{ content:" →"; color:var(--al-accent-text); }
.inx-note{ margin-top:24px; padding:16px 18px; border:1px solid var(--al-line); border-left:2px solid var(--al-mute); background:var(--al-plate); }
.inx-note p{ margin:0; color:var(--al-mute-text); font-size:13px; line-height:1.6; max-width:92ch; }
.inx-note b{ color:var(--al-md); }

/* ---- futer (enc-footer, uvek taman) ---- */
body.page-alat-incident .enc-ftr{ background:#0a0a09; border-top:1px solid #2e2e2c; color:#a0a09e; font-family:var(--font-mono); font-size:12px; letter-spacing:.04em; }
body.page-alat-incident .enc-ftr-inner{
  /* Pun po sirini prozora (kao /enciklopedija/, /lozinka/, /izlozenost/ i
     /alati/), ne do kraja kolone sadrzaja. Denisova odluka S132: sravnjeno
     na svih deset strana koje koriste enc-footer. Ranije je ovde stajalo
     max-width + margin:0 auto. */
  padding:10px 28px;
  display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
}
body.page-alat-incident .enc-ftr-l, body.page-alat-incident .enc-ftr-r{ display:inline-flex; align-items:center; flex-wrap:wrap; gap:10px; }
body.page-alat-incident .enc-ftr a{ color:inherit; text-decoration:none; transition:color .12s; }
body.page-alat-incident .enc-ftr a:hover{ color:#ece9e3; }
body.page-alat-incident .enc-ftr .dot{ width:3px; height:3px; background:#3a3a37; border-radius:50%; display:inline-block; }

/* ============ LIGHT ============ */
html[data-theme="light"]{ color-scheme:light; }
/* notch i donja traka Safarija uzorkuju BODY kad nema sticky/fixed elementa uz
   ivicu — body ostaje taman, boju strane nosi #main (vidi alat-zakon.css) */
html[data-theme="light"]{ background:#f2f0e9; }
html[data-theme="light"] body.page-alat-incident{ background:#0f0f0d; }
html[data-theme="light"] body.page-alat-incident > main#main{ background:#f2f0e9; }
html[data-theme="light"] body.page-alat-incident{
  --al-bg:#f2f0e9; --al-grid:rgba(20,20,18,.035);
  --al-plate:#ffffff; --al-plate2:#f6f4ee; --al-field:#ffffff;
  --al-line:#e3dfd4; --al-line2:#cec9bb;
  --al-hi:#1a1917; --al-md:#403d37; --al-lo:#5b574f; --al-mute:#7b776e; --al-faint:#a8a49b; --al-mute-text:#666663;
  --al-brand:#b0301f; --al-brand-hi:#c0392b; --al-brand-text:#b0301f; --al-brand-soft:rgba(192,57,43,.10);
  --al-accent:#9a5a15; --al-accent-text:#935614;
  --al-risk-hi:#bd3322; --al-risk-med:#8f6415; --al-risk-low:#4d7838;
  --al-steel:#4a6a8c;
  color:var(--al-hi);
}
html[data-theme="light"] body.page-alat-incident .axc{ background:#ecebe3; border-bottom-color:#e3dfd4; }
html[data-theme="light"] body.page-alat-incident .trip{ background:#e9e7de; }
html[data-theme="light"] body.page-alat-incident .axc-kick{ color:var(--al-mute-text); }
html[data-theme="light"] body.page-alat-incident .axc-kick b{ color:#935614; }
html[data-theme="light"] body.page-alat-incident .axc h1{ color:#1a1917; }
html[data-theme="light"] body.page-alat-incident .axc h1 .l-red{ color:#b0301f; }
html[data-theme="light"] body.page-alat-incident .axc-sub{ color:#5b574f; }
html[data-theme="light"] body.page-alat-incident .axc-mods a{ color:#403d37; border-color:#cec9bb; }
html[data-theme="light"] body.page-alat-incident .axc-mods a:hover{ color:#1a1917; border-color:#7b776e; }
html[data-theme="light"] body.page-alat-incident .axc-mods .num{ color:#935614; }
html[data-theme="light"] body.page-alat-incident .axc-stat{ color:var(--al-mute-text); }
html[data-theme="light"] body.page-alat-incident .axc-stat b{ color:#1a1917; }
html[data-theme="light"] body.page-alat-incident .axc-stat .sig{ color:#b0301f; }

html.theme-anim body.page-alat-incident .inx, html.theme-anim body.page-alat-incident .inx *,
html.theme-anim body.page-alat-incident .axc, html.theme-anim body.page-alat-incident .axc *{
  transition:background-color .28s ease, border-color .28s ease, color .22s ease;
}

/* ============ PRINT — samo nacrt prijave ============ */
@media print{
  body.page-alat-incident{ background:#fff; color:#111; display:block; }
  .hdr, .hdr-backdrop, .enc-ftr, .cp-tabbar, .skip-link,
  .axc, .trip, .zkn-bignums, .inx-toc, .inx__intro, .inx-sec:not(#prijava), .inx-sources,
  #prijava .inx-sec__head, .inx-gen__form, .inx-out__head, .inx-out__note{ display:none !important; }
  body.page-alat-incident .inx{ padding:0; background:#fff; background-image:none; }
  .inx-sec{ padding-top:0; }
  .inx-gen{ display:block; }
  .inx-gen__out{ border:0; position:static; }
  .inx-out{ color:#111; font-size:11.5pt; line-height:1.6; padding:0; min-height:0; overflow:visible; }
}

@media (prefers-reduced-motion:reduce){
  body.page-alat-incident *{ transition:none !important; }
}

/* Klip horizontalnog preliva SAMO na html, i SAMO na desktopu (≥821px) —
   tamo heder (triptih grupa +253px) preliva do ~1430px. Na mobilnom je
   heder u burgeru pa NIŠTA ne preliva; clip na html tamo samo pravi
   fantomsku scroll traku u iOS Safari-ju (Denisov nalaz — traka gore desno
   iako se stranica ne skroluje u stranu). Zato clip iza min-width:821.
   main ostaje visible (override layout.css guard-a) da sticky ne jitter-uje. */
@media (min-width:821px){ html{ overflow-x:clip; } }
body.page-alat-incident main{ overflow-x:visible; }

/* Mobilni footer: enc-ftr se sakriva, cp-tabbar preuzima (isti obrazac kao /lozinka/ i /vesti/). */
@media (max-width:767px){
  body.page-alat-incident .enc-ftr{ display:none; }
  body.page-alat-incident main{ padding-bottom:calc(48px + env(safe-area-inset-bottom, 0px)); }
  /* horizontalni swipe za trake sa odabirima — vraća tanki scroll indikator + iOS momentum */
  .trip__inner,
  .inx-toc__inner{
    scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.18) transparent;
    -webkit-overflow-scrolling:touch;
  }
  .trip__inner::-webkit-scrollbar,
  .inx-toc__inner::-webkit-scrollbar{ display:block; height:3px; }
  .trip__inner::-webkit-scrollbar-thumb,
  .inx-toc__inner::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.18); border-radius:2px; }
  .trip__inner::-webkit-scrollbar-track,
  .inx-toc__inner::-webkit-scrollbar-track{ background:transparent; }
}