/* ──────────────────────────────────────────────────────────────
   Friendse Logo & Beta — Perfect Right Alignment Under 'se'
   ────────────────────────────────────────────────────────────── */
.friende-logo-box {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.friende-logo-box::after {
  content: "beta" !important;
  position: absolute !important;
  right: 0 !important;
  top: 100% !important;
  margin-top: 2px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  font-family: inherit !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  text-transform: lowercase !important;
  text-align: right !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1877f2 !important;
}

/* Dark mode */
html.dark .friende-logo-box::after,
.dark .friende-logo-box::after,
[data-theme="dark"] .friende-logo-box::after {
  color: #62a0ff !important;
}

@media (max-width: 640px) {
  .friende-logo-box::after {
    font-size: 8.5px !important;
    margin-top: 1px !important;
  }
}