/* Thread event markers — assignment, open/close and campaign membership
 * changes, shown inline in the message stream.
 *
 * Deliberately quiet. These are context, not content: a hairline pill with
 * muted ink, centred so it reads as a break in the thread rather than as
 * another message. Nothing here should out-weigh a bubble beside it.
 *
 * The timestamp lives in the shared [data-jc-tip] tooltip rather than on the
 * marker itself, which keeps the resting state to a single line of text.
 */

.ev-row { display: flex; justify-content: center; margin: 12px 0; }

.ev-marker {
  display: inline-flex; align-items: center; gap: 7px;
  max-width: 100%; padding: 5px 12px;
  border: 1px solid #E4E7EC; border-radius: 8px; background: #FFFFFF;
  font-family: inherit; font-size: 12px; font-weight: 400; line-height: 1.45;
  color: #667085; text-align: center; cursor: default;
  transition: border-color .14s ease, color .14s ease;
}
.ev-marker:hover { border-color: #D0D5DD; color: #475467; }

.ev-ic { display: inline-flex; line-height: 0; flex: none; color: #98A2B3; transition: color .14s ease; }
.ev-marker:hover .ev-ic { color: #667085; }

.ev-who { font-weight: 500; }

/* Campaign name only reads as a link on hover — the same moment the tooltip
   appears — so the resting marker stays as quiet as the others. */
.ev-camp {
  color: inherit; cursor: pointer;
  border-bottom: 1px dotted transparent;
  transition: color .14s ease, border-color .14s ease;
}
.ev-marker:hover .ev-camp,
.ev-marker:focus-visible .ev-camp { color: #004CE6; border-bottom-color: #004CE6; }

.ev-marker:focus-visible { outline: 2px solid #84CAFF; outline-offset: 2px; }