/* 기존 관리 화면을 대시보드와 같은 녹색 테마로 맞춘다 (라이트/다크 모두 안전한 값만 전역 적용) */
:root {
  --font-family-primary: 'Noto Sans KR', system-ui, -apple-system, 'Malgun Gothic', sans-serif;
  --primary: #2F6150;
  --secondary: #1B3A30;
  --header-bg: #1B3A30;
  --header-color: #E8F0EC;
  --header-branding-color: #FFFFFF;
  --header-link-color: #FFFFFF;
  --breadcrumbs-bg: #2F6150;
  --breadcrumbs-fg: #D7E5DD;
  --breadcrumbs-link-fg: #FFFFFF;
  --button-bg: #2F6150;
  --button-hover-bg: #26493C;
  --default-button-bg: #1F5C46;
  --default-button-hover-bg: #14412F;
  --object-tools-bg: #4F605A;
  --object-tools-hover-bg: #17231F;
}

/* 라이트 모드에서만 적용할 색 (다크 모드는 Django 기본 다크 색을 유지) */
html[data-theme="light"],
html:not([data-theme]) {
  --link-fg: #1F5C46;
  --link-hover-color: #14412F;
  --link-selected-fg: #1F5C46;
  --selected-row: #E8F3EC;
}
@media (prefers-color-scheme: light) {
  html[data-theme="auto"] {
    --link-fg: #1F5C46;
    --link-hover-color: #14412F;
    --link-selected-fg: #1F5C46;
    --selected-row: #E8F3EC;
  }
}

/* 모양 다듬기 */
#header { padding: 12px 40px; }
#site-name a { font-weight: 700; letter-spacing: -0.01em; }
#user-tools a { font-weight: 500; }

.button, input[type=submit], input[type=button], .submit-row input, a.button {
  border-radius: 8px;
  min-height: 40px;
}
.object-tools a { border-radius: 999px; padding: 8px 16px; }
input[type=text], input[type=password], input[type=email], input[type=url], input[type=number],
input[type=date], input[type=search], select, textarea {
  border-radius: 8px;
  min-height: 40px;
}
.module { border-radius: 10px; overflow: hidden; }

/* 목록 가독성: 행에 마우스를 올리면 강조, 체크박스 크게 */
#result_list tbody tr:hover td, #result_list tbody tr:hover th { background: var(--selected-row, #E8F3EC); }
input[type=checkbox] { width: 18px; height: 18px; }

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid #7FB89E;
  outline-offset: 2px;
}

/* 휴대폰에서도 목록 표를 가로로 스크롤 */
@media (max-width: 767px) {
  #header { padding: 12px 16px; }
  #changelist .results { overflow-x: auto; }
}