/* L’Alcôve 4.11.0 — protection des formulaires et mises à jour différées. */
.realtime-pending {
  min-height: 2.25rem;
  border-color: color-mix(in srgb, var(--warning, #f4c66a) 55%, var(--border, #403548));
  background: color-mix(in srgb, var(--warning, #f4c66a) 12%, var(--panel, #18131d));
  color: var(--warning, #f4c66a);
  white-space: nowrap;
}

.realtime-pending:not(.hidden)::before {
  content: '';
  width: .48rem;
  height: .48rem;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 .22rem color-mix(in srgb, currentColor 18%, transparent);
}

.draft-protection-note {
  margin: .85rem 0 0;
  padding: .7rem .8rem;
  border: 1px solid color-mix(in srgb, var(--info, #8fb8ff) 38%, var(--border, #403548));
  border-radius: .75rem;
  background: color-mix(in srgb, var(--info, #8fb8ff) 7%, transparent);
  color: var(--muted, #aaa0b2);
  font-size: .84rem;
  line-height: 1.5;
}

@media (max-width: 760px) {
  .realtime-pending {
    max-width: 8.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}