/* =========================================================
   DIVM APPLICATION LAYOUT
   ========================================================= */

.divm-app {
    min-height: 100vh;
    display: flex;
}


/* =========================================================
   MAIN AREA
   ========================================================= */

.divm-main {
    width: calc(100% - var(--divm-sidebar-width));
    margin-left: var(--divm-sidebar-width);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}


/* =========================================================
   CONTENT
   ========================================================= */

.divm-content {
    flex: 1;
    padding: 28px;
    background: var(--divm-background);
}


/* =========================================================
   OLD / LEGACY LAYOUT
   ========================================================= */

/*
   Bunlar əvvəlki layout-a aid idi:

   .app-layout
   .sidebar
   .main-wrapper
   .topbar
   .content

   Yeni DivM layout-da artıq istifadə olunmur.
*/