.embedded body {
  background: var(--paper);
}

.embedded .app-shell {
  min-height: 100vh;
}

.embedded .sidebar {
  position: sticky;
  top: 0;
  inset: auto;
  width: auto;
  height: auto;
  padding: 8px 14px;
  display: block;
  background: #102f39;
}

.embedded .sidebar .brand,
.embedded .sidebar .privacy-note {
  display: none;
}

.embedded .sidebar nav {
  display: flex;
  gap: 7px;
  overflow-x: auto;
}

.embedded .nav-item {
  flex: 0 0 auto;
  padding: 9px 13px;
  white-space: nowrap;
}

.embedded .main-content {
  margin-left: 0;
  padding: 18px 20px 50px;
}

.embedded .topbar {
  margin-bottom: 16px;
}

.embedded .topbar h1 {
  font-size: 23px;
}

@media (max-width: 820px) {
  .embedded .sidebar {
    padding: 7px 10px;
  }

  .embedded .sidebar nav {
    display: flex;
    grid-template-columns: none;
  }

  .embedded .main-content {
    padding: 14px 12px 40px;
  }

  .embedded .topbar {
    display: block;
  }

  .embedded .top-actions {
    justify-content: flex-start;
    margin-top: 12px;
  }
}