/* page-specific overrides – load after dock_overrides.css */
.dash-dock-container .flexlayout__layout {
    border-radius: 0 !important;
  }

/* also for .dash-dock-container .flexlayout__tab_button */
.dash-dock-container .flexlayout__tab_button {
    border-radius: 0 !important;
    background-color: transparent !important;
}

.dash-dock-container .flexlayout__tabset { 
    border-radius: 0 !important;
}

/* also for .dash-dock-container  ie splitter */
.dash-dock-container  {
    border-radius: 0 !important;
    /* Harmonize active tab to match segmented control */
    --dashdock-tab-active-bg-color: var(--mantine-color-gray-1, #f1f3f5) !important;
    --dashdock-tab-active-text-color: var(--mantine-color-dark-7, #495057) !important;
    --dashdock-tab-hover-bg-color: var(--mantine-color-gray-1, #f1f3f5) !important;
    --dashdock-splitter-hover-color: var(--mantine-color-gray-4, #ced4da) !important;
    --color-tabset-background-maximized: var(--mantine-color-gray-1, #f1f3f5) !important;
    --color-tabset-background: var(--mantine-color-gray-1, #f1f3f5) !important;
    --color-background: var(--mantine-color-gray-1, #f1f3f5) !important;
}

/* Apply flexlayout variables to maximized panels - match selected tab color */
.flexlayout__popup {
    --color-tabset-background-maximized: var(--mantine-color-gray-1, #f1f3f5) !important;
    --color-tabset-background: var(--mantine-color-gray-1, #f1f3f5) !important;
    --color-background: var(--mantine-color-gray-1, #f1f3f5) !important;
    background-color: var(--mantine-color-gray-1, #f1f3f5) !important;
}

.flexlayout__popup .flexlayout__layout {
    background-color: var(--mantine-color-gray-1, #f1f3f5) !important;
}

.flexlayout__popup .flexlayout__tabset {
    background-color: var(--mantine-color-gray-1, #f1f3f5) !important;
}

.flexlayout__popup .flexlayout__tabset_content {
    background-color: var(--mantine-color-gray-1, #f1f3f5) !important;
}

/* Target specific maximized tabset classes - match selected tab color */
.flexlayout__tabset-maximized {
    background-color: var(--mantine-color-gray-1, #f1f3f5) !important;
}

.flexlayout__tabset-maximized .flexlayout__tabset_tabbar_outer {
    background-color: var(--mantine-color-gray-1, #f1f3f5) !important;
}

.flexlayout__tabset-maximized .flexlayout__tabset_tabbar_outer_top {
    background-color: var(--mantine-color-gray-1, #f1f3f5) !important;
}

.flexlayout__tabset-maximized .flexlayout__tabset-selected {
    background-color: var(--mantine-color-gray-1, #f1f3f5) !important;
}

.flexlayout__tabset-maximized .flexlayout__tabset_content {
    background-color: var(--mantine-color-gray-1, #f1f3f5) !important;
}

/*
-dashdock-bg-color: var(--mantine-color-gray-0, #f8f9fa);
    --dashdock-border-color: var(--mantine-color-gray-3, #dee2e6);
    --dashdock-tab-bg-color: var(--mantine-color-white, #ffffff);
    --dashdock-tab-active-bg-color: var(--mantine-color-blue-0, #e7f5ff);
    --dashdock-tab-hover-bg-color: var(--mantine-color-gray-1, #f1f3f5);
    --dashdock-text-color: var(--mantine-color-dark-9, #212529);
    --dashdock-tab-text-color: var(--mantine-color-dark-7, #495057);
    --dashdock-tab-active-text-color: var(--mantine-color-blue-7, #1c7ed6);
    --dashdock-splitter-color: var(--mantine-color-gray-3, #dee2e6);
    --dashdock-splitter-hover-color: var(--mantine-color-blue-5, #339af0);
    --dashdock-premium-indicator: var(--mantine-color-blue-7, #1c7ed6);
    --dashdock-free-indicator: var(--mantine-color-gray-6, #868e96);
    --dashdock-shadow: var(--mantine-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1));
    --dashdock-loading-bg: var(--mantine-color-gray-1, #f1f3f5);
}*/