/*
 * Земельный Практикум
 * Wide screen app shell v1
 *
 * До 1760px существующая геометрия не меняется.
 * На широких экранах интерфейс получает минимум 32px воздуха
 * с каждой стороны и перестаёт расти после 1680px.
 */

@media (min-width: 1761px) {
  #app .shell {
    width: calc(100% - 64px);
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
  }

  /*
   * Sidebar на desktop имеет position: fixed,
   * поэтому совмещаем его с левым краем центрированного shell.
   */
  #app .shell > .sidebar {
    left: max(32px, calc((100vw - 1680px) / 2));
  }

  #app .shell > .main {
    margin-left: 240px;
    width: calc(100% - 240px);
    max-width: calc(100% - 240px);
  }

  #app .shell.compact-sidebar > .main {
    margin-left: 88px;
    width: calc(100% - 88px);
    max-width: calc(100% - 88px);
  }
}