/* ==========================================================================
   Modais (lead, PDF, imagens) e ajustes das bibliotecas toastr e loading
   ========================================================================== */

/* Imagem ampliada (produto e trabalhos realizados) */
.modal-imagem .modal-content { background: #050d0f; border: 0; }
.modal-imagem .area-imagem { display: flex; align-items: center; justify-content: center; min-height: 60vh; border-radius: var(--jj-radius-lg); overflow: hidden; background: #fff; }
.modal-imagem .area-imagem.escura { background: #000; }
.modal-imagem .area-imagem img { max-height: 78vh; object-fit: contain; }
.modal-imagem .barra-imagem { display: flex; justify-content: space-between; align-items: center; color: #fff; padding: 12px 4px 0; font-size: .85rem; }
.modal-imagem .barra-imagem button { width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .12); color: #fff; }

/* PDF do orçamento */
#modalPDF iframe { width: 100%; height: calc(100vh - 300px); min-height: 400px; border: 0; border-radius: 8px; background: #fff; }

/* toastr: no tema escuro, mantém as cores de status com cantos do tema */
#toast-container > div { border-radius: var(--jj-radius-sm); box-shadow: var(--jj-shadow-lg); opacity: .97; font-family: var(--bs-body-font-family); }