<div class="filter-group">
    <label class="filter-label">Permissions</label>
    <div class="permissions-filter-wrapper">
        <div class="permissions-dropdown-trigger" id="permissions-dropdown-trigger">
            <span class="permissions-trigger-text" id="permissions-trigger-text">Select permissions...</span>
            <span class="permissions-trigger-arrow">▼</span>
        </div>
        <div class="permissions-dropdown" id="permissions-dropdown">
            <input 
                type="text" 
                id="filter-permissions-search" 
                class="filter-input permissions-search" 
                placeholder="Search permissions..."
                autocomplete="off"
            />
            <div class="permissions-checkbox-list" id="permissions-checkbox-list">
                <!-- Dynamically filled -->
            </div>
        </div>
    </div>
</div>

