/* ===== Global cursor & selection rules ============================ App chrome reads as labels, not editable content. The CSS `cursor` property is NOT inherited by default - each element falls back to `cursor: auto` which the browser then computes per-element type, showing the I-beam over any text node. Setting `cursor: default` on alone doesn't propagate. The fix: force every element to inherit cursor via the universal selector, so the body-level default actually applies everywhere. Then re-opt-in to the I-beam on inputs / contenteditable, and to pointer on buttons / anchors. */ * { cursor: inherit; } body { cursor: default; } a, button, [role="button"], summary, label[for], select, .btn, .nav-link, .dropdown-item, .dropdown-toggle, [data-bs-toggle], [data-coworker-trigger], [data-user-profile-id], [data-reply-target] { cursor: pointer; } input, textarea, [contenteditable="true"], [contenteditable=""] { cursor: text; } input[type="checkbox"], input[type="radio"], input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], input[type="range"], input[type="color"] { cursor: pointer; } button:disabled, .btn:disabled, input:disabled, select:disabled, textarea:disabled, [aria-disabled="true"] { cursor: not-allowed; } /* GLOBAL RULE: app chrome (titles, labels, list rows, button text, nav, badges, modal content) is NOT selectable by default. The per-class opt-out list this replaced was always playing catch-up to new components - the team-row name/email kept slipping through. Inverting the default: opt OUT globally, opt IN only inside genuinely user-content surfaces below. */ body { user-select: none; -webkit-user-select: none; } /* Selection allowed inside actual content / editable surfaces: form inputs, contenteditable nodes, code/keyboard/blockquote blocks, and the explicit `.is-prose` opt-in class for any long-form copy a feature wants users to be able to copy (message body, note body, AI output, etc). */ input, textarea, select, [contenteditable="true"], [contenteditable=""], .is-prose, .is-prose *, .message-body, .note-body, .email-body, .msg-body, .msg-body *, pre, code, kbd, samp, blockquote { cursor: text; user-select: text; -webkit-user-select: text; } /* PLATFORM-WIDE: interactive controls placed INSIDE a user-content surface (.msg-body, .note-body, etc.) must NOT inherit the text cursor / selectable text from their wrapper. Without this, placing any