/* Zynix 벤더 CSS 위에 얹는 공통 교정 — 슬롯 공통이라 여기 한 곳에 둔다.
 *
 * ★ 슬롯별 zynix-custom.css 에 넣지 않는다 — 8벌 복사본은 반드시 어긋난다.
 * ★ 벤더(styles.css)를 직접 고치지 않는다 — zynix_import.py 재수입 때 사라진다.
 * 로드 순서: styles.css 바로 다음 (shell_app.html).
 */

/* 사이드바 hover — 벤더 기본은 「프라이머리 배경 + 흰 글자」인데, 라이트 메뉴에서
 * 배경이 연해져 흰 글자만 남아 안 보였다(2026-08-01). 배경은 연한 프라이머리,
 * 글자는 원래 색을 유지한다. (active 상태는 벤더 그대로 둔다) */
.app-sidebar .side-menu__item:hover {
  background-color: rgb(var(--primary) / 0.08) !important;
}
.app-sidebar .side-menu__item:hover .side-menu__label,
.app-sidebar .side-menu__item:hover .side-menu__angle {
  color: rgb(var(--menu-prime-color)) !important;
}
.app-sidebar .side-menu__item:hover .side-menu__icon {
  color: rgb(var(--primary)) !important;
  fill: rgb(var(--primary) / 0.8) !important;
}


/* 표 행 hover — F165(사장님 지시 2026-08-04): 목록에서 마우스를 올려도 아무
 * 표시가 없었다. 벤더의 `.table-hover` 가 화면에 안 나타난다(어느 규칙이
 * 덮는지는 **확인 못 했습니다** — 원인을 캐는 대신 우리 값을 못 박는다).
 *
 * ★ 모든 목록이 `ui.table()` 로 그려지므로 여기 한 곳이면 전부 적용된다.
 * ★ 배경은 **칸(td/th)** 에 준다 — 표에서 `tr` 배경은 칸 배경에 덮인다.
 * ★ 색은 글자색의 4% — 어떤 테마에서도 "옅은 회색"이 된다(고정 회색을 쓰면
 *   다크 모드에서 오히려 밝아진다). */
.table.table-hover > tbody > tr:hover > * {
  background-color: rgb(var(--default-text-color) / 0.04);
}

html.dark .table.table-hover > tbody > tr:hover > * {
  background-color: rgb(255 255 255 / 0.05);
}

/* ★★★★ F473 (사장님 실기동 2026-08-16) — **`hidden` 이 안 먹고 있었다.**

   증상: [대기 취소] 버튼이 «대기가 아닌데» 계속 보였다. 서버가 `cancellable:
   false` 를 주고 JS 가 `el.hidden = true` 를 해도 **화면에서 안 사라졌다.**

   정체(크로미움 실측): 벤더가 `.ti-btn { display: inline-flex }` 를 **작성자
   스타일**로 깔아 둔다. `[hidden] { display: none }` 은 **UA(브라우저 기본)
   스타일**이라, 특이도와 무관하게 작성자 스타일에 **항상 진다.**
   그래서 `.ti-btn` 이 붙은 요소에서는 `hidden` 속성이 **아무 일도 안 한다.**

       .ti-btn + hidden  → display:flex · 1280x35  ★ 보인다
       맨 <button> + hidden → display:none · 0x0    안 보인다

   저장소에서 `.hidden = ` 로 숨기는 자리가 **43곳**이다. 그중 벤더 클래스가
   붙은 것들은 전부 조용히 안 숨고 있었다 — 이 한 줄이 그 종류를 통째로 막는다.

   ★ 6절 함정 7 과 같은 병이다: **벤더 규칙은 특이도로 이긴다.** 다만 이번엔
     상대가 UA 스타일이라 특이도로도 못 이기고 `!important` 가 정답이다
     (HTML 표준이 권하는 바로 그 처방 — `[hidden]` 은 «없는 것» 이어야 한다). */
[hidden] {
  display: none !important;
}