/* A bounded conversation surface that adapts to the space beside the workspace. */
.ide-page #module-panel.team-view{padding:0;overflow:hidden;background:var(--team-bg)}
.team-view{--team-bg:#fff;--team-rail:#f8f9fb;--team-surface:#fff;--team-hover:#f0f3f7;--team-line:#e5e8ed;--team-ink:#202a39;--team-text:#4f5e70;--team-muted:#768193;--team-blue:#1265b0;--team-tint:#eaf3fc;--team-selected:#dcecfb;--team-shadow:0 16px 52px #23354a15}
[data-theme=dark] .team-view{--team-bg:#080809;--team-rail:#0d0d0f;--team-surface:#101113;--team-hover:#191a1e;--team-line:#27282e;--team-ink:#eeeef2;--team-text:#b5b8c1;--team-muted:#8e929e;--team-blue:#8dc3fb;--team-tint:#131f2b;--team-selected:#213a52;--team-shadow:0 16px 60px #0007}
.team-view>.module-inner{max-width:none;height:100%;display:flex;flex-direction:column}
.team-view .module-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.team-view #module-content{flex:1;min-height:0;container-type:inline-size;container-name:team;position:relative}
.team-shell{position:relative;display:grid;grid-template-columns:244px minmax(0,1fr);height:100%;min-width:0;min-height:0;background:var(--team-bg);color:var(--team-text)}
.team-shell.share-open{grid-template-columns:244px minmax(0,1fr) 294px}
.team-rail{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;background:var(--team-rail);border-right:1px solid var(--team-line);padding:25px 15px 14px;scrollbar-width:thin}
.team-rail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 9px;margin-bottom:21px}
.team-rail-head h2{font:600 2rem/1 var(--serif);letter-spacing:-.5px;color:var(--team-ink);margin:0}
.team-preview-badge{border:1px solid var(--team-line);border-radius:5px;padding:3px 7px;font:400 .75rem/1.4 var(--sans);color:var(--team-muted)}
#team-project-select{max-width:none;width:100%;min-height:42px;margin:0 0 13px;padding:9px 11px;font:500 .875rem/1.5 var(--sans);color:var(--team-ink);background:var(--team-surface);border:1px solid var(--team-line);border-radius:8px}
.team-search{position:relative;margin:0 2px 25px}
.team-search>svg{position:absolute;left:10px;top:12px;width:16px;height:16px;color:var(--team-muted)}
.team-search input{display:block;width:100%;height:40px;max-width:none;padding:8px 7px 8px 34px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--team-text);font-size:.875rem}
.team-search input::placeholder{color:var(--team-muted)}
.team-search input:focus{background:var(--team-surface);border-color:var(--team-line)}
.team-people{display:flex;flex-direction:column;gap:5px}
.team-kicker{font:500 .75rem/1.5 var(--sans);color:var(--team-muted);letter-spacing:.02em;margin:0 0 9px}
.team-people>.team-kicker{margin:0 10px 6px}.team-people>.team-kicker:not(:first-child){margin-top:24px}
.team-person{position:relative;display:flex;align-items:center;gap:11px;width:100%;min-height:64px;padding:10px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;color:var(--team-ink);transition:background .16s,border-color .16s}
.team-person:hover{background:var(--team-hover)}
.team-person.active{background:var(--team-tint);border-color:var(--team-selected)}
.team-avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;color:#42749e;background:#e5eef9;font:500 .8125rem/1 var(--sans)}
.team-avatar.lavender{color:#756389;background:#eeebf5}.team-avatar.sand{color:#8a7052;background:#f2eee8}
[data-theme=dark] .team-avatar{background:#192b3d;color:#a8c9ec}[data-theme=dark] .team-avatar.lavender{background:#2b2635;color:#cab8e5}[data-theme=dark] .team-avatar.sand{background:#302a22;color:#d7c1a3}
.team-avatar svg{width:19px;height:19px}
.team-person-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.team-person-copy strong{font:500 .875rem/1.35 var(--sans);color:inherit}.team-person-copy small{font:400 .75rem/1.4 var(--sans);color:var(--team-muted)}
.team-draft-dot{position:absolute;right:10px;bottom:9px;font-size:.75rem;color:var(--team-blue)}
.team-delivery{margin-top:auto;padding:34px 8px 14px;font:400 .875rem/1.5 var(--sans)}
.team-delivery summary{display:flex;align-items:center;gap:9px;cursor:pointer;color:var(--team-muted);list-style:none}
.team-delivery summary::-webkit-details-marker{display:none}.team-delivery summary>svg:last-child{margin-left:auto;width:14px;height:14px}
.team-delivery[open] summary>svg:last-child{transform:rotate(90deg)}
.team-integration-row{display:flex;gap:7px;justify-content:space-between;font-size:.8125rem;padding:14px 0 8px;border-bottom:1px solid var(--team-line)}
.team-integration-row small{font-size:.75rem;color:var(--team-muted)}
.team-identity{display:flex;align-items:center;gap:10px;padding:15px 8px 0;border-top:1px solid var(--team-line);font-size:.875rem;color:var(--team-ink)}
.team-identity .team-avatar{width:30px;height:30px;flex-basis:30px;border-radius:50%}.team-identity small{margin-left:auto;color:var(--team-muted);font-size:.75rem}
.team-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--team-bg)}
.team-thread-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0;min-height:94px;padding:21px 32px;border-bottom:1px solid var(--team-line)}
.team-thread-heading{display:flex;gap:13px;align-items:center;min-width:0}.team-thread-heading>div{min-width:0}
.team-thread-head h2{font:600 1.65rem/1.15 var(--serif);color:var(--team-ink);margin:0 0 5px;overflow-wrap:anywhere;letter-spacing:-.3px}
.team-thread-head p{font:400 .8125rem/1.4 var(--sans);color:var(--team-muted);margin:0}
.team-share-toggle{display:inline-flex;justify-content:center;align-items:center;gap:8px;flex-shrink:0;min-height:38px;padding:8px 12px;border:1px solid var(--team-line);border-radius:7px;background:var(--team-surface);color:var(--team-text);font:500 .875rem/1.3 var(--sans)}
.team-share-toggle:hover,.team-share-toggle[aria-expanded=true]{background:var(--team-tint);color:var(--team-blue);border-color:var(--team-selected)}
.team-feed{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px max(26px,calc((100% - 790px)/2)) 14px;scrollbar-width:thin}
.team-day-divider{display:flex;align-items:center;gap:15px;font:400 .75rem/1.5 var(--sans);color:var(--team-muted);white-space:nowrap;margin:0 0 31px}
.team-day-divider:before,.team-day-divider:after{content:"";height:1px;flex:1;background:var(--team-line)}
.team-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;margin:0 0 30px}
.team-message-body{min-width:0}.team-message-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:1px 0 6px}
.team-message-meta strong{font:500 .875rem/1.4 var(--sans);color:var(--team-ink)}
.team-message-meta time{font:400 .75rem/1.4 var(--sans);color:var(--team-muted)}
.team-message-body>p{font:400 1rem/1.7 var(--sans);color:var(--team-text);margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.team-message-attachments{display:grid;gap:10px;max-width:480px;margin-top:15px}
.team-attachment{border:1px solid var(--team-line);border-radius:10px;background:var(--team-surface);padding:16px 18px;min-width:0}
.team-attachment-top{display:flex;align-items:center;gap:8px;color:var(--team-blue);font:400 .75rem/1.5 var(--sans)}
.team-attachment-top svg{width:16px;height:16px}
.team-attachment h4{font:600 1.3rem/1.3 var(--serif);color:var(--team-ink);margin:10px 0 6px;overflow-wrap:anywhere}
.team-attachment>p{font:400 .8125rem/1.6 var(--sans);color:var(--team-muted);margin:0;overflow-wrap:anywhere}
.team-inline-button,.team-shared-detail>summary{display:inline-flex;align-items:center;gap:9px;font:500 .8125rem/1.5 var(--sans);color:var(--team-blue);border:0;background:transparent;padding:0;margin-top:13px;cursor:pointer}
.team-inline-button svg,.team-shared-detail>summary svg{width:14px;height:14px}.team-inline-button:hover{text-decoration:underline}.team-shared-detail>summary{list-style:none}.team-shared-detail>summary::-webkit-details-marker{display:none}
.team-shared-detail>.snapshot-content{border-top:1px solid var(--team-line);margin-top:15px;padding-top:15px}
.team-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:220px;height:75%;text-align:center;padding:20px}
.team-empty>svg{width:30px;height:30px;color:var(--team-muted);margin-bottom:18px}
.team-empty h3{font:600 1.8rem/1.2 var(--serif);color:var(--team-ink);margin:0 0 10px}
.team-empty p{font:400 .875rem/1.6 var(--sans);margin:0;max-width:270px;color:var(--team-muted)}
.team-composer{flex-shrink:0;max-height:48%;overflow-y:auto;padding:10px 26px max(13px,env(safe-area-inset-bottom));background:var(--team-bg)}
.team-composer-box{max-width:800px;margin-inline:auto;background:var(--team-surface);border:1px solid var(--team-line);border-radius:14px;box-shadow:0 3px 12px #132b4610;padding:14px 15px 11px;transition:border-color .15s}
.team-composer-box:focus-within{border-color:var(--team-blue)}
.team-composer textarea{display:block;width:100%;min-height:64px;max-height:150px;resize:none;border:0;background:transparent;color:var(--team-ink);padding:2px;font:400 1rem/1.6 var(--sans)}
.team-composer textarea:focus{outline:0}.team-composer textarea::placeholder{color:var(--team-muted)}
.team-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.team-attach-button{display:inline-flex;align-items:center;gap:8px;min-height:38px;border:0;background:transparent;color:var(--team-muted);font:400 .8125rem/1.4 var(--sans);padding:4px 2px}
.team-attach-button:hover{color:var(--team-blue)}
.team-composer-actions .team-send{display:inline-flex;gap:12px;min-height:38px;background:#1265b0;color:#fff;border:0;border-radius:8px;padding:9px 13px;font:500 .875rem/1.4 var(--sans);transform:none;box-shadow:none}
.team-send svg{width:16px;height:16px}
.team-composer-actions .team-send:disabled{cursor:default;background:var(--team-hover);color:var(--team-muted)}
.team-preview-note{font:400 .75rem/1.5 var(--sans);text-align:center;color:var(--team-muted);margin:9px 0 0}
.team-attachment-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.team-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid var(--team-selected);border-radius:6px;background:var(--team-tint);color:var(--team-blue);padding:6px 8px;font:400 .75rem/1.5 var(--sans);text-align:left;overflow-wrap:anywhere}
.team-chip svg{width:14px;height:14px}
.team-share{display:flex;flex-direction:column;min-height:0;min-width:0;overflow-y:auto;background:var(--team-rail);padding:26px 20px 20px;border-left:1px solid var(--team-line);scrollbar-width:thin}
.team-share-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:31px}
.team-share-head h2{font:600 1.65rem/1.15 var(--serif);color:var(--team-ink);margin:0}
.team-icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:0;border-radius:6px;background:transparent;color:var(--team-muted)}
.team-icon-button:hover{background:var(--team-hover);color:var(--team-ink)}.team-icon-button svg{width:17px;height:17px}
.team-current-task{font:500 .875rem/1.6 var(--sans);color:var(--team-ink);margin:0 0 18px;overflow-wrap:anywhere}
.team-share-card{display:flex;align-items:flex-start;gap:11px;width:100%;padding:15px 12px;margin:0 0 9px;border:1px solid var(--team-line);border-radius:9px;background:var(--team-surface);text-align:left;transition:border-color .15s,background .15s}
.team-share-card:hover{border-color:var(--team-blue)}.team-share-card.selected{background:var(--team-tint);border-color:var(--team-blue)}
.team-share-icon{display:flex;align-items:center;justify-content:center;flex:0 0 28px;height:31px;color:var(--team-blue)}
.team-share-icon svg{width:19px;height:19px}
.team-share-copy{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.team-share-copy strong{font:500 .875rem/1.45 var(--sans);color:var(--team-ink);overflow-wrap:anywhere}
.team-share-copy small{font:400 .75rem/1.5 var(--sans);color:var(--team-muted);overflow-wrap:anywhere}
.team-share-select{display:flex;align-items:center;justify-content:center;flex:0 0 18px;height:20px;color:var(--team-muted);font-size:1.15rem}.team-share-select svg{width:16px;height:16px;color:var(--team-blue)}
.team-source-label{margin-top:26px;margin-bottom:4px}
.team-quiet{font:400 .8125rem/1.6 var(--sans);color:var(--team-muted);margin:0 0 15px}
.team-done-button{width:100%;margin-top:18px;padding:10px;border:1px solid var(--team-line);border-radius:7px;background:var(--team-surface);color:var(--team-ink);font:500 .875rem/1.5 var(--sans)}
.team-done-button:hover{background:var(--team-tint);color:var(--team-blue)}
@container team (max-width:1120px){
  .team-shell,.team-shell.share-open{grid-template-columns:222px minmax(0,1fr)}
  .team-share{position:absolute;z-index:3;top:0;right:0;bottom:0;width:min(320px,100%);box-shadow:var(--team-shadow)}
  .team-thread-head{padding:20px 24px}.team-feed{padding-inline:24px}
}
@container team (max-width:720px){
  .team-shell,.team-shell.share-open{display:flex;flex-direction:column}
  .team-rail{flex-shrink:0;overflow:hidden;padding:11px 14px 10px;border-right:0;border-bottom:1px solid var(--team-line);gap:9px}
  .team-rail-head,.team-search,.team-delivery,.team-identity,.team-people>.team-kicker,.team-draft-dot{display:none}
  #team-project-select{width:100%;min-height:34px;padding:4px 8px;margin:0;background:transparent;border-color:transparent}
  .team-people{flex-direction:row;gap:6px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}
  .team-person{min-height:42px;width:auto;flex:0 0 auto;padding:6px 9px;gap:8px;border-radius:7px}
  .team-person .team-avatar{height:28px;width:28px;flex-basis:28px;border-radius:8px;font-size:.75rem}
  .team-person .team-avatar svg{width:16px;height:16px}
  .team-person-copy small{display:none}.team-person-copy strong{white-space:nowrap;font-size:.8125rem}
  .team-conversation{flex:1;min-height:0}.team-thread-head{padding:14px 18px;min-height:78px;gap:8px}
  .team-thread-heading>.team-avatar{display:none}.team-thread-head h2{font-size:1.5rem}.team-thread-head p{font-size:.75rem}
  .team-share-toggle{font-size:.8125rem;padding:8px}.team-share-toggle svg{width:14px;height:14px}
  .team-feed{padding:20px 16px 4px}.team-message{gap:10px;grid-template-columns:30px minmax(0,1fr)}.team-message>.team-avatar{width:30px;height:30px;flex-basis:30px;border-radius:9px;font-size:.75rem}
  .team-composer{padding:8px 14px max(10px,env(safe-area-inset-bottom))}
  .team-attachment{padding:13px}.team-day-divider{gap:9px;margin-bottom:23px}
  .team-preview-note{font-size:.75rem}.team-share{width:min(340px,100%)}
}
@media(max-width:900px){
  .ide-page .app-body.team-active{display:flex}
  .ide-page .app-body.team-active.sidebar-open>.app-sidebar{display:flex}
  .ide-page .app-body.team-active.mobile-sources .team-view,.ide-page .app-body.team-active.sidebar-open .team-view{display:none}
}
@media(prefers-reduced-motion:reduce){.team-shell *{transition:none!important}}