/*
 * 색 구성 선언 (color-scheme) — 브라우저 강제 다크 대응 (2026-07-25)
 *
 * 문제: Chrome·Edge 의 강제 다크(Auto Dark Mode for Web Contents)는 페이지가 색 구성을
 *   선언하지 않으면 "이 페이지는 다크를 모른다"고 보고 색을 임의로 뒤집는다. 그 결과
 *   ① 로그인 입력칸 = 흰 배경 + 흰 글자(글자색을 지정하지 않은 곳은 UA/엔진이 밝게 바꿈)
 *   ② 채팅 입력칸 = 어두워진 배경 + 그대로 남은 어두운 글자
 *   ③ 날짜 입력칸(input[type=date])의 달력 아이콘이 흰색으로 렌더돼 흰 배경에서 사라짐
 *   — 전부 같은 원인이다.
 *
 * ⚠ORDARS 는 **자체 다크모드**(html.dark)를 갖고 있으므로 브라우저가 임의로 뒤집을 필요가 없다.
 *   `only` 를 붙여 강제 다크에서 완전히 빠지고, 다크는 우리 토글로만 적용한다.
 *   (`html.dark` 쪽 `color-scheme: dark` 는 ordars 레이아웃에도 선언돼 있다 — 여기서 함께 못 박는다)
 */
html { color-scheme: only light; }
html.dark { color-scheme: only dark; }

/* ⭐라이트 상태 폼 컨트롤 글자색 기본값 (2026-08-01, 사은품관리 검색영역 "값 안 보임" 실사고)
 *   페이지 옵트아웃을 무시하는 강제 다크/다크 확장은 "지정 안 된" 글자색만 밝게 뒤집는 경향이 있어,
 *   배경만 지정된 컨트롤(background: white 인라인 다수)이 흰 배경+흰 글자가 된다.
 *   :where() = 0 특이성 — 개별 화면이 지정한 color 는 전부 그대로 이기고, 미지정 컨트롤에만 기본값을 준다.
 *   버튼류(submit/button 등)·비텍스트 컨트롤은 제외. */
:where(html:not(.dark)) :where(
  input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
  select,
  textarea
) {
  color: #111827;
}

/* ⭐날짜 입력칸 — 달력 아이콘은 UA 가 색 구성에 맞춰 그린다(다크면 흰색).
 *   위 html 선언으로 대부분 해결되지만, 확장 프로그램처럼 페이지 선언을 무시하는 환경에서도
 *   **흰 배경 위 흰 아이콘**이 되지 않도록 컨트롤 단위로 한 번 더 못 박는다.
 *   ⚠ORDARS 자체 다크모드에서는 반대로 밝은 아이콘이어야 하므로 라이트 상태에만 적용한다. */
html:not(.dark) input[type="date"],
html:not(.dark) input[type="datetime-local"],
html:not(.dark) input[type="month"],
html:not(.dark) input[type="time"] {
  color-scheme: light;
}