.container {
  display: grid;
  width: 100%;
  height: 80%;
  background: rgba(255, 255, 255, 0.50); /* 50% */
  backdrop-filter: blur(10px); /* opcional, efeito glass */
  border-radius: 20px;
  margin: 0 auto;
} 

.painel {
  display: grid;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

.titulo-painel {
  text-shadow: 0 2px 6px rgba(0,0,0,0.15);
   display: grid; 
  align-items: center;}

.footer-overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;

  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);

  border-top: 1px solid rgba(0,0,0,0.1);
  z-index: 1000;
}

.status-armario-topo {
  position: fixed;
  top: 45%;
  left: 0;
  width: 100%;

  background: #dc3545;
  color: #ffffff;

  padding: 1.2rem 1rem;
  text-align: center;

  font-size: 1.8rem;
  font-weight: 700;

  z-index: 9999;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.status-armario-topo .subtexto {
  font-size: 1.1rem;
  font-weight: 400;
  margin-top: 0.3rem;
  opacity: 0.9;
}

@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0.85; }
  100% { opacity: 1; }
}

.status-armario-topo {
  animation: pulse 2s infinite;
}


/* Área bloqueada */
.acoes-bloqueadas {
  pointer-events: none;
  opacity: 0.45;
  filter: grayscale(1);
}

/* Remove sensação de clique */
.acoes-bloqueadas .btn {
  cursor: not-allowed;
}