@font-face {
      font-family: Poppins-Regular;
      src: url('../fonts/poppins/Poppins-Regular.ttf');
    }

    @font-face {
      font-family: Poppins-Bold;
      src: url('../fonts/poppins/Poppins-Bold.ttf');
    }

    @font-face {
      font-family: Poppins-Medium;
      src: url('../fonts/poppins/Poppins-Medium.ttf');
    }

    @font-face {
      font-family: Montserrat-Bold;
      src: url('../fonts/montserrat/Montserrat-Bold.ttf');
    }


        .animacao_baixo_cima_view {
          position:relative;
        }
        .animacao_baixo_cima_view.ng-enter, .my-slide-animation.ng-leave {


          -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
          -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
           -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
           transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;



          position:absolute;
          top:0;
          left:0;
          right:0;
          height:600px;
        }

        .animacao_baixo_cima_view.ng-enter {
          z-index:100;
          top:600px;
          opacity:0;
        }
        .animacao_baixo_cima_view.ng-enter.ng-enter-active {
          top:0;
          opacity:1;
        }

        .animacao_baixo_cima_view.ng-leave {
          z-index:101;
          top:0;
          opacity:1;
        }
        .my-slide-animation.ng-leave.ng-leave-active {
          top:-600px;
          opacity:0;
        }




        /* Só a animação do ngView. Bootstrap também usa .fade no modal/backdrop;
           position:relative neles tira o overlay da viewport e trava a tela. */
        .fade:not(.modal):not(.modal-backdrop) {
            position:relative;
        }
        .fade.ng-enter{
            -webkit-transition: all 800ms ease;
            transition: all 800ms ease;
        }
        .fade.ng-leave {
            -webkit-transition: all 50ms ease;
            transition: all 50ms ease;
        }
        .fade.ng-enter {
            opacity: 0;
        }
        .fade.ng-enter-active {
            opacity: 1;
        }
        .fade.ng-leave {
            opacity: 1;
        }
        .fade.ng-leave-active {
            opacity: 0;
        }

/* Logo central (Grupo Penta) nas telas de operação — não afeta o menu superior */
.container .recepcao_logo,
.container-xl .recepcao_logo,
.container-lg .recepcao_logo,
.coordenador_do_cd_logo,
img.logo.card-img-top {
    width: auto;
    max-width: 300px;
    max-height: 64px;
    object-fit: contain;
}

/* SweetAlert: confirmação no laranja PentaLog, não no roxo padrão.
   CAC/RM usam modal 4000; o padrão do Swal (1060) ficava atrás. */
.swal2-container {
    z-index: 10000 !important;
}

.swal2-styled.swal2-confirm {
    background-color: #D84D15 !important;
    background-image: none !important;
    border-color: #D84D15 !important;
    color: #fff !important;
}

.swal2-styled.swal2-confirm:hover,
.swal2-styled.swal2-confirm:focus,
.swal2-styled.swal2-confirm:active {
    background-color: #B93E10 !important;
    border-color: #B93E10 !important;
    box-shadow: 0 0 0 3px rgba(216, 77, 21, 0.28) !important;
}

/* Chrome/Edge no Windows: a barra nativa é larga, cinza e com setas. */
html,
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(15, 23, 42, 0.32) transparent;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(15, 23, 42, 0.28);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(15, 23, 42, 0.48);
}

::-webkit-scrollbar-corner {
    background: transparent;
}

html.pl-board-dark,
html.pl-board-dark * {
    scrollbar-color: rgba(226, 232, 240, 0.32) transparent;
}

html.pl-board-dark ::-webkit-scrollbar-thumb {
    background-color: rgba(226, 232, 240, 0.28);
}

html.pl-board-dark ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(226, 232, 240, 0.5);
}