/* Zaslon Motori (motori.js). Crno-bijelo, iste plohe i crte kao postavke. */

/* Isto mjesto i ista puna pozadina kao postavke. Bez ovoga zaslon na sirokom
   ekranu lezi preko stupca popisa (koji je tamo uvijek vidljiv) i tekst se
   oba sloja mijesa (21.10.2026). */
#zaslon-motori { background: var(--pozadina); }
@media (min-width: 900px) {
  #zaslon-motori { left: 340px; }
}

.motori-red {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px 12px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--crta);
}
.motori-ime { font-weight: 600; font-size: 14px; }
.motori-stanje { grid-column: 1; font-size: 13px; }
.motori-radnje { grid-column: 2; grid-row: 1 / span 2; display: flex; gap: 8px; }
.motori-radnje button { padding: 8px 14px; }
.motori-kod, .motori-poruka { grid-column: 1 / -1; }
.motori-kod { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.motori-kod p { width: 100%; margin: 0; font-size: 12px; }
.motori-kod input { flex: 1 1 220px; width: auto; }
.motori-kod.skriveno, .motori-radnje .skriveno { display: none; }
.motori-poruka:empty { display: none; }
.motori-uskoro { opacity: 0.55; }
.motori-uskoro button { cursor: not-allowed; }
/* Codex: jednokratni kod se prepisuje na drugom ekranu, pa je krupan. */
.motori-kod input.motori-jednokratni {
  flex: 0 1 auto;
  width: 11em;
  font: 600 22px/1.2 ui-monospace, monospace;
  letter-spacing: 0.08em;
  text-align: center;
}
.motori-kod a { word-break: break-all; }

/* Konektori claude.ai racuna i vlastiti MCP-ovi. */
.motori-radnje a.gumb {
  display: inline-block; padding: 8px 14px; border: 1px solid var(--crta);
  border-radius: 6px; color: inherit; text-decoration: none; font-size: 14px;
}
.konektori-popis { grid-column: 1 / -1; list-style: none; margin: 0; padding: 0; }
.konektori-popis:empty { display: none; }
.konektor {
  display: flex; justify-content: space-between; gap: 12px;
  padding: 6px 0; border-top: 1px solid var(--crta); font-size: 13px;
}
.konektor-treba-prijavu .konektor-ime, .konektor-ceka .konektor-ime { opacity: 0.6; }
.konektor-greska .konektor-stanje { font-weight: 600; }