/*
 * 이력 «변경이력» 표시 스위치 (2026-10-11) — 켜면 변경이력(시스템 항목)도, 끄면 직접 남긴 메모만.
 * 적용: DB상세 이력 영역(Stimulus history-filter, 클래스 토글) · DB리스트 이름 hover 이력 레이어(서버가 모드별 렌더, db-history-preview).
 * 말풍선 파셜 루트의 data-hist-type="note|system" 이 필터 기준. 색은 테마 토큰.
 */
.hist-switch { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; user-select: none; font-size: 11px; font-weight: 500; color: var(--ord-text-3); white-space: nowrap; }
.hist-switch input { position: absolute; opacity: 0; width: 0; height: 0; }
.hist-switch-track { position: relative; width: 32px; height: 18px; background: var(--ord-line-2); border-radius: 999px; transition: background .2s; flex-shrink: 0; }
.hist-switch-track::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; background: var(--ord-surface); border-radius: 50%; transition: transform .2s; box-shadow: 0 1px 2px rgba(0, 0, 0, .25); }
.hist-switch input:checked + .hist-switch-track { background: var(--ord-head-bg); }
.hist-switch input:checked + .hist-switch-track::after { transform: translateX(14px); }
.hist-switch-end { margin-left: auto; }

/* DB상세 — 변경이력 끄면 시스템 항목 숨김, 직접 남긴 메모가 하나도 없으면 안내 */
.hist-hide-system [data-hist-type="system"] { display: none; }
.hist-empty { display: none; text-align: center; padding: 30px 10px; color: var(--ord-text-3); font-size: 12px; }
.hist-hide-system:not(:has([data-hist-type="note"])) .hist-empty { display: block; }

/* 이름 hover 레이어 — 진한 머리띠 위의 스위치 */
.dhp-sys-switch { margin-left: 8px; color: var(--ord-on-solid); }
.dhp-sys-switch .hist-switch-track { background: rgba(255, 255, 255, .3); }
.dhp-sys-switch input:checked + .hist-switch-track { background: var(--ord-solid-green); }