/* =========================================================
   Research City — synthesis feature styles

   Owns synthesis controls, synthesis citation links, and
   synthesis-to-paper focus feedback.
========================================================= */

/* =========================================================
   PATCH 2026-08-13 12:17 | RESEARCH SYNTHESIS MODULARIZATION

   Extracts synthesis-specific styles from the general
   Research City stylesheet without changing presentation.
========================================================= */

/* =========================================================
   PATCH 2026-08-13 18:15 | REQUEST-BOUND INLINE SYNTHESIS

   Adds only structural spacing for the Research-owned mount.
========================================================= */

.zar-research-synthesis-mount:empty {
  display: none;
}

.zar-research-synthesis-mount:not(:empty) {
  margin-top: 1.5rem;
}

/* =========================================================
   SYNTHESIS ACTION
========================================================= */

.zar-research-actions {
  display: flex;
  justify-content: flex-start;

  margin: 1rem 0 1.2rem;
}

/* =========================================================
   RESEARCH SYNTHESIS BUTTON
   Adapted from the desktop Log in control
========================================================= */

.zar-research-synthesis-btn {
  min-height: 40px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;

  padding: 0.68rem 1rem;

  border: 1px solid rgba(91, 112, 179, 0.24);
  border-radius: 999px;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.98),
      rgba(242, 246, 253, 0.96)
    );

  color: #334875;

  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1;

  cursor: pointer;

  box-shadow:
    0 6px 16px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);

  transition:
    color 160ms ease,
    background 160ms ease,
    border-color 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease;
}

.zar-research-synthesis-btn::before {
  content: "✦";

  color: #68bda5;

  font-size: 0.92rem;
  line-height: 1;
}

/* Hover and keyboard focus */
.zar-research-synthesis-btn:hover,
.zar-research-synthesis-btn:focus-visible {
  color: #253963;

  border-color: rgba(84, 180, 151, 0.40);

  background:
    radial-gradient(
      circle at 18% 0%,
      rgba(143, 212, 189, 0.16),
      transparent 68%
    ),
    rgba(255, 255, 255, 0.98);

  transform: translateY(-1px);

  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.11),
    0 0 0 3px rgba(84, 180, 151, 0.08);
}

.zar-research-synthesis-btn:focus-visible {
  outline: 2px solid rgba(84, 180, 151, 0.62);
  outline-offset: 3px;
}

/* Disabled */
.zar-research-synthesis-btn:disabled {
  cursor: default;

  opacity: 0.52;
  transform: none;
  box-shadow: none;
}

/* Generating state */
.zar-research-synthesis-btn.is-generating::before {
  content: "◌";

  animation: zarResearchSynthesisSpin 900ms linear infinite;
}

.zar-research-synthesis-btn.is-generating::after {
  content: none;
}

@keyframes zarResearchSynthesisSpin {
  to {
    transform: rotate(360deg);
  }
}