/* "Equipa": top-down org chart with connector lines; on phones it becomes an indented list. */
#page-team .team-chart{overflow-x:auto;padding:12px 4px 24px}
#page-team .team-chart ul{position:relative;display:flex;justify-content:center;gap:16px;margin:0;padding:28px 0 0;list-style:none}
#page-team .team-chart > ul{padding-top:0}
#page-team .team-chart li{position:relative;display:flex;flex-direction:column;align-items:center}
/* Lines: a vertical stub up from each card and a horizontal bar joining siblings. */
#page-team .team-chart ul ul::before{content:'';position:absolute;top:0;left:50%;height:14px;border-left:2px solid var(--line)}
#page-team .team-chart ul ul > li::before{content:'';position:absolute;top:-14px;left:0;right:0;border-top:2px solid var(--line)}
#page-team .team-chart ul ul > li:first-child::before{left:50%}
#page-team .team-chart ul ul > li:last-child::before{right:50%}
#page-team .team-chart ul ul > li:only-child::before{display:none}
#page-team .team-chart ul ul > li::after{content:'';position:absolute;top:-14px;left:50%;height:14px;border-left:2px solid var(--line)}
#page-team .team-card{display:flex;align-items:center;gap:10px;min-width:190px;max-width:240px;padding:10px 14px 10px 10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;box-shadow:var(--shadow);cursor:pointer}
#page-team button.team-card:hover{border-color:var(--cyan)}
#page-team .team-owner{cursor:default;background:var(--cyan-soft);border-color:transparent}
#page-team .team-owner .agent-avatar{--avatar:#232238;background:var(--ink);color:var(--surface)}
#page-team .team-card-text{display:grid;gap:1px;min-width:0}
#page-team .team-card-text strong{font-size:14px}
#page-team .team-card-text small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#page-team .team-card-rules{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--surface-soft);font-size:11px;color:var(--muted);white-space:nowrap}
@media (max-width:700px){
  #page-team .team-chart ul{display:block;padding:8px 0 0 22px}
  #page-team .team-chart > ul{padding-left:0}
  #page-team .team-chart li{display:block;padding-top:8px}
  #page-team .team-chart ul ul::before,#page-team .team-chart ul ul > li::before{display:none}
  #page-team .team-chart ul ul > li::after{top:28px;left:-14px;width:12px;height:0;border-left:0;border-top:2px solid var(--line)}
  #page-team .team-card{width:100%;max-width:none;min-width:0}
}

/* Agent dialog: hierarchy tab plus the agent's own files (identity, soul, rules, memory…). */
.team-dialog{width:min(860px,96vw);max-width:none}
.team-dialog .team-tabs{display:flex;gap:4px;margin:0 0 12px;padding-bottom:2px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}
.team-dialog .team-tabs button{flex:none;min-height:36px;padding:6px 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
.team-dialog .team-tabs [aria-selected=true]{border-bottom-color:var(--cyan);color:var(--cyan);font-weight:650}
.team-dialog .team-tabs .is-missing{opacity:.6}
.team-dialog .team-file-text{width:100%;min-height:min(52vh,460px);padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);color:var(--ink);font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}
.team-dialog #teamFilePath{margin:0 0 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;word-break:break-all}
.team-dialog #teamDialogSummary{margin:4px 0 0;max-width:640px}