/* UNPNC 0.9.30 — notifications FCM, encapsulé dans l'application. */
.unpnc-app .unpnc-space-card.is-notifications{
  position:relative;
  overflow:hidden;
  min-height:220px;
}
.unpnc-app .unpnc-space-card.is-notifications::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-80px;
  top:-90px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(58,190,255,.18),rgba(58,190,255,0) 68%);
  pointer-events:none;
}
.unpnc-app .unpnc-notification-copy{
  max-width:62ch;
  margin:.5rem 0 1rem;
  color:var(--unpnc-muted,#9eb4c4);
}
.unpnc-app .unpnc-notification-state{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  padding:.85rem 1rem;
  border:1px solid rgba(132,194,228,.16);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.unpnc-app .unpnc-notification-state>div{
  display:grid;
  gap:.2rem;
}
.unpnc-app .unpnc-notification-state small{
  color:var(--unpnc-muted,#9eb4c4);
  line-height:1.35;
}
.unpnc-app .unpnc-notification-dot{
  color:#7d91a0;
  font-size:.75rem;
  line-height:1.5rem;
}
.unpnc-app .is-notifications[data-push-status="enabled"] .unpnc-notification-dot{color:#2bd88f;}
.unpnc-app .is-notifications[data-push-status="denied"] .unpnc-notification-dot,
.unpnc-app .is-notifications[data-push-status="unsupported"] .unpnc-notification-dot{color:#ff6b73;}
.unpnc-app .is-notifications[data-push-status="configuration-required"] .unpnc-notification-dot,
.unpnc-app .is-notifications[data-push-status="ios-install-required"] .unpnc-notification-dot{color:#ffc45d;}
.unpnc-app .unpnc-notification-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1rem;
}
@media (max-width:640px){
  .unpnc-app .unpnc-space-card.is-notifications{grid-column:1/-1;min-height:0;}
  .unpnc-app .unpnc-notification-actions>*{flex:1 1 140px;min-height:44px;}
}