/* V17 | Auth: SISTEMA ATIVO + botão SAIR 3D corporativo */
.status-pill{
  color:#dcfff0!important;
  background:linear-gradient(180deg,rgba(12,92,55,.42),rgba(6,61,38,.34))!important;
  border:1px solid rgba(56,255,157,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 18px rgba(20,224,120,.12)!important;
}
.status-pill i{
  background:#22ff88!important;
  box-shadow:0 0 0 4px rgba(34,255,136,.15),0 0 18px rgba(34,255,136,.62)!important;
  animation:v17-system-active 1.45s ease-in-out infinite!important;
}
@keyframes v17-system-active{
  0%,100%{transform:scale(1);opacity:1;box-shadow:0 0 0 4px rgba(34,255,136,.14),0 0 16px rgba(34,255,136,.52)}
  50%{transform:scale(1.24);opacity:.86;box-shadow:0 0 0 8px rgba(34,255,136,.06),0 0 28px rgba(34,255,136,.88)}
}
.logout-action{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,148,157,.22)!important;
  background:linear-gradient(180deg,#db5964 0%,#bd3442 48%,#8e1d2d 100%)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -3px 7px rgba(76,8,17,.28),0 7px 0 #68141f,0 13px 20px rgba(43,6,12,.26)!important;
  transform:translateY(-2px);
  transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;
}
.logout-action:before{
  content:"";position:absolute;left:9%;right:9%;top:4px;height:32%;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));pointer-events:none;
}
.logout-action:active{
  transform:translateY(4px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 5px rgba(76,8,17,.24),0 2px 0 #68141f,0 6px 10px rgba(43,6,12,.22)!important;
  filter:brightness(.96);
}