<!-- Please search existing work items before filing to avoid duplicates. --> ## Summary When the AI DeepChat Chatbot is configured to display at the bottom-left of the page, Drupal 11's new admin toolbar (the core **Navigation** module, rendered as `<aside id="admin-toolbar">`) overlaps it whenever the sidebar is expanded on desktop. The chatbot's `.chat-container.bottom-left` position uses a static `left: 20px`, which doesn't account for the Navigation sidebar's reserved width (`--admin-toolbar-sidebar-width`, ~4.5rem collapsed / ~16.5rem expanded), so the sidebar sits on top of the chat header/input. This does not happen with the classic Toolbar module (Drupal 10 and earlier), only with the new Navigation toolbar. <!-- Testing Setup (optional — to reproduce on a clean install): mkdir my-drupal-site && cd my-drupal-site ddev config --project-type=drupal11 --docroot=web ddev composer create-project drupal/cms ddev drush site:install --account-name=admin --account-pass=admin -y # Enable AI Dashboard and ai_api_explorer # Launch the site and open the AI dashboard to add an OpenAI or Anthropic key: ddev launch $(ddev drush uli /admin/config/ai) --> ## Steps to reproduce 1. Install/use a Drupal 11 site with the `ai` module and its `ai_chatbot` submodule enabled, with the default (Navigation) admin toolbar active. 2. Configure the AI DeepChat Chatbot to display as a floating/sticky chat positioned at bottom left. 3. Log in as a user with access to the admin toolbar, view any page on a desktop viewport (≥ 1024px), and expand the admin sidebar. ## Expected result The chatbot remains fully visible at the bottom-left of the viewport, positioned clear of the admin sidebar, regardless of whether the sidebar is collapsed or expanded. ## Actual result The admin toolbar's sidebar renders on top of the AI DeepChat Chatbot (header and/or input are covered), because the chatbot's left offset is a fixed `20px` and doesn't shift to account for the sidebar's width. ## Environment - Drupal version: 11.4.4 - Module version: drupal/ai 1.4.4 (ai_chatbot submodule) - PHP version: 8.4.22 - Provider: N/A (frontend/CSS issue, not provider-specifi - Last known working version: N/A — regression only appears with the new Navigation toolbar; not reproducible with the classic Toolbar module ### Frontend environment *(only required for UI / frontend issues)* - OS: macOS - Browser: Firefox 152.0.6 (aarch64) ### Screenshots / recordings *(optional)* {width=473 height=434} *Navigation toolbar collapsed* {width=386 height=485} *Navigation toolbar expanded* ### Error messages or logs *(optional)* N/A — this is a visual/CSS positioning bug, no errors log --- **Transparency note:** This bug was identified and reprodissue description was drafted with AI assistance (ClaudeCode), per [Drupal's policy on the use of AI when contributing](https://www.drupal.org/docs/develop/issues/e/policy-on-the-use-of-ai-when-contributing-to-drupal).