/* VOOX V58 — instalação PWA + notificações */
.voox-pwa-panel{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:18px;
  background:rgba(0,8,15,.66);
  backdrop-filter:blur(7px);
}
.voox-pwa-panel[hidden]{display:none!important}
.voox-pwa-card{
  width:min(100%,430px);
  position:relative;
  padding:20px;
  border:1px solid rgba(49,220,255,.38);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(5,28,39,.98),rgba(2,15,24,.99));
  box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 24px rgba(24,206,255,.10);
}
.voox-pwa-close{
  position:absolute;
  right:12px;
  top:10px;
  width:34px;
  height:34px;
  border:0;
  background:transparent;
  color:#8ba3ad;
  font-size:27px;
}
.voox-pwa-logo{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border:1px solid rgba(41,225,255,.42);
  border-radius:15px;
  color:#28dbff;
  font-size:25px;
  font-weight:900;
  box-shadow:inset 0 0 20px rgba(0,209,255,.10);
}
.voox-pwa-copy{margin-top:14px}
.voox-pwa-copy strong{
  display:block;
  color:#f3fdff;
  font-size:20px;
}
.voox-pwa-copy span{
  display:block;
  margin-top:5px;
  color:#90a5af;
  font-size:13px;
  line-height:1.4;
}
.voox-pwa-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:17px;
}
.voox-pwa-actions button{
  min-height:50px;
  border-radius:14px;
  font-weight:800;
  font-size:14px;
}
.voox-pwa-primary{
  border:1px solid #55ff58;
  background:linear-gradient(180deg,#65ff55,#2ce85c);
  color:#00160b;
}
.voox-pwa-secondary{
  border:1px solid rgba(49,220,255,.38);
  background:rgba(9,40,52,.82);
  color:#c9f8ff;
}
.voox-pwa-secondary.is-enabled{
  border-color:rgba(89,255,101,.48);
  color:#65ff75;
}
.voox-pwa-primary:disabled{opacity:.65}
.voox-pwa-status{
  min-height:18px;
  margin-top:10px;
  color:#9fb4bd;
  font-size:11px;
  line-height:1.35;
}
@media (min-width:600px){
  .voox-pwa-panel{align-items:center}
}

.voox-pwa-health{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:12px;
}
.voox-pwa-health span{
  display:flex;
  justify-content:space-between;
  gap:7px;
  padding:8px 9px;
  border:1px solid rgba(49,220,255,.14);
  border-radius:10px;
  background:rgba(0,8,14,.34);
  color:#88a0aa;
  font-size:10px;
}
.voox-pwa-health b{color:#d8f9ff;font-size:10px}
html.voox-has-unread .notify-btn i{
  width:10px!important;
  height:10px!important;
  background:#65ff55!important;
  box-shadow:0 0 0 4px rgba(101,255,85,.10),0 0 15px #65ff55;
  animation:vooxUnreadPulse .9s ease-in-out infinite alternate;
}
@keyframes vooxUnreadPulse{
  from{transform:scale(.85);opacity:.65}
  to{transform:scale(1.3);opacity:1}
}

html.voox-has-unread .nav-item[href*="alerts.php"] .nav-icon{
  position:relative;
}
html.voox-has-unread .nav-item[href*="alerts.php"] .nav-icon::after{
  content:"";
  position:absolute;
  right:-5px;
  top:-3px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#65ff55;
  box-shadow:0 0 12px #65ff55;
  animation:vooxUnreadPulse .9s ease-in-out infinite alternate;
}