/* 버전 2 — 전역 요소: 로그인 화면, 튜터봇 버튼(오른쪽 아래 상담 버튼), 세션 배너. /v2/ 에서만.
   로그인 화면은 신규 LMS 로그인 카드 모양(큰 둥근 카드 + 로즈 주 버튼).
   설계: docs/superpowers/specs/2026-10-13-lms-ux-reskin-design.md */

/* ── 로그인 ───────────────────────────────────────────────────────────── */
html[data-ui="v2"] #login-screen { background: var(--ds-background); }
html[data-ui="v2"] #login-screen .login-box {
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius-2xl);
  background: var(--ds-card);
  color: var(--ds-card-foreground);
  box-shadow: var(--ds-shadow-card-hover);
}
html[data-ui="v2"] #login-screen .login-box h1 { color: var(--ds-foreground); font-size: 20px; font-weight: 700; }
html[data-ui="v2"] #login-screen .login-box .subtitle { color: var(--ds-muted-foreground); }
html[data-ui="v2"] #login-screen .login-box input {
  border: 1px solid var(--ds-input);
  border-radius: var(--ds-radius-lg);
  background: var(--ds-card);
  color: var(--ds-foreground);
}
html[data-ui="v2"] #login-screen .login-box input:focus {
  outline: none;
  border-color: var(--ds-ring);
  box-shadow: 0 0 0 3px var(--ds-primary-soft);
}
html[data-ui="v2"] #login-screen #email-login-btn {
  border: 1px solid var(--ds-primary);
  border-radius: var(--ds-radius-lg);
  background: var(--ds-primary);
  color: var(--ds-primary-foreground);
  font-weight: 600;
}
html[data-ui="v2"] #login-screen #email-login-btn:hover:not(:disabled) {
  background: var(--ds-primary-hover);
  border-color: var(--ds-primary-hover);
}
html[data-ui="v2"] #login-screen .email-login-suffix,
html[data-ui="v2"] #login-screen .email-login-note,
html[data-ui="v2"] #login-screen .email-login-hint { color: var(--ds-muted-foreground); }

/* ── 튜터봇 버튼: 신규 LMS 상담 버튼처럼 로즈 원형 ───────────────────────── */
html[data-ui="v2"] .tutor-fab {
  background: var(--ds-primary);
  color: var(--ds-primary-foreground);
  box-shadow: var(--ds-shadow-card-hover);
}
html[data-ui="v2"] .tutor-fab:hover { background: var(--ds-primary-hover); }
html[data-ui="v2"] .tutor-fab::before { display: none; }
html[data-ui="v2"] .session-banner { border-radius: var(--ds-radius-xl); }