/* Public Yap Glow */
.yap {
  --public-yap-glow: #d3af37;
}

.yap.public-yap-glow {
  border-color: color-mix(in srgb, var(--public-yap-glow) 58%, var(--border)) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--public-yap-glow) 40%, transparent),
    0 0 11px color-mix(in srgb, var(--public-yap-glow) 24%, transparent),
    0 0 24px color-mix(in srgb, var(--public-yap-glow) 10%, transparent) !important;
}

/* Glow only the outer Yap card. */
.yap.public-yap-glow .yap-text,
.yap.public-yap-glow .reply,
.yap.public-yap-glow span,
.yap.public-yap-glow strong,
.yap.public-yap-glow button {
  text-shadow: none !important;
  filter: none !important;
}

/* Notification/deep-link highlight hugs the item instead of painting a square row. */
.yap.yapper-target-highlight,
.reply-entry.yapper-target-highlight,
.dm-message-row.yapper-target-highlight,
.notification-item.yapper-target-highlight {
  border-radius: 22px !important;
  outline: 2px solid color-mix(in srgb, var(--primary) 72%, white 8%) !important;
  outline-offset: 2px !important;
}
.dm-message-bubble.yapper-target-highlight,
button.yapper-target-highlight,
a.yapper-target-highlight {
  border-radius: 999px !important;
}


/* Outline Glow settings intentionally clone Accent Color's actual card markup/classes.
   No separate layout rules: they stay pixel-for-pixel aligned as Yapper evolves. */
#plusYapGlowBlock {
  margin-top: 12px;
}




/* Outline Glow status must behave exactly like Accent Color status. */
#plusYapGlowStatus:empty {
  display: none !important;
}

/* Unified Device Preferences transient status styling:
   Appearance, Accent Color, and Outline Glow are visually identical. */
#deviceThemeStatus,
#plusAccentStatus,
#plusYapGlowStatus {
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: rgba(255,255,255,.58) !important;
  margin: 12px 2px 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

#deviceThemeStatus:empty,
#plusAccentStatus:empty,
#plusYapGlowStatus:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Final status typography parity */
#deviceThemeStatus,
#themeStatus,
#appearanceStatus,
#deviceAppearanceStatus,
#plusAccentStatus,
#plusYapGlowStatus,
.device-preferences-appearance .plus-accent-status,
.device-preferences-appearance [aria-live="polite"] {
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: rgba(255,255,255,.58) !important;
}

/* No ghost row under Outline Glow once its transient status has disappeared. */
#plusYapGlowStatus:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* The glow card itself should return to the same bottom rhythm as Accent Color. */
#plusYapGlowStatus:empty + * {
  margin-top: 0 !important;
}