/* 계정 서비스에만 있는 화면 조각. 색 · 간격은 모두 tokens.css의 변수로 — 16진수 색을 새로 박지 않는다. */

/* 구글 로그인 버튼 자리 — GIS가 버튼을 그려 넣기 전에도 높이를 잡아 둔다 */
.sg-gis { min-height: var(--tap-min); margin: 0 0 var(--space-4); }
.sg-login { display: contents; }

/* 로그인 화면 아래의 작은 안내 */
.sg-note { margin: var(--space-6) 0 0; font-size: 14px; line-height: 22px; color: var(--ink-muted); word-break: keep-all; }
.sg-note a { color: var(--link); }

/* 로그인 실패 · 로그인할 수 없음 */
.sg-alert { margin: 0 0 var(--space-4); font-size: 14px; line-height: 22px; color: var(--ink); word-break: keep-all; }
.sg-alert[hidden] { display: none; }

/* 내 계정 → 연결된 작품 */
.sg-linked { list-style: none; margin: 0 0 var(--space-10); padding: 0; border-top: 1px solid var(--line); }
.sg-linked li { padding: var(--space-3) 0; border-bottom: 1px solid var(--line); font-size: 16px; line-height: 27px; }
.sg-empty { margin: 0 0 var(--space-10); }

/* 버튼을 감싼 form이 줄바꿈을 만들지 않게 */
.sg-actions form { display: contents; }