/* 회사 공간 — 대표의 동료 초대 칸·동료 첫 화면·운영 화면 고객 상세 칸 (32번). 고객 화면·운영 화면이 같이 쓴다 */
.team-card { margin-top: var(--space-16); }
.team-head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-16); flex-wrap: wrap; }
.team-head .btn { margin-top: var(--space-6); }
.team-sub { font-size: 15px; line-height: 22px; font-weight: 600; margin: var(--space-20) 0 var(--space-4); }
.team-sub small { color: var(--label-alternative); font-weight: 500; }
.team-list li > span:first-child small { color: var(--label-alternative); margin-left: var(--space-4); }
.team-act { display: flex; align-items: center; gap: var(--space-4); flex-wrap: wrap; justify-content: flex-end; }
.team-act form { display: inline; }
.team-tag { font-size: 12px; line-height: 16px; font-weight: 600; padding: var(--space-4) var(--space-8); border-radius: var(--radius-6);
  color: var(--primary-text); background: color-mix(in srgb, var(--primary-normal) 8%, transparent); white-space: nowrap; }
.team-tag.gray { color: var(--label-neutral); background: var(--fill-normal); }
.team-tag.wait { color: var(--status-cautionary); background: color-mix(in srgb, var(--status-cautionary) 10%, transparent); }
.team-fields { display: flex; gap: var(--space-8); flex-wrap: wrap; align-items: flex-end; }
.team-fields label { display: flex; flex-direction: column; gap: var(--space-4); font-size: 13px; color: var(--label-neutral); flex: 1 1 160px; }
.team-fields label.wide { flex: 2 1 240px; }
.team-fields input { height: 44px; border-radius: var(--radius-10); border: 1px solid var(--line-normal); padding: 0 var(--space-12); font: inherit; font-size: 15px; }
.team-fields .btn { margin-top: 0; }
.team-form .fine { margin-top: var(--space-8); }
.team-link { margin-top: var(--space-16); padding: var(--space-16); border-radius: var(--radius-12); background: color-mix(in srgb, var(--primary-normal) 5%, transparent);
  display: flex; gap: var(--space-8); align-items: center; flex-wrap: wrap; }
.team-link p { flex: 1 1 100%; margin: 0; }
.team-link input { flex: 1 1 240px; min-width: 0; height: 40px; border-radius: var(--radius-10); border: 1px solid var(--line-normal); padding: 0 var(--space-12); font: 13px/1 var(--font-mono, monospace); }
.team-link .btn { margin-top: 0; }
.team-home .btn { display: inline-flex; }
.team-admin { list-style: none; padding: 0; margin: 0 0 var(--space-8); display: grid; }
.team-admin li { display: flex; align-items: center; gap: var(--space-8); flex-wrap: wrap; padding: var(--space-8) 0; box-shadow: inset 0 -1px 0 var(--line-normal-alternative); font-size: 14px; }
.team-admin li > span { flex: 1 1 200px; }
.team-admin form { display: inline; }
.team-list li > span:first-child { color: var(--label-normal); }  /* 문서함 목록의 '준비 전' 흐린 글씨를 물려받지 않게 */
.team-form + form, .team-link + form { margin-top: var(--space-16); }  /* 운영 화면 '회사 공간 닫기' */