/* Compact static preview: native BizOS light-theme tokens and conversation anatomy. */
.teammate-section { padding:90px 28px 100px; scroll-margin-top:94px; text-align:center; }
.teammate-section h2 { margin:0; font-size:clamp(2.4rem,4.3vw,4.2rem); line-height:1.08; letter-spacing:-.045em; }
.teammate-chat { width:min(100%,640px); margin:44px auto 0; overflow:hidden; border:1px solid #e6e6e6; border-radius:18px; background:#fafafa; color:rgba(0,0,0,.9); text-align:left; font-family:Inter,-apple-system,system-ui,sans-serif; font-size:14px; line-height:20px; letter-spacing:-.08px; box-shadow:0 14px 50px #17222e06; }
.teammate-chat-header { display:flex; align-items:center; height:58px; gap:12px; padding:6px 16px 0; border-bottom:1px solid #e6e6e6; font-weight:600; }
.teammate-avatar { display:grid; place-items:center; flex-shrink:0; width:32px; height:32px; border-radius:50%; background:#e3e3fe; color:#3838f5; font-size:16px; font-weight:400; }
.teammate-example { margin-left:auto; color:#737373; font-size:10px; line-height:14px; font-weight:400; letter-spacing:0; }
.teammate-messages { display:flex; flex-direction:column; align-items:flex-start; list-style:none; padding:26px 24px 24px; margin:0; }
.teammate-message { display:block; max-width:min(370px,calc(100% - 38px)); min-width:0; padding:8px 12px; border-radius:18px; margin:6px 0; overflow-wrap:anywhere; }
.teammate-chat .teammate-message p { margin:0; font:inherit; }
.teammate-outgoing { align-self:flex-end; background:#2267f5; color:#fff; }
.teammate-incoming { background:#ebebeb; color:rgba(0,0,0,.9); }
.teammate-time { display:block; font-size:10px; line-height:14px; margin-top:2px; text-align:right; opacity:.7; }
.teammate-mention { display:inline-block; padding:1px 4px; border:1px solid transparent; border-radius:4px; background:#c6c6c6; font-weight:500; }
.teammate-composer { display:flex; align-items:center; gap:12px; padding:10px 12px; }
.teammate-composer > img { flex-shrink:0; width:24px; height:24px; opacity:.75; }
.teammate-placeholder { display:flex; align-items:center; flex:1; min-width:0; min-height:34px; padding:6px 12px; border-radius:18px; background:#ebebeb; color:#737373; }
.teammate-chat .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
/* The conversation is intentionally static: it stays fully readable under reduced motion. */
@media(prefers-reduced-motion:reduce) { .teammate-section *, .teammate-section *::before, .teammate-section *::after { animation:none!important; transition:none!important; } }
@media(max-width:760px) {
 .teammate-section { padding:64px 20px 70px; scroll-margin-top:88px; }
 .teammate-section h2 { font-size:clamp(2rem,8.1vw,3.8rem); }
 .teammate-chat { margin-top:32px; }
 .teammate-chat-header { padding-inline:14px; }
 .teammate-messages { padding:20px 12px; }
 .teammate-message { max-width:calc(100% - 26px); }
 .teammate-composer { gap:8px; }
 .teammate-composer > img { width:22px; height:22px; }
}