/* =============== readonly 입력칸 =============== */
/* 이미 값이 채워져 더 고칠 수 없는 칸임을 색으로 알린다.
   (예: 인증을 마친 뒤 잠기는 휴대폰 번호, 세션 값으로 채워지는 예약자 이름·연락처)
   common.css는 디자인 팀장님 영역이라 여기서 따로 정의하고 lib.jsp가 싣는다. */

input[readonly],
textarea[readonly] {
  background-color: var(--gray-lightest);
  color: var(--gray-mid);
  cursor: default;
}

/* 포커스가 들어와도 편집 가능한 칸처럼 보이지 않게 테두리 강조를 하지 않는다 */
input[readonly]:focus,
textarea[readonly]:focus {
  border-color: var(--gray-border);
  outline: none;
}