/* ===================================================================
   EFICÁCIA CRM — mod-visor.css
   Estilos do visor partilhado (MOD.visor, mod-visor.js). Extraído do
   mod-entidades.css no ticket 24168d09 quando a ficha do equipamento
   passou a usar o MESMO visor da ficha do colaborador (ticket
   0a5de162) — classes renomeadas de `.me-visor*` para `.visor-doc*`
   para não ficarem presas ao prefixo de um módulo só.
   =================================================================== */

/* ---------- pré-visualização de documentos (imagem/PDF) na modal ---------- */
.visor-doc {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    max-height: 72vh;
    overflow: auto;
}
.visor-doc-carregando,
.visor-doc-erro {
    padding: 40px 12px;
    color: var(--neutral-500);
    font-size: 13px;
    text-align: center;
}
.visor-doc-img {
    max-width: 100%;
    max-height: 72vh;
    object-fit: contain;
    border-radius: var(--ds-radius-md, 8px);
}
.visor-doc-pdf { width: 100%; align-items: center; }
.visor-doc-pdf canvas {
    max-width: 100%;
    height: auto;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.15);
    border-radius: 2px;
}

/* ---------- diretiva 0a5de162: em mobile, o visor de documentos abre
   CENTRADO e usa a altura toda do ecrã, em vez do bottom-sheet padrão dos
   restantes modais — a maioria dos PDFs é vertical e o bottom-sheet
   (modal a crescer só até ao conteúdo, ancorada em baixo) deixava menos
   ecrã visível e obrigava a mais scroll. Escopo à classe que só este
   modal recebe: os outros modais de CADA módulo continuam bottom-sheet. ---- */
@media (max-width: 767px) {
    .ds-modal-overlay--visor {
        align-items: center;
        padding: 12px;
    }
    .ds-modal-overlay--visor .ds-modal {
        height: calc(100vh - 24px);
        height: calc(100dvh - 24px);
        max-height: calc(100vh - 24px);
        max-height: calc(100dvh - 24px);
        border-radius: var(--radius-lg);
        padding-bottom: 0;
    }
    .ds-modal-overlay--visor .ds-modal-handle { display: none; }
    .ds-modal-overlay--visor .visor-doc {
        max-height: none;
        height: 100%;
        flex: 1 1 auto;
        min-height: 0;
        justify-content: center;
    }
    .ds-modal-overlay--visor .visor-doc-img { max-height: 100%; }
}