Add theme_variables.css to introduce custom Odoo UI styling and color variables.

addons/home_dashboard/static/src/css/theme_variables.css

@@ -61,7 +61,6 @@
    GLOBAL UI OVERRIDES (HOME PAGE STYLE)
    --------------------------------------------------------- */
 
-/* Global Background & Font */
 /* Global Background & Font */
 body,
 .o_web_client {
@@ -70,30 +69,13 @@ body,
     font-size: 15px !important;
     /* Increased Font Size for Readability */
     background-attachment: fixed !important;
+    background-size: cover !important;
 }
 
-/* Main Content Container - FULL WIDTH (No Floating Card) */
-.o_action_manager {
-    padding: 0 !important;
-    margin: 0 !important;
-    height: 100vh !important;
-    overflow: hidden !important;
-}
-
-.o_action_manager .o_view_controller {
-    background: #ffffff !important;
-    /* Solid White Canvas */
-    border-radius: 0 !important;
-    /* Remove curvature */
-    box-shadow: none !important;
-    /* Remove shadow */
-    border: none !important;
-    margin: 0 !important;
-    height: 100% !important;
-    width: 100% !important;
-    display: flex !important;
-    flex-direction: column !important;
-}
+/* 
+   REMOVED AGGRESSIVE LAYOUT OVERRIDES 
+   (o_action_manager, o_view_controller overrides deleted to restore Odoo default structural behavior)
+*/
 
 /* ---------------------------------------------------------
    NAVBAR & SIDEBAR (CONTROL PANEL)
@@ -105,7 +87,6 @@ body,
     border-bottom: 2px solid var(--primary-color) !important;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
     color: #2c3e50 !important;
-    padding: 0 10px !important;
 }
 
 .o_main_navbar .o_menu_brand {
@@ -132,8 +113,6 @@ body,
 .o_control_panel {
     background: #fdfdfd !important;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
-    padding: 20px 30px !important;
-    /* More spacious */
 }
 
 /* Breadcrumbs */
@@ -291,8 +270,6 @@ body,
    COMPONENT OVERRIDES
    --------------------------------------------------------- */
 
-/* [PREVIOUS BUTTON STYLES PRESERVED - ADDING DASHBOARD SPECIFIC BELOW] */
-
 /* Primary Buttons */
 .btn-primary,
 .o_form_button_save,
@@ -317,18 +294,10 @@ body,
 }
 
 /* ---------------------------------------------------------
-   DASHBOARD SPECIFIC UI UPDATES (FULL PAGE OVERHAUL)
+   DASHBOARD SPECIFIC UI UPDATES (But safer for global)
    --------------------------------------------------------- */
 
-/* Hard Override for Top Navbar Background (Purple Removal) */
-nav.o_main_navbar,
-.o_main_navbar {
-    background: #fecd4f !important;
-    /* If the user wants the TAB background changed, we target the menu items */
-    border-bottom: 2px solid var(--primary-color) !important;
-}
-
-/* Top Menu Tabs (Dashboards, Configuration) */
+/* Top Menu Tabs */
 .o_main_navbar .o_menu_sections .dropdown-item,
 .o_main_navbar .o_menu_sections .o_nav_entry {
     background: transparent !important;
@@ -468,9 +437,6 @@ a:hover,
     box-shadow: 0 0 0 0.2rem rgba(43, 177, 165, 0.25) !important;
 }
 
-/* Odoo Navbar */
-/* The old .o_main_navbar and .o_main_navbar .o_menu_brand rules are replaced by the new glassmorphism styles above. */
-
 /* Loading Bar */
 .o_loading {
     background-color: var(--primary-color) !important;
@@ -483,6 +449,7 @@ a:hover,
     border-bottom: 2px solid var(--primary-color) !important;
     color: #4a5568 !important;
     font-weight: 600 !important;
+    padding: 10px !important;
 }
 
 /* Kanban Records Selected */
@@ -510,25 +477,23 @@ a:hover,
    HEADER SUBMENU DROPDOWN NAVIGATION
    --------------------------------------------------------- */
 
-/* Dropdown Container - Floating & High Z-Index */
+/* Dropdown Container */
 .dropdown-menu {
     background: #ffffff !important;
-    /* Solid background to prevent transparent overlap issues */
     border: 1px solid #e2e8f0 !important;
     border-radius: 12px !important;
     box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
     padding: 8px !important;
     margin-top: 5px !important;
-    z-index: 9999 !important;
-    /* Do not force position:absolute; let Odoo/Popper place it, just enforce z-index */
+    z-index: 1050 !important;
+    /* Standard BS z-index */
 }
 
-/* Navbar Icons (Systray & App Switcher) Custom Color */
+/* Navbar Icons */
 .o_main_navbar .o_menu_systray .o_nav_entry i,
 .o_main_navbar .o_menu_apps .o_app_drawer i,
 .o_main_navbar .o_menu_sections .fa {
     color: var(--secondary-color) !important;
-    /* Teal Icons */
     font-size: 1.1rem !important;
     transition: all 0.2s ease !important;
 }
@@ -536,7 +501,6 @@ a:hover,
 .o_main_navbar .o_menu_systray .o_nav_entry:hover i,
 .o_main_navbar .o_menu_apps .o_app_drawer:hover i {
     color: var(--primary-dark) !important;
-    /* Dark Yellow on Hover */
     transform: scale(1.1);
     text-shadow: 0 2px 10px rgba(254, 205, 79, 0.5);
 }
@@ -549,10 +513,7 @@ a:hover,
     font-weight: 500 !important;
     transition: all 0.2s ease !important;
     margin-bottom: 2px !important;
-    position: relative !important;
-    z-index: 10000 !important;
     background: transparent;
-    /* Default transparent */
 }
 
 /* Dropdown Item Hover */
@@ -560,7 +521,6 @@ a:hover,
 .dropdown-item:focus {
     background: var(--gradient-primary) !important;
     color: #fff !important;
-    /* Removed transform translateX to fix jitter/overlap bugs */
     box-shadow: 0 4px 10px rgba(254, 205, 79, 0.2);
 }
 
@@ -572,7 +532,6 @@ a:hover,
 
 .dropdown-header {
     color: var(--secondary-color) !important;
-    /* Teal Header */
     font-weight: 700 !important;
     text-transform: uppercase;
     font-size: 0.75rem !important;