Colores de fondo en layout

modules/customers/src/web/list/ui/pages/list-customers-page.tsx

@@ -82,7 +82,7 @@ export const ListCustomersPage = () => {
         />
       </AppHeader>
 
-      <AppContent className="min-h-0">
+      <AppContent>
         {isPanelOpen ? (
           <ResizablePanelGroup
             autoSave="list-customers-page"

packages/rdx-ui/src/components/layout/app-content.tsx

@@ -8,10 +8,7 @@ export const AppContent = ({
 }: PropsWithChildren<{ className?: string }>) => {
   return (
     <div
-      className={cn(
+      className={cn("app-content flex flex-1 flex-col gap-4 p-4 pt-6 min-h-screen", className)}
-        "app-content flex flex-1 flex-col gap-4 p-4 pt-6 min-h-screen bg-muted/20",
-        className
-      )}
       {...props}
     >
       {children}

packages/rdx-ui/src/components/layout/app-layout.tsx

@@ -6,6 +6,7 @@ import { AppSidebar } from "./app-sidebar.tsx";
 export const AppLayout = () => {
   return (
     <SidebarProvider
+      className="bg-amber-500"
       style={
         {
           "--sidebar-width": "calc(var(--spacing) * 72)",
@@ -13,9 +14,9 @@ export const AppLayout = () => {
         } as React.CSSProperties
       }
     >
-      <AppSidebar variant="inset" />
+      <AppSidebar className="bg-sidebar" variant="inset" />
       {/* Aquí está el MAIN */}
-      <SidebarInset className="app-main">
+      <SidebarInset className="app-main bg-muted">
         <Outlet />
       </SidebarInset>
     </SidebarProvider>