.help-slot { display:inline-flex; align-items:center; gap:8px; flex-wrap:wrap; }
.help-slot[hidden] { display:none !important; }
.help-slot a { display:inline-flex; min-width:44px; min-height:44px; align-items:center; justify-content:center; box-sizing:border-box; padding:6px 10px; border:1px solid var(--line, #64748b); border-radius:12px; color:var(--fg, #f8fafc); background:var(--panel-2, #172033); font:inherit; font-size:13px; text-decoration:none; }
.help-slot a:hover { text-decoration:underline; }
.help-slot a:focus-visible { outline:2px solid var(--accent, #60a5fa); outline-offset:3px; }
.help-workspace-name { display:block; font-size:11px; color:var(--fg-2, #cbd5e1); }
.mobile-app .phone-content .phone-header:has(.help-workspace-name) { height:auto; }
.mobile-app .phone-content .phone-header .help-workspace-name { grid-column:1/-1; grid-row:3; justify-self:start; flex:none; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* Static Help links inside record panels (e.g. Contact permissions) are standalone controls, not inline text: give them a full touch target (WCAG 2.5.8). */
details > a.help-link { display:inline-flex; align-items:center; min-width:44px; min-height:44px; box-sizing:border-box; padding:6px 4px; }