.brand a { color: inherit; text-decoration: none; }

.shell {
  display: flex;
  align-items: stretch;
  flex: 1;
  min-height: 0; 
}

.shell > .container {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.sidenav {
  width: 64px;
  flex: 0 0 64px;
  border-right: 1px solid rgba(255, 255, 255, 0.07);
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.sidenav-link {
  width: 48px;
  padding: 8px 0 6px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: #8b8b93;
  text-decoration: none;
  font-size: 10px;
  letter-spacing: 0.02em;
  transition: background 0.12s, color 0.12s;
}

.sidenav-link svg { width: 20px; height: 20px; }

.sidenav-link:hover {
  color: #e6e6ea;
  background: rgba(255, 255, 255, 0.05);
}

.sidenav-link.active {
  color: #7aa7f5;
  background: rgba(122, 167, 245, 0.10);
}