/* Sprint 1 A: the "Texting issues" card and the per-contact sender row.
   Tokens and row rhythm come from style.css; nothing here redefines either. */

/* ------------------------------------------------- Texting issues card */

.fail-list { display: block; margin-top: 8px; }
.fail-row {
  display: block;
  min-height: 44px; padding: 6px 0;
  border-top: 1px solid var(--line);
}
.fail-list > .fail-row:first-child { border-top: 0; }
/* The count sits at the end of the label line, never under it. */
.fail-count {
  flex: none; margin-left: auto;
  padding: 2px 8px; border-radius: var(--radius-pill);
  background: var(--surface-2); color: var(--fg-2);
  font: 600 12px/16px var(--font);
  font-variant-numeric: tabular-nums;
}
.fail-none {
  padding: 12px 0 4px;
  font-size: 13px; line-height: 18px; color: var(--mut);
}

/* --------------------------------------------- "Texts from" sender row */

/* Deliberately the caller-ID row's twin: same pill, same 13px, same label in
   --mut. A rep should read them as one family of "which number is this". */
#senderRow {
  display: flex; align-items: center; gap: 8px;
  margin-top: 8px; padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: var(--surface);
  font-size: 13px;
}
#senderRow[hidden] { display: none; }
#senderRow > .from-label { flex: none; color: var(--mut); }
#sender {
  flex: 1 1 auto; min-width: 0;
  border: 0; padding: 0; margin: 0;
  background: transparent; color: var(--fg);
  font: 500 13px/20px var(--font);
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}
#sender:focus-visible { outline: none; box-shadow: var(--ring); border-radius: var(--radius-sm); }
/* Pinned is a state the rep chose: say so, quietly. */
#senderPinned {
  flex: none;
  padding: 2px 8px; border-radius: var(--radius-pill);
  background: var(--primary-soft); color: var(--primary);
  font: 500 11px/16px var(--font);
}
#senderPinned[hidden] { display: none; }