/* 2026-11-11 로그인 화면(/login)의 어두운 화면 보완. 모든 규칙이 html[data-theme="dark"] 로 시작해서 밝은 화면은 바뀌지 않는다.
   1) 캐릭터 그림은 흰 바탕이 그림 안에 들어 있어 어두운 화면에서 흰 상자로 보였다.
      바탕을 투명하게 뺀 그림(images/ui-20261028/login-characters-720-night.webp, images/login-characters.png 에서 만듦)을 배경으로 깔고,
      원래 그림은 상자 밖으로 밀어 보이지 않게 한다. 상자 크기와 대체 글은 그대로다.
   2) '이메일로 로그인' 버튼만 밝은 상자로 남아 있어 이메일 양식의 다른 버튼과 같은 어두운 색으로 맞춘다. 카카오·구글 버튼은 각 회사 색을 지킨다.
   login.php 가 header.php 바로 뒤에서 이 파일을 부른다. */
html[data-theme="dark"] .login-panel img.login-characters{object-position:-99999px 0;background:url("/images/ui-20261028/login-characters-720-night.webp") center/contain no-repeat;filter:drop-shadow(0 0 10px rgba(180,160,255,.16))}
html[data-theme="dark"] .login-actions a.social-login-email{background:var(--dk-surface-2,#20243a);border-color:#3a3f58;color:var(--dk-text,#e9e9f2)}
html[data-theme="dark"] .login-actions a.social-login-email:hover{background:#272b45}