/* The Type Hierarchy view (hierarchy.js). Colours come from editor.css's tokens. */
#view-hierarchy .view-hd .ic.on { background: var(--select); }
.th-msg { font-size: 12px; color: var(--muted); padding: 4px 20px 8px; line-height: 1.5; }
.th-tree { flex: 1; overflow: auto; padding-bottom: 12px; }
.th-row { display: flex; align-items: center; gap: 4px; height: 22px; padding-right: 8px; cursor: pointer; white-space: nowrap; user-select: none; }
.th-row:hover { background: var(--hover); }
.th-twist { flex: none; width: 16px; }
.th-row > .codicon:not(.th-twist) { flex: none; color: #ee9d28; }
.th-name { flex: none; }
.th-detail { color: var(--muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; min-width: 0; margin-left: 2px; }
.th-none { font-size: 12px; color: var(--muted); height: 22px; line-height: 22px; }