@media (max-width: 1100px) {
  .scb-shell {
    grid-template-columns: 230px minmax(520px, 1fr) 250px;
  }

  .scb-sidebar {
    padding: 14px;
  }
}

@media (max-width: 980px) {
  .scb-app {
    min-height: auto;
  }

  .scb-shell {
    grid-template-columns: 1fr;
  }

  .scb-sidebar-left,
  .scb-sidebar-right {
    border-width: 0 0 1px 0;
  }

  .scb-sidebar-left {
    order: 1;
  }

  .scb-workspace-wrap {
    min-height: 460px;
    order: 2;
    padding: 18px;
  }

  .scb-sidebar-right {
    order: 3;
  }

  .scb-side-button {
    display: inline-flex;
    justify-content: center;
    margin: 0 8px 8px 0;
    width: auto;
  }

  .scb-layout-book {
    height: auto;
    min-height: 0;
    width: min(92vw, 520px);
  }

  .scb-layout-strip {
    min-height: 220px;
    width: min(92vw, 820px);
  }
}

@media (max-width: 640px) {
  .scb-toolbar {
    align-items: stretch;
    display: grid;
  }

  .scb-toolbar-group {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .scb-toolbar-brand {
    grid-template-columns: 1fr;
    min-width: 0;
  }

  .scb-button,
  .scb-side-button,
  .scb-danger-button {
    width: 100%;
  }

  .scb-workspace-wrap {
    padding: 14px 10px;
  }

  .scb-layout-book {
    width: 94vw;
  }

  .scb-layout-strip {
    min-height: 180px;
    width: 94vw;
  }

  .scb-text-box {
    font-size: 12px;
    padding: 6px;
  }
}