/* 작업 공간 · 팀(#/workspaces)과 팀 초대 수락. 카드·폼은 agent-access.css의 agent-* 모양을 같이 쓴다. */
.workspace-list,.workspace-members{list-style:none;margin:0;padding:0}
.workspace-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--ui-line)}
.workspace-row:first-child{border-top:0;padding-top:0}
.workspace-row-link{display:flex;align-items:center;gap:12px;flex:1;min-width:0;color:inherit;text-decoration:none}
.workspace-row-link:hover strong{text-decoration:underline}
.workspace-avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--ui-radius-s);background:var(--ui-surface-2);font-size:14px;font-weight:600;color:var(--ui-ink-2)}
.workspace-row.is-current .workspace-avatar{background:var(--ui-accent-soft);color:var(--ui-accent)}
.workspace-row-copy{display:grid;gap:2px;min-width:0}
.workspace-row-copy strong,.workspace-member strong{font-size:15px;font-weight:600;color:var(--ui-ink);overflow-wrap:anywhere}
.workspace-row-copy small,.workspace-member small{font-size:12px;line-height:1.6;color:var(--ui-ink-3)}
.workspace-current{display:inline-block;padding:3px 10px;border-radius:var(--ui-pill);background:var(--ui-accent-soft);font-size:12px;font-weight:600;color:var(--ui-accent);white-space:nowrap}
.workspace-member{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--ui-line)}
.workspace-member>div:first-child{display:grid;gap:2px;min-width:0}
.workspace-member strong{font-size:14px}
.workspace-member-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.workspace-member-actions .text-button{font-size:13px}
.workspace-role select{min-height:36px;padding:6px 10px;border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-s);background:var(--ui-surface);font:inherit;font-size:13px;color:var(--ui-ink)}
.workspace-inline{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.workspace-inline input{flex:1;min-width:220px}
.workspace-here{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;line-height:1.6;color:var(--ui-ink-2)}
.workspace-here a{color:var(--ui-link)}
.workspace-back{margin-bottom:12px;font-size:13px}
.workspace-back a{color:var(--ui-ink-3)}
.workspace-notice{margin-bottom:16px;padding:12px 14px;border-radius:var(--ui-radius-s);background:var(--ui-accent-soft);font-size:14px;line-height:1.6;color:var(--ui-ink-2)}
.workspace-page>.error{margin-bottom:16px}
.workspace-foot{margin-top:4px}
.project-org-manage{font-size:13px;color:var(--ui-link)}
@media (max-width:640px){
  .workspace-row{flex-wrap:wrap}
  .workspace-member{flex-direction:column;align-items:flex-start}
  .workspace-inline input{min-width:0;width:100%}
}
/* 내 프로젝트 상세의 공유 칸(project-share.js) */
.project-share{display:grid;gap:12px;margin:24px 0;padding:20px 24px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-m);background:var(--ui-surface)}
.project-share h2{font-size:17px;font-weight:600;color:var(--ui-ink)}
.project-share-lead{font-size:13px;line-height:1.7;color:var(--ui-ink-3)}
.project-share-list{list-style:none;margin:0;padding:0}
.project-share-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--ui-line)}
.project-share-row>div:first-child{display:grid;gap:2px;min-width:0}
.project-share-row strong{font-size:14px;font-weight:600;color:var(--ui-ink);overflow-wrap:anywhere}
.project-share-row small{font-size:12px;color:var(--ui-ink-3)}
.project-share-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.project-share-actions select{min-height:36px;padding:6px 10px;border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-s);background:var(--ui-surface);font:inherit;font-size:13px;color:var(--ui-ink)}
.project-share-role{font-size:13px;color:var(--ui-ink-2)}
@media (max-width:640px){.project-share-row{flex-direction:column;align-items:flex-start}}
/* 팀 화면의 요금제 · 좌석 칸 */
.workspace-plan-seats{font-size:15px;color:var(--ui-ink-2)}
.workspace-plan-seats strong{color:var(--ui-ink)}
.workspace-seats label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ui-ink-2)}
.workspace-seats input{width:88px;min-height:36px;padding:6px 10px;border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-s);background:var(--ui-surface);font:inherit;font-size:14px;color:var(--ui-ink)}
.workspace-charges summary{cursor:pointer;font-size:13px;color:var(--ui-ink-2)}
.workspace-charges ul{list-style:none;margin:8px 0 0;padding:0}
.workspace-charges li{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;padding:8px 0;border-top:1px solid var(--ui-line);font-size:13px;color:var(--ui-ink-2)}
.workspace-charges strong{color:var(--ui-ink)}
@media (max-width:640px){.workspace-charges li{grid-template-columns:1fr auto}}