/*
 * 닉네임 설정 화면 (발주처 0918). 로그인 화면(system-screen.css)의 배경·입력칸·버튼을 그대로 쓰고
 * 안내 3줄과 오류 문구 자리만 더한다. 시안: 입력칸 아래 왼쪽에 안내, 그 오른쪽에 빨간 오류 문구.
 */
.nick__field { padding-left: 18px; background-image: none; text-align: center; }
.nick__rules {
  list-style: none; margin: 4px 0 0; padding: 0 6px;
  text-align: left; color: var(--gs-muted);
  font-size: clamp(13px, 1.05vw, 16px); line-height: 1.7; font-weight: 600;
}
/* 오류 문구는 '설정' 버튼 아래 가운데(발주처 0921 시안: 처음 시안의 안내 옆자리에서 옮김).
   상자 밖 아래에 띄워 두어 버튼 자리가 밀리지 않는다. */
.nick-box { position: relative; }
.nick__error {
  position: absolute; left: 0; right: 0; top: 100%; margin: 12px 0 0;
  min-height: 0; font-weight: 700; text-align: center;
  font-size: clamp(14px, 1.15vw, 18px);
}
.nick__submit { margin-top: 18px; }
/* 확인 팝업: 권장 팝업(dlg--notice)과 같은 틀. 제목이 길어질 수 있어 줄바꿈을 허용한다. */
.dlg--nick-confirm .dlg__notice-title { word-break: keep-all; text-align: center; }