{{-- Spatial Intelligence sub-page tab bar --}}
<div style="display:flex; gap:2px; margin-bottom:20px; border-bottom:1px solid var(--vsc-border-light); padding-bottom:0;">
    <a href="{{ route('admin.spatial.index') }}"
       style="padding:8px 16px; font-size:12px; font-weight:500; border-bottom:2px solid {{ request()->routeIs('admin.spatial.index') ? 'var(--vsc-blue)' : 'transparent' }}; color:{{ request()->routeIs('admin.spatial.index') ? 'var(--vsc-text-active)' : 'var(--vsc-text-secondary)' }}; text-decoration:none; transition:all .15s; display:inline-flex; align-items:center; gap:6px;">
        <i data-lucide="globe" style="width:14px;height:14px;"></i> Dashboard
    </a>
    <a href="{{ route('admin.spatial.features') }}"
       style="padding:8px 16px; font-size:12px; font-weight:500; border-bottom:2px solid {{ request()->routeIs('admin.spatial.features*') ? 'var(--vsc-blue)' : 'transparent' }}; color:{{ request()->routeIs('admin.spatial.features*') ? 'var(--vsc-text-active)' : 'var(--vsc-text-secondary)' }}; text-decoration:none; transition:all .15s; display:inline-flex; align-items:center; gap:6px;">
        <i data-lucide="shield-alert" style="width:14px;height:14px;"></i> Features
    </a>
    <a href="{{ route('admin.spatial.landmarks') }}"
       style="padding:8px 16px; font-size:12px; font-weight:500; border-bottom:2px solid {{ request()->routeIs('admin.spatial.landmarks*') ? 'var(--vsc-blue)' : 'transparent' }}; color:{{ request()->routeIs('admin.spatial.landmarks*') ? 'var(--vsc-text-active)' : 'var(--vsc-text-secondary)' }}; text-decoration:none; transition:all .15s; display:inline-flex; align-items:center; gap:6px;">
        <i data-lucide="map-pin" style="width:14px;height:14px;"></i> Landmarks
    </a>
    <a href="{{ route('admin.spatial.heatmap') }}"
       style="padding:8px 16px; font-size:12px; font-weight:500; border-bottom:2px solid {{ request()->routeIs('admin.spatial.heatmap*') ? 'var(--vsc-blue)' : 'transparent' }}; color:{{ request()->routeIs('admin.spatial.heatmap*') ? 'var(--vsc-text-active)' : 'var(--vsc-text-secondary)' }}; text-decoration:none; transition:all .15s; display:inline-flex; align-items:center; gap:6px;">
        <i data-lucide="flame" style="width:14px;height:14px;"></i> Heatmap
    </a>
</div>