/* ========================================================================== Acelle Mail — Layout Styles (authenticated pages) Sidebar, topbar, content area, responsive. All values from variables.css. ========================================================================== */ @import url('variables.css'); /* ========================================================================== App Shell ========================================================================== */ .mc-app { display: flex; min-height: 100vh; } .mc-app-body { flex: 1; display: flex; flex-direction: column; min-width: 0; margin-left: var(--sidebar-width); transition: margin-left var(--transition-base); } .mc-app.sidebar-collapsed .mc-app-body { margin-left: var(--sidebar-collapsed); } /* ─── Pre-paint collapsed state (FOUC fix) ─────────────────────────────────── Mirror of the dark-mode pre-paint script pattern. Inline