/* 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; }