/* 워크스페이스(spec_multitenant) — 시작 화면(#/start) · 승인 대기/보류 게이트 확장 · 초대 수락.
 *   시작/초대 화면은 signin-gate/signin-card(chrome-base.css) 시각 언어를 그대로 쓴다 — 여기서는 그 위에
 *   얹는 목록·칩·폼만 정의한다. 워크스페이스 전환은 계정 메뉴 안이다(web/shell/accountMenu.js · 모양은 profile.css — 2026-09-25 오너가 알약을 걷었다). 콘텐츠층 글라스 금지 원칙(apple-rules.css)과 같은 이유로 불투명 표면(surface-1)만 쓴다. */

/* 시작 카드 폭 — chrome-base.css 의 .signin-gate--login .signin-card(320px · 0,2,0)와 특이도가 같아 로드 순서(index.html 뒤)로 이긴다. */
.signin-gate--login .ws-start-card { max-width: 480px; }
/* 게이트 카드 버튼 사이 — chrome-base.css ② 가 gap 0 이라 버튼이 여럿인 대기·초대 카드에서 붙는다(로그인 카드는 버튼 하나라 무변). */
.signin-gate--login .signin-actions { gap: 8px; }
/* 초대 이메일과 로그인 계정이 다를 때 — 수락은 서버가 막으므로 미리 한 줄로 알린다. */
.signin-gate .invite-mismatch { margin-top: 4px; color: var(--danger); }
.ws-start-section { margin-top: var(--sp-lg); padding-top: var(--sp-lg); border-top: 1px solid var(--hairline); text-align: left; }
.ws-start-heading { margin: 0 0 var(--sp-sm); font-size: var(--fs-caption); font-weight: 600; color: var(--ink-48); text-transform: uppercase; letter-spacing: var(--ls-caption); }

.ws-dir-list { display: grid; gap: var(--sp-xs); }
.ws-dir-loading { height: 40px; border-radius: var(--r-md); background: var(--surface-1); }
.ws-dir-row {
  display: flex; align-items: center; gap: var(--sp-sm); padding: var(--sp-sm) var(--sp-md);
  border-radius: var(--r-md); background: var(--surface-1);
}
.ws-dir-main { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.ws-dir-name { font-size: var(--fs-body); color: var(--ink); overflow-wrap: anywhere; }
.ws-dir-count { font-size: var(--fs-fine); color: var(--ink-48); }

.ws-chip {
  flex: none; padding: 4px 10px; border-radius: var(--r-pill); font-size: var(--fs-fine); font-weight: 600;
  background: var(--surface-2); color: var(--ink-80);
}
.ws-chip--member { color: var(--ink); }
.ws-chip--held { background: var(--danger-soft); color: var(--danger); }

.ws-create-form { display: grid; gap: var(--sp-sm); }
.ws-create-input {
  width: 100%; padding: var(--sp-sm) var(--sp-md); border-radius: var(--r-md);
  background: var(--surface-1); border: 1px solid var(--hairline); color: var(--ink); font-size: var(--fs-body);
}
.ws-create-input::placeholder { color: var(--ink-48); }

/* 워크스페이스 밖 화면(시작·승인 대기·초대)에는 도구 독이 없다 — 여는 도구가 전부 워크스페이스 데이터를 본다. */
body.role-guest .dock-fab-goo,
body.role-guest .dock-fab-trigger { display: none; }
/* ⚠️ 위 규칙은 sidebar-dock.css 의 `body.shell-v2.shell-chrome:not(.pshell-open) .dock-fab-trigger`(0,4,1)에 져서 죽어 있었다 —
 *    그래서 게이트 화면의 유일한 로그아웃이 좌하단 '+' 안에 숨어 있었다. 세 게이트 카드(시작·승인 대기/보류·초대)가 모두 카드 안
 *    [로그아웃]을 갖게 된 뒤(2026-09-26 디자인 패스) 같은 선택자 깊이로 이긴다. */
body.shell-v2.shell-chrome.role-guest:not(.pshell-open) .dock-fab-goo,
body.shell-v2.shell-chrome.role-guest:not(.pshell-open) .dock-fab-trigger { display: none; }
.ws-create-label { font-size: var(--fs-caption); color: var(--ink-80); }
.ws-create-seg { justify-self: start; }