{{-- Recursive organogram node. Uses <details> for native expand/collapse. --}}
@php $depth = $depth ?? 0; $hasChildren = ! empty($node['children']); @endphp
@if($hasChildren)
  <details {{ $depth < 2 ? 'open' : '' }}>
    <summary class="flex items-center gap-2 py-2 pr-2 rounded-lg hover:bg-surface-container-high">
      <span class="org-chevron material-symbols-outlined text-[20px] text-outline shrink-0">chevron_right</span>
      @include('management._org-row', ['node' => $node])
    </summary>
    <div class="ml-[13px] pl-4 border-l border-outline-variant">
      @foreach($node['children'] as $child)
        @include('management._org-node', ['node' => $child, 'depth' => $depth + 1])
      @endforeach
    </div>
  </details>
@else
  <div class="flex items-center gap-2 py-2 pr-2 rounded-lg hover:bg-surface-container-high">
    <span class="w-[20px] shrink-0"></span>
    @include('management._org-row', ['node' => $node])
  </div>
@endif