/* Tela: cadastrar senha (primeiro acesso) */

/* Container principal vira referência do card da direita */
.cadastrar-senha-panel {
   position: relative;
}

/* Card da mensagem ocupa o “vazio” da direita */
.primeiro-acesso-msg {
   position: absolute;
   right: 24px;
   top: 58px;
   width: 44%;
   max-width: 520px;
   opacity: 0;
   transition: opacity 220ms ease;
   will-change: opacity;
}

/* Ajustes do card interno sem mexer no .panel global */
.primeiro-acesso-msg .panel {
   border-radius: 12px;
   padding: 14px 16px;
   box-shadow: 0 8px 18px rgba(0, 0, 0, 0.10) !important;
   background: #fcfcfd !important;
   border: 1px solid rgba(0, 0, 0, 0.06);
   position: relative;
}

.primeiro-acesso-msg h5 {
   font-size: 15px;
   margin-bottom: 6px;
   color: #333;
}

.primeiro-acesso-msg .primeiro-acesso-msg-body {
   font-size: 13.5px;
   line-height: 1.45;
   color: #444;
}

.primeiro-acesso-msg.is-visible {
   opacity: 1;
}

/* Responsivo: em telas menores, vira bloco (não sobrepõe o formulário) */
@media (max-width: 1024px) {
   .primeiro-acesso-msg {
      position: static;
      width: auto;
      max-width: none;
      margin: 10px 0 0 0;
   }
}