/* Folha de estilos customizada para a aplicação Miner Service.
   A maior parte da estilização é controlada pelo Tailwind CSS na view base.html,
   portanto, este arquivo serve apenas para regras globais essenciais, animações
   específicas e ajustes para impressão que o Tailwind base via CDN não cobre.
*/

/* --- Animação para as Mensagens Flash (Alertas do Servidor) --- */
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-down {
    animation: fadeInDown 0.4s ease-out forwards;
}

/* --- Customização da Barra de Rolagem (Scrollbar) para Design Moderno --- */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; 
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1; 
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #06b6d4; /* Cor cyan da Miner Service */
}

/* --- Regras Globais e Comportamentos Nativos --- */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

/* Permite que textos longos nos cards do Kanban não quebrem o layout */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

/* --- Oculta a estrutura do site durante a impressão de relatórios --- */
@media print {
    body {
        background-color: white !important;
        color: black !important;
    }
    
    /* Esconde a barra lateral, cabeçalho e container de mensagens */
    aside, header, #flash-messages {
        display: none !important;
    }

    /* Remove o overflow para que a página possa imprimir tudo sem cortes na quebra de página */
    main, .overflow-auto, .overflow-y-auto, .overflow-x-auto {
        overflow: visible !important;
        height: auto !important;
    }

    /* Esconde botões de ação genéricos e links que não fazem sentido no papel */
    button, a.btn, .cursor-pointer {
        display: none !important;
    }

    /* Ajuste de sombras e bordas para economia de tinta e clareza */
    .shadow-sm, .shadow-md, .shadow-lg, .shadow-2xl {
        box-shadow: none !important;
    }
    
    .border-gray-100 {
        border-color: #e5e7eb !important;
    }
}