.az-push {
  margin-block: 0 12px;
  max-inline-size: 100%;
  color: #432267;
}
.az-push summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-block-size: 44px;
  max-inline-size: 100%;
  padding: 6px 12px;
  border: 1px solid #ded4e8;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  list-style: none;
}
.az-push summary::-webkit-details-marker { display: none; }
.az-push summary svg { width: 18px; height: 18px; flex: none; }
.az-push summary:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.az-push.is-subscribed summary { background: #f5eff9; }
.az-push-settings {
  margin-block-start: 6px;
  padding: 8px 12px;
  max-inline-size: 24rem;
  border: 1px solid #ded4e8;
  border-radius: 10px;
  background: #fff;
  font-size: 14px;
  overflow-wrap: anywhere;
}
.az-push .btn { min-block-size: 44px; }
.az-push p { margin: .35rem 0; }
.az-push [data-push-status]:empty, .az-push [hidden] { display: none !important; }

.az-push-invite[hidden] { display: none; }
.az-push-invite {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  max-inline-size: 30rem;
  margin-block: 8px 14px;
  padding: 12px;
  border: 1px solid #ded4e8;
  border-radius: 12px;
  background: #fff;
  color: #432267;
}
.az-push-invite img { flex: none; object-fit: contain; }
.az-push-invite > div { min-inline-size: 0; }
.az-push-invite h2 { margin: 0; font-size: 16px; line-height: 1.5; }
.az-push-invite p { margin: 6px 0 10px; font-size: 14px; line-height: 1.6; }
.az-push-invite-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.az-push-invite-actions .btn { min-block-size: 44px; padding: 6px 10px; font-size: 14px; }