.cmsg-team-workspace{display:grid;grid-template-areas:"main team";grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:24px;align-items:start;min-width:0}.cmsg-team-main{grid-area:main;min-width:0}.cmsg-team-toggle{grid-area:toggle}.cmsg-project-team{grid-area:team;position:sticky;top:24px;align-self:start;width:100%;min-width:0;max-width:340px;max-height:calc(100vh - 48px);overflow:auto}.cmsg-project-team,.cmsg-project-team *{box-sizing:border-box}.cmsg-project-team{padding:18px;border:1px solid #cbd5e1;border-radius:16px;background:#fff;color:#172033;box-shadow:0 10px 30px rgba(15,23,42,.1);overflow-wrap:anywhere}.cmsg-project-team[hidden]{display:block}.cmsg-team-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cmsg-team-head h2{margin:0;color:#172033;font-size:20px;text-transform:uppercase;letter-spacing:.04em}.cmsg-team-head button,.cmsg-team-toggle,.cmsg-project-team button{min-height:44px}.cmsg-team-head button{border:0;background:transparent;font-size:24px}.cmsg-team-toggle{display:none;margin:0 0 12px;padding:9px 14px;border:1px solid #1d4ed8;border-radius:9px;background:#fff;color:#1d4ed8;font-weight:800}.cmsg-team-section{margin-top:18px;padding-top:14px;border-top:1px solid #e2e8f0}.cmsg-team-section h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;color:#475569}.cmsg-team-person{padding:9px 0;border-bottom:1px solid #e2e8f0;overflow-wrap:anywhere}.cmsg-team-person strong,.cmsg-team-person span{display:block}.cmsg-team-person span{color:#475569;font-size:13px}.cmsg-team-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.cmsg-team-actions button,.cmsg-team-invite button{padding:7px 10px;border:1px solid #94a3b8;border-radius:8px;background:#f8fafc;color:#172033}.cmsg-team-invite{display:grid;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #e2e8f0}.cmsg-team-invite label{display:grid;gap:5px}.cmsg-team-invite input,.cmsg-team-invite select{width:100%;min-width:0;min-height:44px}.cmsg-project-team :focus-visible,.cmsg-team-toggle:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
@media(max-width:1100px){.cmsg-team-workspace{grid-template-areas:"toggle" "main";grid-template-columns:minmax(0,1fr);gap:0}.cmsg-team-toggle{display:inline-flex;align-items:center;justify-self:start}.cmsg-project-team{position:fixed;z-index:100000;top:0;right:0;width:min(340px,100%);height:100vh;max-height:100vh;overflow:auto;border-radius:0}.cmsg-project-team[hidden]{display:none}}
@media(max-width:390px){.cmsg-project-team{width:100%;padding:16px}}