@use '@/styles/variables' as *;
@use '@/styles/mixins' as *;

.pageContainer {
  min-height: 100vh;
  background-color: $background-color;

  &__main {
    margin-left: $sidebar-width;
    min-height: 100vh;
    @include transition-base;

    &--collapsed {
      margin-left: $sidebar-collapsed-width;
    }
  }

  &__content {
    padding: $page-padding;
    min-height: calc(100vh - $header-height);

    &--fullWidth {
      padding: 0;
    }
  }
}
