@media (max-width: 720px) {
  .nav {
    gap: 10px;
  }

  .brand {
    min-width: 0;
    flex: 0 1 auto;
  }

  .nav-actions {
    display: flex !important;
    align-items: center;
    margin-left: auto;
  }

  .nav-actions .btn-ghost {
    display: none !important;
  }

  .nav-actions .btn-primary {
    min-height: 40px;
    padding: 0 13px;
    border-radius: 10px;
    font-size: 0.78rem;
    line-height: 1;
    white-space: nowrap;
  }

  .nav-actions .btn-primary svg {
    width: 14px;
    height: 14px;
  }

  .menu-toggle {
    flex: 0 0 44px;
  }
}

@media (max-width: 390px) {
  .brand-name {
    font-size: 0.98rem;
  }

  .nav-actions .btn-primary {
    min-height: 38px;
    padding: 0 10px;
    font-size: 0.73rem;
  }

  .nav-actions .btn-primary svg {
    display: none;
  }
}