/* Your badge: photo or initials (or a person icon), with a pencil that appears only on hover */
.me{position:relative;display:inline-grid;width:36px;height:36px;flex:none}
.me-av{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--accent),#f08a3c);color:var(--accent-ink);font-weight:700;font-size:13px;letter-spacing:.02em}
.me-av img{width:100%;height:100%;object-fit:cover;display:block}
.me-av svg{width:18px;height:18px}
.me-edit{position:absolute;inset:0;display:grid;place-items:center;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;opacity:0;transition:opacity .2s}
.me-edit svg{width:15px;height:15px}
.me:hover .me-edit,.me-edit:focus-within{opacity:1}
.avatar{padding:0;width:36px;height:36px;justify-content:center}
.avatar svg{display:block}
.me-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.me-row .me-av{width:44px;height:44px;font-size:15px}
.td-bigadd{width:100%;justify-content:center;margin-top:12px;min-height:56px;font-size:17px;border-radius:18px}
.td-bigadd svg{width:20px;height:20px}