/* LIST NAMES (Paul, 16 Oct 2026: "Isn't the Open button pointless… wasting space? Same with Manage").
   On every staff list the company / record name IS the way in: no separate Open / Manage / View button
   where the name already opens the same thing. The name reads as a link (bold, accent, a › after it)
   and is a generous tap target on a touch screen. Linked from base.html after app.css, so it wins
   ties against the Tailwind utilities.

   iOS rules kept: nothing here transforms, filters or backdrop-filters anything, and the extra tap
   area is padding on an inline box (no layout change, no horizontal overflow at 375px). */
.name-link { color: #10B981; font-weight: 700; text-decoration: none; cursor: pointer;
  -webkit-tap-highlight-color: rgba(16,185,129,0.18); border-radius: 4px; }
.name-link::after { content: "\00A0\203A"; display: inline; margin-left: 0.1em; font-weight: 800;
  color: rgba(16,185,129,0.7); text-decoration: none; }
.name-link:hover { color: #6EE7B7; text-decoration: underline; text-underline-offset: 2px; }
.name-link:hover::after { color: #6EE7B7; }
.name-link:focus-visible { outline: 2px solid #10B981; outline-offset: 2px; }
/* a touch screen: the hit box grows to ~44px tall without moving anything */
@media (pointer: coarse) {
  .name-link { padding: 10px 0; }
}
/* A name kept to one line (the Prospects / Leads List density): the words are cut short with "…" and
   the › stays visible after them. The words sit in .nl-t inside the link. */
.dz-scope[data-density="list"] .name-link { display: inline-flex; align-items: baseline; max-width: 100%; }
.dz-scope[data-density="list"] .name-link > .nl-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dz-scope[data-density="list"] .name-link::after { flex: none; }

/* PROSPECTS on a phone, List density: the name fills the row (the old 44px "›" Manage cell is gone), as
   one 44px-tall tap target. */
@media (max-width: 767px) {
  .dz-scope[data-density="list"] .pc-name > .name-link { display: flex; min-height: 44px; align-items: center; padding: 0; }
  .dz-scope[data-density="list"] .pc-name > .name-link > .nl-t { flex: 0 1 auto; }
  .dz-scope[data-density="compact"] .pc-name > .name-link { display: inline-block; padding: 8px 0; }
}