/* Signed out: the "Log in to post and react" line that stands where a composer
   would (templates/_signin_prompt.html). Theme tokens only, so it reads in
   Light, Dark and Neon. */
.signin-prompt {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 16px;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid var(--color-accent, #ff69b4);
  background: var(--color-surface, #111);
  color: var(--color-text, #fff);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  text-align: center;
}
.signin-prompt i {
  color: var(--color-accent, #ff69b4);
}
.signin-prompt:hover,
.signin-prompt:focus-visible {
  border-color: var(--color-accent-strong, #ff00ff);
  text-decoration: none;
}

/* The post page draws Love, Hate, Repost and Save as plain icons signed out;
   a tap on one now goes to sign in (signed-out-gate.js), so it reads as a button. */
.pd-static-icon {
  cursor: pointer !important;
}