/* Scoped flagship SVG. The surrounding feature content and shared chrome are preserved. */
.team-inbox-demo{--team-navy:#102744;--team-muted:#576b88;--team-amber:#f5aa1c;--team-teal:#168675;margin:40px 0 0;padding:24px;background:#fffefc;border:1px solid #dce5ee;border-radius:28px;box-shadow:0 28px 80px #10274414;position:relative;isolation:isolate;color:var(--team-navy)}
.team-inbox-demo *{box-sizing:border-box}.team-inbox-demo__header{position:relative;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:0 0 26px;min-height:100px}.team-inbox-demo__identity{display:flex;align-items:center;gap:14px}.team-inbox-demo__identity>svg{width:52px;height:52px;background:#fff0c8;border-radius:50%;padding:13px;flex:none}.team-inbox-demo__identity strong{display:block;font:800 31px/1.04 Outfit,sans-serif;letter-spacing:-.035em}.team-inbox-demo__identity small{display:block;margin-top:7px;font:500 14px/1.4 'Plus Jakarta Sans',sans-serif;color:var(--team-muted)}
.team-inbox-demo__collaboration{display:flex;align-items:center;gap:24px;margin-left:auto}.team-inbox-demo__annotation{font:600 22px/.95 Caveat,cursive;color:#576b88;transform:rotate(-5deg);text-align:center}.team-inbox-demo__people{width:118px;height:42px;flex:none}.team-inbox-demo__arc{position:absolute;left:26%;top:0;width:38%;height:95px;z-index:-1;pointer-events:none}.team-inbox-demo__pause{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 16px;border:1.5px solid #102744;border-radius:999px;background:#fff;color:#102744;font:700 13px/1.4 'Plus Jakarta Sans',sans-serif;cursor:pointer;white-space:nowrap}.team-inbox-demo__pause svg{width:24px;height:24px;background:#fff3dc;border-radius:50%;padding:5px;color:#a66500}.team-inbox-demo__pause:hover{background:#fff4d6}.team-inbox-demo__pause:focus-visible{outline:3px solid #08766b;outline-offset:4px}.team-inbox-demo [hidden]{display:none!important}
.team-inbox-demo__art{width:100%;min-width:0}.team-inbox-demo__svg{display:block;width:100%;height:auto;overflow:visible}.team-inbox-demo .highlight-surface{transition:fill .3s ease,stroke .3s ease,stroke-width .3s ease}.team-inbox-demo .is-highlighted>.highlight-surface{fill:#e0f4ed;stroke:#168675;stroke-width:1.6}.team-inbox-demo [data-highlight="customer-message"].is-highlighted>.highlight-surface{fill:#edf3fc;stroke:#f5aa1c}.team-inbox-demo [data-highlight="team-note"].is-highlighted>.highlight-surface{fill:#fff0c8;stroke:#a66500}.team-inbox-demo [data-highlight="history"].is-highlighted>.highlight-surface{fill:#edf3fc;stroke:none}.team-inbox-demo__incoming-mark,.team-inbox-demo__note-mark{opacity:.35;transition:opacity .3s}.team-inbox-demo .is-highlighted>.team-inbox-demo__incoming-mark,.team-inbox-demo .is-highlighted>.team-inbox-demo__note-mark{opacity:1}.team-inbox-demo__typing-dot{opacity:.55}.team-inbox-demo.motion-running [data-highlight="typing"].is-highlighted .team-inbox-demo__typing-dot{animation:team-dot .8s ease-in-out infinite}.team-inbox-demo__typing-dot:nth-last-child(2){animation-delay:.11s!important}.team-inbox-demo__typing-dot:last-child{animation-delay:.22s!important}@keyframes team-dot{50%{opacity:1;transform:translateY(-3px)}}
.team-inbox-demo__quick-actions{display:none;gap:8px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:12px 0 4px;scrollbar-width:thin;line-height:1.5}.team-inbox-demo.is-phone .team-inbox-demo__quick-actions{display:flex}.team-inbox-demo__quick-actions span{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:10px 12px;border:1px solid #dce5ee;border-radius:999px;color:#173a62;font:500 12px/1.5 'Plus Jakarta Sans',sans-serif;white-space:nowrap;cursor:default}.team-inbox-demo__quick-actions svg{width:16px;height:16px;flex:none}.team-inbox-demo__quick-actions:focus-visible{outline:2px solid #08766b;outline-offset:-2px}.team-inbox-demo__quick-actions::-webkit-scrollbar{height:6px}.team-inbox-demo__quick-actions::-webkit-scrollbar-thumb{background:#9fb0c2;border-radius:3px}
.team-inbox-demo__fallback-tablet,.team-inbox-demo__fallback-mobile{display:none}
.team-inbox-demo__fallback-mobile .team-inbox-demo__quick-actions{display:flex}
@media(max-width:1179px){.team-inbox-demo__annotation{display:none}.team-inbox-demo__header{gap:14px}.team-inbox-demo__collaboration{gap:10px}}
@media(max-width:1023px){.team-inbox-demo__collaboration{display:none}.team-inbox-demo__fallback-desktop{display:none}.team-inbox-demo__fallback-tablet{display:block}}
@media(max-width:767px){.team-inbox-demo{padding:12px;margin-top:32px;border-radius:20px}.team-inbox-demo__header{flex-wrap:wrap;padding-bottom:18px;gap:14px}.team-inbox-demo__identity>svg{width:44px;height:44px;padding:10px}.team-inbox-demo__identity strong{font-size:26px}.team-inbox-demo__identity small{font-size:12px}.team-inbox-demo__pause{min-height:44px;font-size:12px;padding:8px 12px}.team-inbox-demo__arc{display:none}.team-inbox-demo__fallback-tablet{display:none}.team-inbox-demo__fallback-mobile{display:block}}
@media(prefers-reduced-motion:reduce){.team-inbox-demo *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.team-inbox-demo{border-color:CanvasText;box-shadow:none}.team-inbox-demo text{fill:CanvasText}.team-inbox-demo rect{fill:Canvas;stroke:CanvasText}.team-inbox-demo__pause{border-color:ButtonText;color:ButtonText}}