/**
 * people.css — the People tab: role-grouped person rows and the person-detail
 * contact card (tap-to-call / text / email links). Detail reuses the profile
 * identity + list primitives; only the row list and contact link tint are here.
 */

.subrole{font-size:11.5px;font-weight:800;color:var(--ink-2);margin:18px 2px 10px;letter-spacing:.2px}
.prow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;background:var(--surface);border-radius:16px;box-shadow:0 1px 2px rgba(16,32,54,.04);margin-bottom:12px}
.prow:active{transform:scale(.992)}
.prow .pav{width:40px;height:40px;border-radius:50%;flex:none;background:var(--surface-2);display:grid;place-items:center;font-weight:800;font-size:13px;color:var(--ink-2)}
.prow .nm{font-weight:750;font-size:15.5px} .prow .role{color:var(--muted);font-size:12.5px;margin-top:2px}
.prow .pchev,.prow .pchev svg{width:18px;height:18px;color:var(--faint);margin-left:auto;flex:none;display:block}

/* tap-to-contact links (call / text / email) */
.pf-row a.lnkval{color:var(--accent-dk);font-weight:700;text-decoration:none}
@media (prefers-color-scheme:dark){.pf-row a.lnkval{color:var(--accent)}}
:root[data-theme="dark"] .pf-row a.lnkval{color:var(--accent)} :root[data-theme="light"] .pf-row a.lnkval{color:var(--accent-dk)}