.team-chat-layout{display:grid;grid-template-columns:270px minmax(250px,1fr)240px;border:1px solid var(--line,#ddd);border-radius:24px;overflow:hidden;min-height:550px;height:calc(100dvh - 185px);background:var(--card,#fff)}
.team-chat-side,.team-chat-contact{padding:18px;overflow:auto;background:var(--card,#fff)}
.team-chat-side{border-right:1px solid var(--line,#ddd)}.team-chat-contact{border-left:1px solid var(--line,#ddd)}
.team-chat-main{min-width:0;display:flex;flex-direction:column;background:var(--bg,#faf7fb)}
.team-chat-head{padding:18px 22px;border-bottom:1px solid var(--line,#ddd);background:var(--card,#fff)}
.team-chat-main .msgs{min-height:180px;flex:1;overflow:auto;padding:20px}.team-chat-main .mform{padding:14px;margin:0;background:var(--card,#fff)}
.team-chat-person{display:block;text-align:left;width:100%;padding:14px;border:0;border-radius:14px;background:transparent;color:inherit;cursor:pointer;margin:6px 0}.team-chat-person.active{background:var(--grad);color:white}.team-chat-person small{display:block;opacity:.75;margin-top:4px}
.team-chat-avatar{display:flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:50%;background:var(--grad);color:white;font-size:28px;margin:12px auto}
.team-chat-contact h3{text-align:center}.team-chat-contact .kv{overflow-wrap:anywhere}.team-chat-contact ul{padding-left:18px}
@media(max-width:1200px){.team-chat-layout{grid-template-columns:230px minmax(220px,1fr)}.team-chat-contact{display:none}}
@media(max-width:760px){.team-chat-layout{grid-template-columns:1fr;height:auto}.team-chat-side{max-height:260px;border-right:0;border-bottom:1px solid var(--line,#ddd)}.team-chat-main .msgs{height:45dvh;flex:auto}.team-chat-person{padding:10px}}