/* V11.77.1 — Interface Notifications Safe
   Card leve dentro de Interface para ativar/testar notificações nativas do navegador.
   Não altera Agenda, Login, Auth, Admin, Home, Planos ou RLS. */
.dh-browser-notifications-v11771{
  margin-top:14px;
  padding:14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.dh-browser-notifications-v11771 .dh-browser-notifications-head-v11771{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.dh-browser-notifications-v11771 h3{
  margin:0 0 4px;
  font-size:15px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.02em;
}
.dh-browser-notifications-v11771 p{
  margin:0;
}
.dh-browser-notifications-v11771 .dh-browser-notifications-actions-v11771{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.dh-browser-notifications-v11771 .dh-browser-notifications-note-v11771{
  display:block;
  margin-top:10px;
  font-size:12px;
  line-height:1.45;
  color:var(--muted);
}
.dh-browser-notifications-status-v11771{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.82);
}
.dh-browser-notifications-status-v11771::before{
  content:'';
  width:7px;
  height:7px;
  border-radius:999px;
  background:rgba(255,255,255,.45);
  box-shadow:0 0 0 3px rgba(255,255,255,.06);
}
.dh-browser-notifications-status-v11771.is-granted{
  border-color:rgba(var(--accent-rgb),.28);
  background:rgba(var(--accent-rgb),.10);
  color:var(--accent);
}
.dh-browser-notifications-status-v11771.is-granted::before{
  background:var(--accent);
  box-shadow:0 0 0 3px rgba(var(--accent-rgb),.16);
}
.dh-browser-notifications-status-v11771.is-default{
  border-color:rgba(255,255,255,.13);
  background:rgba(255,255,255,.055);
}
.dh-browser-notifications-status-v11771.is-denied,
.dh-browser-notifications-status-v11771.is-unsupported{
  border-color:rgba(255,91,91,.22);
  background:rgba(255,91,91,.08);
  color:#ff9a9a;
}
.dh-browser-notifications-status-v11771.is-denied::before,
.dh-browser-notifications-status-v11771.is-unsupported::before{
  background:#ff6b6b;
  box-shadow:0 0 0 3px rgba(255,91,91,.14);
}
.dh-browser-notifications-feedback-v11771{
  min-height:18px;
  margin-top:9px;
  font-size:12px;
  font-weight:800;
  color:var(--muted);
}
.dh-browser-notifications-feedback-v11771.ok{color:var(--accent)}
.dh-browser-notifications-feedback-v11771.error{color:#ff9a9a}
@media (max-width:760px){
  .dh-browser-notifications-v11771 .dh-browser-notifications-head-v11771{
    flex-direction:column;
    align-items:flex-start;
  }
  .dh-browser-notifications-v11771 .dh-browser-notifications-actions-v11771 .btn{
    width:100%;
    justify-content:center;
  }
}