/*
 * Pilletto custom brand CSS (Elastic 위에 덮어씀)
 * 메인 색상: #0F2B5C (deep navy)
 * 서브 색상: #1F3A6E
 * 액센트:    #3B82F6
 */

:root {
  --pilletto-main: #0F2B5C;
  --pilletto-sub: #1F3A6E;
  --pilletto-accent: #3B82F6;
  --pilletto-light: #DBEAFE;
}

/* ---------- 헤더 / 상단 네비 ---------- */
#layout-menu,
.menu.toolbar.popupmenu,
html.layout-large #layout-menu {
  background-color: var(--pilletto-main) !important;
}

#layout-menu a,
#layout-menu .button,
#layout-menu li > a {
  color: #FFFFFF !important;
}

#layout-menu li.selected > a,
#layout-menu li > a:hover {
  background-color: var(--pilletto-sub) !important;
  color: #FFFFFF !important;
}

/* ---------- 액션 버튼 / 링크 ---------- */
.formbuttons .btn-primary,
.btn-primary,
button.btn-primary,
input.button.mainaction {
  background-color: var(--pilletto-main) !important;
  border-color: var(--pilletto-main) !important;
  color: #FFFFFF !important;
}

.btn-primary:hover,
button.btn-primary:hover,
input.button.mainaction:hover {
  background-color: var(--pilletto-sub) !important;
  border-color: var(--pilletto-sub) !important;
}

a, a:hover {
  color: var(--pilletto-accent);
}

/* ---------- 리스트 선택 강조 ---------- */
.listing tbody tr.selected,
.listing tbody tr.selected td,
.listing li.selected,
.menu li > a.selected {
  background-color: var(--pilletto-light) !important;
  color: var(--pilletto-main) !important;
  border-color: var(--pilletto-accent) !important;
}

/* ---------- 로그인 페이지 ---------- */
body.task-login #layout {
  background: linear-gradient(135deg, #0F2B5C 0%, #1F3A6E 100%);
}

body.task-login .box {
  border-top: 4px solid var(--pilletto-accent);
}

body.task-login #login-form .formbuttons input[type="submit"] {
  background-color: var(--pilletto-main) !important;
  border-color: var(--pilletto-main) !important;
}

body.task-login #login-form .formbuttons input[type="submit"]:hover {
  background-color: var(--pilletto-sub) !important;
}

/* ---------- 사이드바 / 폴더 활성 ---------- */
.treelist li.selected > div,
.treelist li.selected > a {
  background-color: var(--pilletto-light) !important;
  color: var(--pilletto-main) !important;
}

/* ---------- 다크 모드 미세 조정 ---------- */
html.dark-mode #layout-menu {
  background-color: #0A1F45 !important;
}

html.dark-mode a {
  color: #93C5FD;
}

/* ---------- 강조 표시 (포커스 링) ---------- */
*:focus,
input:focus,
textarea:focus,
button:focus {
  outline-color: var(--pilletto-accent) !important;
}

/* ---------- 진행 표시 / 체크박스 ---------- */
input[type="checkbox"]:checked + label::before,
input[type="checkbox"]:checked::before {
  background-color: var(--pilletto-main);
  border-color: var(--pilletto-main);
}