/* A single white page surface, with workspace colours reserved for controls. */
body{background:#fff!important;background-image:none!important}
.app-shell,.app-shell main,.app-shell .app-view,.app-shell .app-header{
 background-color:#fff!important;background-image:none!important;
}
.app-shell .bottom-nav{background:#fff!important;background-image:none!important}
/* The client accent fills the whole inner page, including empty space. */
.app-shell[data-space=client]:not([data-view=plan]),
.app-shell[data-space=client]:not([data-view=plan]) main,
.app-shell[data-space=client]:not([data-view=plan]) .app-view{background-color:#f4f8fa!important}

/* Vendor Home follows the client page structure with a pale teal accent. */
.app-shell[data-space=vendor][data-view=vendor-home],
.app-shell[data-space=vendor][data-view=vendor-home] main,
.app-shell[data-space=vendor][data-view=vendor-home] #vendor-home-view{background-color:#edf7f8!important}

.app-shell[data-space=vendor][data-view=inquiries],
.app-shell[data-space=vendor][data-view=inquiries] main,
.app-shell[data-space=vendor][data-view=inquiries] #inquiries-view{background-color:#edf7f8!important}