/* Case number next to a title (Build D, components/case-no.js): "Sam Example · 7877".
   Muted grey, same size as the title it follows, never bold, never gold. Read-only: nothing here looks editable
   (no hover border, no pointer of its own). Sep + number never wrap apart (`.case-no-wrap`). */
.case-no-wrap { white-space: nowrap; font-weight: var(--fw-regular); }
.case-no { color: var(--text-muted); font-weight: var(--fw-regular); font-variant-numeric: tabular-nums;
           white-space: nowrap; }
.case-no-sep { color: var(--text-muted); margin: 0 var(--sp-1); font-weight: var(--fw-regular); }
/* Outside a link/button (lead and deal headers): plain text cursor, never the editor's pointer. */
.record-title > .case-no-wrap, .record-title .case-no-wrap .case-no { cursor: default; }
/* Deleted board card: the number is struck through with the title (inherited). */
.case-no-wrap { text-decoration: inherit; }
/* Lead panel header: name button, then the number on the same line (the button is display:block). */
.lead-title-wrap { display: flex; align-items: center; }
.lead-title-wrap > .lead-title { min-width: 0; }
.lead-title-wrap > .lead-title-input { flex: 1; min-width: 0; }
.lead-title-wrap > .case-no-wrap { flex: none; margin-left: var(--sp-1); }
/* Deal header: number at title size (25px), regular weight, after the name button. The h1 is a flex row here, so
   the button's -8px hover-border margin moves to the h1: inside a flex row that margin would shrink the h1 below the
   name and cut a short title ('Legacy Case 3a...'), with or without a number. No number: the name alone, in full. */
.deal-title-row > .deal-title-wrap { display: flex; align-items: center; margin-left: calc(-1 * var(--sp-4)); }
.deal-title-row > .deal-title-wrap > .deal-title { min-width: 0; margin-left: 0; }
.deal-title-row > .deal-title-wrap > .deal-title-input.input { flex: 1; min-width: 0; margin-left: 0; }
.deal-title-wrap > .case-no-wrap { flex: none; }
/* Convert to deal modal: one muted line under the title, "Case 7877 stays the same on the deal." */
.convert-case-no { flex: none; padding: var(--sp-4) var(--sp-6) 0; color: var(--text-2); font-size: var(--fs-sm); }
/* List title cells (leads, deals list, archive): the number right after the name, never cut by the name's ellipsis. */
.lead-title-cell > .case-no-wrap { flex: none; margin-left: calc(var(--sp-2) - var(--sp-4)); }
.case-title-cell { display: inline-flex; align-items: center; gap: var(--sp-4); min-width: 0; max-width: 100%; }
.case-title-cell > a { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case-title-cell > .case-no-wrap { flex: none; margin-left: calc(var(--sp-2) - var(--sp-4)); }
.case-title-cell > .darc-title { min-width: 0; }
.case-title-cell > .ret-list-deal { min-width: 0; }
/* Board card: only the name is clamped to two lines; the number follows it outside the clamp (on the last line), so a
   long title is shortened, never the '· 7877'. */
.deal-card .card-title { display: flex; align-items: flex-end; overflow: visible; -webkit-line-clamp: unset; }
.card-title > .card-title-text {
  min-width: 0; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-title > .case-no-wrap { flex: none; margin-left: var(--sp-1); }
/* A name shortened with an ellipsis, then its number (activities Deal column, mini deal cards, missing-activity
   deals): only the name is cut, the '· 7877' always shows. */
.case-fit { display: inline-flex; align-items: baseline; min-width: 0; max-width: 100%; vertical-align: top; }
.mini-deal-title.case-fit, .missing-title.case-fit { display: flex; }
.case-fit > .case-fit-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case-fit > .case-no-wrap { flex: none; }
/* Mail deal chips: the name is shortened, not the number (mail.css cuts the chip's last span). */
.mail-deal-chip > .mail-deal-chip-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.mail-deal-chip span.case-no-wrap { flex: none; overflow: visible; }
.mail-deal-chip span.case-no-wrap span { overflow: visible; text-overflow: clip; }