/* ============================================================
   AGENT ROLE LABELS
   One chip per agent saying what kind of helper it is. The kind is
   reusable: every coach (replay coach today, more later) carries the same
   Coach label. Emoji are decorative (aria-hidden in the markup); the word
   is what screen readers read.

     🎓 Coach        practice and feedback   .role--coach
     🛎️ Front desk   talks to visitors       .role--desk
     📋 Assistant    does work for the rep   .role--assist

   Light by default; inside a dark band (.bband, .bpage) it inverts.
   Linked from index, product, demo and brain.
   ============================================================ */
.role{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none;line-height:1.3;color:var(--ink,#000);background:var(--ice,#f5f5f7);border:1px solid var(--line,#e2e2e6);border-radius:9999px;padding:4px 11px 4px 9px;white-space:nowrap;vertical-align:middle;}
.role__e{font-size:14px;line-height:1;}
.roles{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.bband .role,.bpage .role{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);}
.agentcard__body .roles,.agent__body .roles{margin-bottom:12px;}
.bagents li{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}