.team-chat-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:stretch}
.team-chat-sidebar,.team-chat-main{background:#fff;border:1px solid var(--admin-border,#e8ebf2);border-radius:14px;box-shadow:0 4px 18px #2a3d6b08}
.team-chat-sidebar{padding:14px;min-height:620px;overflow:auto}
.team-chat-sidebar h3{display:flex;align-items:center;justify-content:space-between;margin:20px 8px 8px;color:#8a93a4;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.chat-add-link{font-size:11px;color:#4561d5;text-decoration:none;text-transform:none;letter-spacing:0}
.chat-conversation{display:flex;align-items:center;gap:10px;padding:10px 9px;border-radius:9px;color:#5f6b7c;text-decoration:none}
.chat-conversation:hover,.chat-conversation.is-active{background:#eef2ff;color:#435bd6}
.chat-conversation strong,.chat-conversation small{display:block}.chat-conversation strong{font-size:13px}.chat-conversation small{margin-top:2px;color:#97a1b1;font-size:11px}
.chat-avatar{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:50%;background:#dce5ff;color:#4561d5;font-size:12px;font-weight:800}.chat-avatar-group{background:#e5f7e9;color:#2b9853}
.team-chat-main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.chat-main-head{padding:20px 22px;border-bottom:1px solid #eef0f4}.chat-main-head h2{margin:0;font-size:20px}.chat-main-head p{margin:4px 0 0;font-size:12px}
.chat-messages{display:flex;flex-direction:column;gap:12px;padding:20px 22px;min-height:320px;max-height:560px;overflow:auto;background:#fbfcff}.chat-message{max-width:82%;padding:12px 14px;border:1px solid #e7eaf1;border-radius:12px 12px 12px 3px;background:#fff}.chat-message.is-mine{align-self:flex-end;border-color:#d7e0ff;background:#f1f4ff;border-radius:12px 12px 3px 12px}.chat-message-meta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.chat-message-meta strong{font-size:12px}.chat-message-meta span{color:#97a1b1;font-size:10px}.chat-message p{margin:7px 0 0;white-space:normal;overflow-wrap:anywhere;font-size:13px}.chat-message-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.chat-composer{padding:18px 22px;border-top:1px solid #eef0f4;background:#fff}.chat-composer select{max-width:380px;margin-bottom:10px}.chat-composer textarea{min-height:84px}.chat-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.chat-group-editor{scroll-margin-top:90px}.chat-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcff}.chat-member-grid .check-label{font-size:12px}.chat-member-grid .help{font-size:10px;margin-left:auto}.chat-group-list{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.chat-group-list h3{margin:0 0 8px}.chat-group-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.chat-group-row:last-child{border-bottom:0}.chat-group-row strong,.chat-group-row small{display:block}.chat-group-row small{margin-top:2px;color:var(--muted);font-size:11px}
@media(max-width:900px){.team-chat-shell{grid-template-columns:1fr}.team-chat-sidebar{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.team-chat-sidebar h3{grid-column:1/-1;margin-top:12px}.chat-conversation{min-width:0}.chat-member-grid{grid-template-columns:1fr}}
@media(max-width:600px){.team-chat-sidebar{display:block}.chat-conversation{margin-bottom:3px}.chat-messages{padding:14px 12px}.chat-composer,.chat-main-head{padding:15px}.chat-message{max-width:94%}.chat-composer-foot{align-items:flex-start;flex-direction:column}.chat-composer-foot .btn{width:100%}.chat-group-row{align-items:flex-start;flex-direction:column}}