/* CX-09D — Translation Pending Experience */

/* ── Informational summary bar ─────────────────────────────── */
.tx-pending-summary {
  margin: 0 0 14px;
  padding: 10px 14px;
  border-radius: 10px;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  color: #475569;
  font-size: 12px;
  line-height: 1.55;
}

.tx-pending-summary p {
  margin: 0;
}

.tx-pending-summary p + p {
  margin-top: 2px;
}

/* ── Title: English stays; indicator appears below ─────────── */
.tx-pending-title {
  /* Title text is unchanged and fully readable — no dimming */
}

/* ── Animated pending indicator (sibling after title element) ─ */
.tx-pending-indicator {
  display: block;
  font-size: 10px;
  color: #94A3B8;
  font-style: normal;
  font-weight: 400;
  margin-top: 3px;
  line-height: 1.3;
  animation: tx-pending-pulse 1.8s ease-in-out infinite;
  pointer-events: none;
}

@keyframes tx-pending-pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.4; }
}

/* ── Card stays fully interactive ───────────────────────────── */
.tx-pending-card {
  /* No dimming, no pointer-events change */
}

html[dir="rtl"] .tx-pending-summary {
  text-align: right;
}

html[dir="rtl"] .tx-pending-indicator {
  text-align: right;
}