/*
 * Navbar Component
 * Public navigation bar
 */

@layer components {
  .navbar {
    inline-size: 100%;
    padding-block: var(--space-6);
  }

  .navbar__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .navbar__logo {
    display: flex;
    align-items: center;
    text-decoration: none;
  }

  .navbar__logo-img {
    block-size: 1.5rem;
    inline-size: auto;
  }

  .navbar__actions {
    display: flex;
    align-items: center;
    gap: var(--inline-space);
  }

  .navbar__workspace-switcher {
    margin-right: var(--space-4);
  }

  .navbar__workspace-form {
    display: inline-block;
  }

  .navbar__workspace-select {
    padding: var(--space-1) var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    background: var(--color-bg);
    font-size: 0.9rem;
    cursor: pointer;
  }
}