/* Recruiter CRM strip (kanban cards) + submission-confirm field affordances.
   Tokens-v2 only. The dossier panel's rules are retired with the panel — The
   Case's People block carries those facts now (role-case.css). */

.jb-recruiter-strip {
  display: grid;
  gap: 0.75rem;
  border: 1px solid var(--jb-line);
  border-radius: var(--jb-radius-md);
  background: var(--jb-surface-raised);
  color: var(--jb-ink);
  box-shadow: var(--jb-shadow-sticker);
  font-family: var(--jb-font-body);
}

.pipe-sticker__recruiter-strip {
  margin-block-start: 0.5rem;
  padding: 0.5rem 0.75rem;
}

.jb-recruiter-strip__heading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--jb-font-display);
  font-size: var(--jb-text-lg);
}

.jb-recruiter-strip__fact,
.jb-recruiter-strip__next {
  display: grid;
  gap: 0.25rem;
  min-inline-size: 0;
}

.jb-recruiter-strip__label {
  color: var(--jb-ink-3);
  font-family: var(--jb-font-mono);
  font-size: var(--jb-text-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.jb-recruiter-strip__value {
  overflow-wrap: anywhere;
  font-size: var(--jb-text-sm);
}

#jb-submission-applied-date,
#jb-submission-source,
#jb-submission-receipt-note,
#jb-submission-follow-up-date {
  min-block-size: 2.75rem;
}

#jb-submission-applied-date:focus-visible,
#jb-submission-source:focus-visible,
#jb-submission-receipt-note:focus-visible,
#jb-submission-follow-up-date:focus-visible {
  outline: 0;
  box-shadow: var(--jb-shadow-focus);
}

.jb-recruiter-strip__compact-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}

.jb-recruiter-strip--compact .jb-recruiter-strip__heading,
.jb-recruiter-strip--compact .jb-recruiter-strip__value {
  font-size: var(--jb-text-xs);
}

@media (max-width: 48rem) {
  .jb-recruiter-strip__compact-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* TR-17: the stage dot stays out of the way until it is bound to the card's
   data-stage (jb-ui.css gives the element a display, which beats [hidden]). */
.jb-recruiter-strip jb-stage-dot[hidden] {
  display: none;
}

/* TR-17: nothing known about the recruiter side is one line, not four
   "Unknown" facts: the dot and the Next action sentence. */
.jb-recruiter-strip[data-facts="none"] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.jb-recruiter-strip[data-facts="none"] .jb-recruiter-strip__next {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
}

/* TR-16: a follow-up past its date reads as late, in the warn role. */
.jb-recruiter-strip time[data-flag="overdue"],
.jb-recruiter-strip[data-flag="overdue"] .jb-recruiter-strip__next .jb-recruiter-strip__value {
  color: var(--jb-warn);
  font-weight: 600;
}