/* Estilos compartilhados, sem framework visual. */
:root { font-family: Arial, sans-serif; color: #202124; background: #f4f6f8; }
* { box-sizing: border-box; }
body { margin: 0; }
.container { width: min(760px, calc(100% - 32px)); margin: 36px auto; padding: 24px; background: white; border-radius: 10px; box-shadow: 0 2px 12px #00000012; }
.container.compacto { max-width: 440px; }
.container.largo { max-width: 1200px; }
h1 { margin-top: 0; }
label { display: block; margin: 18px 0 7px; font-weight: 700; }
input, textarea, select { width: 100%; padding: 11px; border: 1px solid #b9c0c8; border-radius: 5px; font: inherit; }
textarea { resize: vertical; }
button { margin-top: 18px; padding: 11px 16px; border: 0; border-radius: 5px; background: #155eef; color: white; font: inherit; cursor: pointer; }
button:disabled { opacity: .55; cursor: wait; }
button.secundario { background: #5f6368; }
.mensagem { margin-top: 16px; white-space: pre-wrap; }
.mensagem.erro { color: #b42318; }
.mensagem.sucesso { color: #067647; }
.lista-fotos { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; margin-top: 12px; }
.foto-previa { border: 1px solid #ddd; border-radius: 6px; padding: 8px; }
.foto-previa img { width: 100%; height: 120px; object-fit: contain; display: block; }
.foto-previa button { margin-top: 8px; width: 100%; background: #b42318; }
.cabecalho { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.solicitacao { margin: 18px 0; padding: 18px; border: 1px solid #d5d9de; border-radius: 8px; }
.solicitacao h2 { margin-top: 0; font-size: 1.15rem; }
.meta { color: #5f6368; font-size: .9rem; }
.fotos-solicitacao { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.fotos-solicitacao img { width: 150px; height: 120px; object-fit: contain; border: 1px solid #ddd; border-radius: 5px; }
.linha-status { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; }
.linha-status > div { flex: 1; min-width: 180px; }
.linha-status label { margin-top: 12px; }
.linha-status button { margin-bottom: 0; }
.lightbox {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.lightbox img {
  max-width: 95%;
  max-height: 95%;
  object-fit: contain;
}

.lightbox.aberto {
  display: flex;
}

#lightbox-fechar {
  position: absolute;
  top: 20px;
  right: 30px;
  color: white;
  font-size: 40px;
  cursor: pointer;
  user-select: none;
}

.fotos-solicitacao img {
  cursor: pointer;
  transition: transform 0.2s;
}

.fotos-solicitacao img:hover {
  transform: scale(1.05);
}
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.2);
  border: none;
  color: white;
  font-size: 40px;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 50%;
}

.nav-btn:hover {
  background: rgba(255,255,255,0.4);
}

#lightbox-prev {
  left: 20px;
}

#lightbox-next {
  right: 20px;
}

@media (max-width: 520px) { .container { margin: 12px auto; padding: 16px; } .cabecalho { align-items: start; } }