/* Dashboard canvas: cool light gray so white cards / tables read as
 * surfaces. Token lives in moe-theme.css (--moe-canvas). */
.fi-layout,
.fi-app-layout,
.fi-panels-layout,
.fi-app-panels-layout,
.fi-layout-main,
.fi-app-layout-main,
.fi-panels-layout-main,
.fi-app-panels-layout-main,
.fi-main,
.fi-app-main,
.fi-panels-main,
.fi-app-panels-main,
.fi-main-content,
.fi-app-main-content,
.fi-panels-main-content,
.fi-app-panels-main-content,
.fi-page,
.fi-app-page,
.fi-panels-page,
.fi-app-panels-page {
    background-color: var(--moe-canvas, #f4f6fa) !important;
}

body {
    background-color: var(--moe-canvas, #f4f6fa) !important;
}

html {
    background-color: var(--moe-canvas, #f4f6fa) !important;
}

/* Sidebar surface colors are defined in moe-theme.css (dark slate). */

@media (max-width: 610px) {
    .fi-dropdown-panel {
        left: auto !important;
    }
}

.fi-ta-header-adaptive-actions-position {
    justify-content: space-between !important;
    align-items: center !important;
    gap: calc(var(--spacing) * 4) !important;
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
    border-color: var(--gray-200) !important;
    padding-inline: calc(var(--spacing) * 4) !important;
    padding-block: calc(var(--spacing) * 3) !important;
    flex-wrap: wrap !important;
    display: flex !important;
}